body{scroll-behavior:smooth;background:#0a0e0f;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-nav{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1419fa;border-bottom:2px solid #ffd7004d;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex}.site-logo{color:gold;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px #00000080;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:700;text-decoration:none;display:flex}.logo-dice{font-size:1.5rem;animation:3s ease-in-out infinite rotateDice}@keyframes rotateDice{0%,to{transform:rotate(0)}50%{transform:rotate(360deg)}}.nav-links{gap:2rem;display:flex}.nav-links a{color:#ffffffd9;font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s,transform .2s;position:relative}.nav-links a:after{content:"";background:gold;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:gold;transform:translateY(-2px)}.nav-links a:hover:after{width:100%}.hero-section{text-align:center;background:linear-gradient(135deg,#141e2380 0%,#0a0e0fb3 100%);border:1px solid #ffd70026;border-radius:12px;max-width:1400px;margin:2rem auto 1.5rem;padding:2rem;position:relative;box-shadow:0 4px 12px #0000004d}.hero-close{color:#ffd700b3;cursor:pointer;background:0 0;border:1px solid #ffd7004d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;line-height:1;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.hero-close:hover{color:gold;background:#ffd7001a;border-color:#ffd70099}.hero-section h1{color:gold;margin-bottom:.75rem;font-size:2.2rem;font-weight:600}.hero-description{color:#ffffffe6;max-width:750px;margin:0 auto 1rem;font-size:1rem;line-height:1.6}.hero-features{color:#ffd700cc;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.85rem;display:flex}.hero-toggle{color:gold;cursor:pointer;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:6px;max-width:1400px;margin:1rem auto;padding:.6rem 1.2rem;font-size:.9rem;transition:all .3s;display:block}.hero-toggle:hover{background:#ffd70033;border-color:#ffd70080}.heritage-stats-grid{grid-template-columns:repeat(4,1fr);gap:3rem;max-width:1000px;margin-top:3rem;display:grid}.game-container{background:#0f1419f2;border:2px solid #ffd7004d;border-radius:16px;flex-direction:column;max-width:1400px;min-height:80vh;margin:2rem auto;padding:3rem 2rem;display:flex;box-shadow:0 8px 32px #0009}.game-header{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.game-header h1{color:gold;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px #00000080;margin:0 0 .5rem;font-size:2rem;font-weight:700}.game-stats{color:#fff;flex-wrap:wrap;gap:2rem;font-size:.9rem;display:flex}.stat{align-items:center;gap:.5rem;display:flex}.stat-label{opacity:.8}.stat-value{color:gold;font-size:1.1rem;font-weight:700}.header-buttons{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.secondary-buttons{gap:.5rem;display:flex}.primary-buttons{white-space:nowrap;flex-shrink:0;gap:1rem;display:flex}.icon-btn{color:gold;cursor:pointer;background:0 0;border:1px solid #ffd70033;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.2rem;transition:all .2s;display:flex}.icon-btn:hover{background:#ffd70026;border-color:#ffd70066;transform:translateY(-2px)}.new-game-btn,.settings-btn{color:#0a0e0f;cursor:pointer;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s}.settings-btn{color:gold;background:#ffd70026;border:1px solid #ffd7004d}.new-game-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080}.settings-btn:hover{background:#ffd70040;border-color:#ffd70080;transform:translateY(-2px)}.settings-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.settings-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;padding:2rem;animation:.3s scaleIn}.settings-modal h2{color:#333;margin:0 0 1.5rem;font-size:1.75rem}.setting-group{margin-bottom:1.5rem}.setting-group>label{color:#333;margin-bottom:.5rem;font-weight:600;display:block}.radio-group{flex-direction:column;gap:.5rem;display:flex}.radio-label,.checkbox-label{cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;transition:background .2s;display:flex}.radio-label:hover,.checkbox-label:hover{background:#f5f5f5}.radio-label input,.checkbox-label input{cursor:pointer}.settings-buttons{gap:1rem;margin-top:2rem;display:flex}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.save-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.cancel-btn{color:#333;background:#e0e0e0}.save-btn:hover,.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.top-row{justify-content:space-between;gap:2rem;margin:0 0 2rem;display:flex}.stock-waste,.foundations{gap:1rem;display:flex}.card{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;width:100px;height:140px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0000004d}.card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0006}.card[draggable=true]{cursor:grab}.card[draggable=true]:active{cursor:grabbing}.card-back{background:linear-gradient(135deg,#c41e3a 0%,#8b1a2e 100%);border:2px solid #fff;justify-content:center;align-items:center;display:flex}.card-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff1a 10px 20px);border-radius:4px;width:80%;height:80%}.card-front{background:#fff;border:2px solid #e0e0e0;justify-content:center;align-items:center;display:flex;position:relative}.card-corner{flex-direction:column;align-items:center;line-height:1;display:flex;position:absolute}.card-corner.top-left{top:8px;left:8px}.card-corner.bottom-right{bottom:8px;right:8px;transform:rotate(180deg)}.card-corner .rank{font-size:1.25rem;font-weight:700}.card-corner .suit{font-size:1rem}.card-center{justify-content:center;align-items:center;display:flex}.suit-large{font-size:3rem}.pile{min-width:100px;min-height:140px;position:relative}.empty-pile{color:#ffffff4d;background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:100px;height:140px;font-size:2rem;display:flex}.foundation-empty .foundation-suit{opacity:.3;font-size:3rem}.stock-pile{cursor:pointer}.reset-icon{color:#ffffff80;font-size:3rem}.depleted{opacity:.5}.depleted-icon{color:#ffffff4d;font-size:2rem;font-weight:700}.waste-stack{align-items:flex-start;min-width:180px;height:140px;display:flex;position:relative}.waste-pile{min-width:180px}.card-stack-indicator{z-index:-1;pointer-events:none;background:linear-gradient(135deg,#c41e3a 0%,#8b1a2e 100%);border:2px solid #fff;border-radius:8px;width:100px;height:140px;position:absolute}.tableau{justify-content:center;gap:1rem;margin:0;display:flex}.info-sections{max-width:1400px;margin:0 auto 4rem;padding:0 2rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.info-card{background:#141e23cc;border:1px solid #ffd70033;border-radius:12px;padding:2rem;transition:transform .3s,border-color .3s}.info-card:hover{border-color:#ffd70066;transform:translateY(-4px)}.info-card-icon{color:gold;background:#ffd70026;border:2px solid #ffd70066;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.5rem;display:flex}.info-card h3{color:gold;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.info-card p{color:#fffc;margin:0;font-size:.95rem;line-height:1.6}.premium-card{text-align:left;background:#14191e99;border:1px solid #ffffff1a;border-radius:16px;padding:2.5rem 2rem;transition:all .3s}.premium-card:hover{border-color:#ffd7004d;transform:translateY(-6px);box-shadow:0 12px 24px #0006}.premium-icon{border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex;box-shadow:0 4px 12px #0000004d}.premium-card h3{color:#fff;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.premium-card p{color:#ffffffbf;margin:0;font-size:1rem;line-height:1.6}.cta-button-premium{color:gold;letter-spacing:.3px;background:0 0;border:1px solid #ffd70066;border-radius:6px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.cta-button-premium:hover{color:#ffed4e;background:#ffd7001a;border-color:#ffd700b3}.rules-section{color:#fff;background:#141e2399;border:1px solid #ffd70033;border-radius:12px;padding:2.5rem}.rules-section h2{color:gold;text-transform:uppercase;letter-spacing:1px;text-align:center;margin:0 0 2rem;font-size:2rem;font-weight:700}.rules-section h3{color:#fff;border-left:4px solid gold;margin:2rem 0 1rem;padding-left:1rem;font-size:1.3rem;font-weight:600}.rules-section p{color:#ffffffd9;margin-bottom:1rem;font-size:1rem;line-height:1.6}.rules-section ul{margin:1rem 0;padding-left:2rem;line-height:1.8}.rules-section li{color:#ffffffd9;margin-bottom:.75rem;font-size:.95rem}.rules-section strong{color:gold;font-weight:600}.main-footer{color:#ffffffd9;background:#0f1419fa;border-top:2px solid #ffd7004d;margin-top:4rem;padding:3rem 0 1rem}.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1400px;margin:0 auto 2rem;padding:0 2rem;display:grid}.footer-section h3{color:gold;text-transform:uppercase;letter-spacing:2px;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.footer-section h4{color:gold;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.footer-section p{color:#ffffffb3;margin:0;line-height:1.6}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:color .3s}.footer-links a:hover{color:gold}.footer-bottom{text-align:center;border-top:1px solid #ffd70033;max-width:1400px;margin:0 auto;padding:1.5rem 2rem 0}.footer-bottom p{color:#fff9;margin:0;font-size:.9rem}.page-container{max-width:1400px;margin:2rem auto;padding:0 2rem}.content-section{background:#0f1419f2;border:2px solid #ffd7004d;border-radius:16px;margin-bottom:2rem;padding:3rem}.content-section h1{color:gold;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px #00000080;margin:0 0 1.5rem;font-size:2.5rem;font-weight:700}.content-section h2{color:gold;border-left:4px solid gold;margin:2rem 0 1rem;padding-left:1rem;font-size:1.75rem;font-weight:600}.content-section h3{color:#fff;margin:1.5rem 0 .75rem;font-size:1.3rem;font-weight:600}.content-section p{color:#ffffffd9;margin-bottom:1rem;font-size:1.05rem;line-height:1.8}.content-section ul{color:#ffffffd9;margin:1rem 0;padding-left:2rem;line-height:1.8}.content-section li{margin-bottom:.75rem}.content-section strong{color:gold;font-weight:600}.cta-section{text-align:center;margin-top:3rem;padding:2rem 0}.cta-button{color:#0a0e0f;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border-radius:8px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080}.contact-form{margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{color:gold;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.form-group input,.form-group textarea{color:#fff;background:#ffffff0d;border:2px solid #ffd7004d;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .3s,background .3s}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:gold;outline:none}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{color:#0a0e0f;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border:none;border-radius:8px;padding:.875rem 2rem;font-size:1.05rem;font-weight:700;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080}.success-message{color:#4caf50;background:#4caf5033;border:2px solid #4caf50;border-radius:8px;margin:1.5rem 0;padding:1rem;font-weight:600}.success-message p{color:#4caf50;margin:0}.contact-info{border-top:1px solid #ffd70033;margin-top:3rem;padding-top:2rem}.faq-item{background:#ffd7000d;border-left:4px solid gold;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.faq-item h3{color:gold;margin-top:0;font-size:1.2rem}.faq-item p{margin-bottom:0}.tableau-pile{flex:1;min-width:100px;max-width:140px;min-height:200px;position:relative}.tableau-empty{min-height:140px}.win-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.win-message{text-align:center;background:#0f1419fa;border:2px solid gold;border-radius:16px;padding:3rem;animation:.3s scaleIn;box-shadow:0 0 40px #ffd70080}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.win-message h2{color:gold;text-shadow:0 0 20px #ffd70080;margin:0 0 1rem;font-size:2.5rem}.win-message p{color:#ffffffe6;margin:0 0 2rem;font-size:1.25rem}@media (max-width:1024px){.game-container{padding:1rem}.card{width:80px;height:112px}.pile,.empty-pile{width:80px;min-width:80px;height:112px;min-height:112px}.card-stack-indicator{width:80px;height:112px}.tableau-pile{min-width:80px;max-width:100px}.card-corner .rank{font-size:1rem}.card-corner .suit{font-size:.875rem}.suit-large{font-size:2rem}}@media (max-width:768px){.nav-container{text-align:center;flex-direction:column;gap:1rem;padding:1rem}.site-logo{font-size:1.5rem}.logo-dice{font-size:1.25rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1.5rem}.nav-links a{font-size:.9rem}.hero-section{margin:1rem;padding:1.5rem 1rem}.hero-section h1{font-size:1.8rem}.hero-description{font-size:.9rem}.hero-features{gap:.75rem;font-size:.75rem}.hero-close{width:28px;height:28px;font-size:1.3rem}.game-container{border-radius:12px;margin:1rem;padding:1rem}.game-header{text-align:center;flex-direction:column;gap:1rem;padding:0}.game-header h1{font-size:1.5rem}.game-stats{justify-content:center;gap:1rem;font-size:.8rem}.stat-value{font-size:1rem}.header-buttons{flex-direction:column;width:100%}.new-game-btn,.settings-btn{width:100%;padding:.6rem 1rem;font-size:.9rem}.top-row{flex-direction:column;gap:1rem}.stock-waste{justify-content:center;align-items:center;gap:.75rem;margin:0 auto;display:flex}.foundations{grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:100%;display:grid}.foundation-pile,.foundations .pile{width:60px!important;min-width:60px!important;height:84px!important;min-height:84px!important}.foundations .empty-pile{width:60px!important;height:84px!important}.waste-stack{min-width:160px;height:112px}.waste-pile{min-width:160px}.stock-waste .card{width:80px;height:112px}.stock-waste .pile{min-width:80px;min-height:112px}.stock-waste .empty-pile,.stock-waste .card-stack-indicator{width:80px;height:112px}.stock-waste .reset-icon{font-size:2.5rem}.stock-waste .depleted-icon{font-size:1.75rem}.stock-waste .card-corner .rank{font-size:.95rem}.stock-waste .card-corner .suit{font-size:.85rem}.stock-waste .suit-large{font-size:2rem}.tableau{gap:.5rem;max-width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem;padding:0 .5rem;overflow-x:hidden}.tableau-pile{flex:1;min-width:42px;max-width:42px}.card{width:42px;height:58px}.pile{min-width:42px;min-height:58px}.empty-pile,.card-stack-indicator{width:42px;height:58px}.card-corner .rank{font-size:.65rem}.card-corner .suit{font-size:.55rem}.suit-large{font-size:1.25rem}.card-corner.top-left,.card-corner.bottom-right{top:3px;left:3px}.card-corner.bottom-right{bottom:3px;right:3px}.foundations .card,.foundation-pile .card,.foundations .card-front,.foundations .card-back,.foundation-pile .card-front,.foundation-pile .card-back{width:100%!important;min-width:60px!important;max-width:60px!important;height:100%!important;min-height:84px!important;max-height:84px!important}.foundations .card-corner .rank,.foundation-pile .card-corner .rank{font-size:.8rem!important}.foundations .card-corner .suit,.foundation-pile .card-corner .suit{font-size:.7rem!important}.foundations .suit-large,.foundation-pile .suit-large{font-size:1.75rem!important}.info-sections{margin-bottom:2rem;padding:0 1rem}.info-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.info-card{padding:1.5rem}.info-card-icon{width:40px;height:40px;font-size:1.25rem}.info-card h3{font-size:1.1rem}.info-card p{font-size:.9rem}.rules-section{padding:1.5rem}.rules-section h2{margin-bottom:1.5rem;font-size:1.5rem}.rules-section h3{margin:1.5rem 0 .75rem;font-size:1.1rem}.rules-section p{font-size:.9rem}.rules-section li{margin-bottom:.5rem;font-size:.85rem}.rules-section ul{padding-left:1.5rem}.footer-container{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.footer-section h3{font-size:1.25rem}.footer-bottom{padding:1.5rem 1rem 0}.footer-bottom p{font-size:.85rem}.page-container{padding:0 1rem}.content-section{padding:2rem 1.5rem}.content-section h1{font-size:1.75rem}.content-section h2{font-size:1.4rem}.content-section p{font-size:1rem}.cta-button{padding:.875rem 2rem;font-size:1rem}.contact-info{margin-top:2rem}.faq-item{padding:1rem}.faq-item h3{font-size:1.1rem}.heritage-stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}