.home{min-height:100vh;background:var(--bg-gradient);overflow:hidden;position:relative}.particles{position:fixed;inset:0;pointer-events:none;background:radial-gradient(1px 1px at 20% 30%,rgba(255,215,0,.3) 0%,transparent 100%),radial-gradient(1px 1px at 80% 20%,rgba(255,215,0,.2) 0%,transparent 100%),radial-gradient(1px 1px at 40% 70%,rgba(255,215,0,.25) 0%,transparent 100%),radial-gradient(1px 1px at 90% 80%,rgba(255,215,0,.15) 0%,transparent 100%),radial-gradient(1px 1px at 10% 90%,rgba(255,215,0,.2) 0%,transparent 100%);animation:shimmer 8s ease-in-out infinite}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.7) 100%)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;position:relative}.hero-frame{position:absolute;inset:80px 40px 40px;border:1px solid var(--border-gold-subtle);pointer-events:none;opacity:0;transition:opacity 1.5s ease-out .5s}.hero-frame.loaded{opacity:1}.frame-diamond{position:absolute;top:-5px;left:50%;transform:translate(-50%);width:100px;height:10px;background:var(--bg-dark);display:flex;justify-content:center;align-items:center;color:var(--gold);font-size:1.2rem}.pre-title{font-size:.75rem;letter-spacing:.5em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px;opacity:0;transform:translateY(20px);transition:all .8s ease-out .3s}.pre-title.loaded{opacity:1;transform:translateY(0)}.title{font-weight:400;margin:0;line-height:.9;opacity:0;transform:translateY(30px) scale(.95);transition:all 1s ease-out .4s}.title.loaded{opacity:1;transform:translateY(0) scale(1)}.title-main{display:block;font-size:clamp(3rem,10vw,8rem);background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Cinzel,Palatino Linotype,serif;font-weight:700}.title-sub{display:block;font-size:clamp(1.2rem,4vw,3.2rem);letter-spacing:.4em;color:var(--text-primary);margin-top:10px;font-weight:300}.slogan{font-size:1.1rem;font-style:italic;color:var(--text-secondary);margin-top:40px;letter-spacing:.1em;opacity:0;transform:translateY(20px);transition:all .8s ease-out .7s}.slogan.loaded{opacity:1;transform:translateY(0)}.hero-buttons{margin-top:50px;display:flex;gap:20px;opacity:0;transform:translateY(20px);transition:all .8s ease-out .9s}.hero-buttons.loaded{opacity:1;transform:translateY(0)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transition:opacity 1s ease-out 1.2s;animation:bounce 2s ease-in-out infinite}.scroll-indicator.loaded{opacity:.5}.scroll-text{font-size:.65rem;letter-spacing:.2em;color:var(--text-muted)}.scroll-arrow{color:var(--gold)}.features{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;border-top:1px solid var(--border-gold-subtle);border-bottom:1px solid var(--border-gold-subtle)}.feature{text-align:center;max-width:200px;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.feature.loaded{opacity:1;transform:translateY(0)}.feature-icon{font-size:2.5rem;margin-bottom:20px;filter:grayscale(.3)}.feature-title{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-weight:400}.feature-desc{font-size:.9rem;color:var(--text-muted);line-height:1.6}.cards-section{padding:120px 40px;text-align:center}.cards-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;perspective:1000px}.game-card{width:220px;height:320px;background:linear-gradient(160deg,var(--bg-card) 0%,#0d0b09 100%);border:1px solid var(--border-gold);border-radius:8px;padding:20px;display:flex;flex-direction:column;cursor:pointer;transform:translateY(0);box-shadow:var(--shadow-card);transition:all .4s ease;position:relative;overflow:hidden}.game-card:hover,.game-card.active{border-color:var(--gold);transform:translateY(-15px) rotateX(5deg);box-shadow:var(--shadow-card-hover)}.card-glow{position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(201,162,39,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.game-card:hover .card-glow,.game-card.active .card-glow{opacity:1}.card-type{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:15px}.card-art{flex:1;background:linear-gradient(180deg,rgba(201,162,39,.05) 0%,transparent 100%);border:1px solid var(--border-gold-subtle);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#3a3530;margin-bottom:15px}.card-name{font-size:1rem;color:var(--text-primary);margin:0 0 8px;font-weight:400}.card-description{font-size:.75rem;color:var(--text-muted);font-style:italic;margin:0;line-height:1.5}.card-power{position:absolute;top:15px;right:15px;width:30px;height:30px;background:#c9a22733;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--gold);font-weight:700;font-family:Cinzel,serif}.quote-section{text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(201,162,39,.03) 50%,transparent 100%)}.quote{font-size:clamp(1.2rem,3vw,2rem);font-style:italic;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.quote-author{margin-top:30px;font-size:.7rem;letter-spacing:.3em;color:var(--text-dark);text-transform:uppercase}.newsletter{text-align:center;border-top:1px solid var(--border-gold-subtle)}.newsletter-title{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-bottom:15px;font-weight:400}.newsletter-subtitle{font-size:.9rem;color:var(--text-dark);margin-bottom:30px}.newsletter-form{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.newsletter-input{width:300px}@media(max-width:768px){.hero{padding:80px 20px 40px}.hero-frame{left:20px;right:20px}.features{gap:40px}.cards-section{padding:80px 20px}.cards-grid{gap:20px}.game-card{width:160px;height:260px}.newsletter-input{width:100%}}.shop{min-height:100vh;background:var(--bg-gradient);padding:120px 40px 80px}.shop-header{text-align:center;margin-bottom:60px}.shop-title{font-size:clamp(2rem,5vw,4rem);background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 50%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.shop-subtitle{font-size:1.1rem;color:var(--text-secondary);font-style:italic}.shop-content{max-width:1200px;margin:0 auto}.edition-selector{display:flex;justify-content:center;gap:15px;margin-bottom:50px;flex-wrap:wrap}.edition-btn{background:transparent;border:1px solid var(--border-gold);padding:15px 30px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:150px;transition:all .3s ease}.edition-btn:hover{border-color:var(--gold)}.edition-btn.active{background:#c9a2271a;border-color:var(--gold)}.edition-name{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.edition-btn.active .edition-name{color:var(--gold)}.edition-price{font-size:1.2rem;color:var(--text-primary);font-family:Cinzel,serif}.product-display{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px}.product-image{aspect-ratio:1;background:linear-gradient(160deg,var(--bg-card) 0%,#0d0b09 100%);border:1px solid var(--border-gold);border-radius:8px;display:flex;align-items:center;justify-content:center}.product-placeholder{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--text-dark)}.placeholder-icon{font-size:4rem;opacity:.5}.placeholder-text{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.product-info{display:flex;flex-direction:column}.product-badge{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}.product-name{font-size:clamp(1.5rem,3vw,2.5rem);color:var(--text-primary);margin-bottom:10px;font-weight:500}.product-description{font-size:1rem;color:var(--text-secondary);margin-bottom:25px}.product-price{font-size:2rem;color:var(--gold);font-family:Cinzel,serif;margin-bottom:25px}.price-currency{font-size:.9rem;color:var(--text-muted)}.product-features{list-style:none;margin-bottom:30px}.feature-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-gold-subtle)}.feature-check{color:var(--gold);font-weight:700}.quantity-selector{display:flex;align-items:center;gap:20px;margin-bottom:20px}.quantity-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.quantity-controls{display:flex;align-items:center;gap:15px}.quantity-btn{width:36px;height:36px;background:transparent;border:1px solid var(--border-gold);color:var(--text-primary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.quantity-btn:hover:not(:disabled){background:var(--gold);color:var(--bg-dark);border-color:var(--gold)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-value{font-size:1.2rem;color:var(--text-primary);min-width:30px;text-align:center;font-family:Cinzel,serif}.order-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--border-gold);border-bottom:1px solid var(--border-gold);margin-bottom:25px}.total-label{font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.total-value{font-size:1.5rem;color:var(--gold);font-family:Cinzel,serif}.checkout-error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#ff6b6b;padding:15px;border-radius:4px;margin-bottom:20px;font-size:.9rem;text-align:center}.checkout-btn{width:100%;padding:20px;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);border:none;color:var(--bg-dark);cursor:pointer;transition:all .3s ease;margin-bottom:20px}.checkout-btn:hover:not(:disabled){background:var(--gold-hover);transform:translateY(-2px);box-shadow:0 10px 30px #c9a2274d}.checkout-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-info{text-align:center}.payment-note{font-size:.8rem;color:var(--text-dark);margin-bottom:10px}.payment-methods{display:flex;justify-content:center;gap:10px;font-size:1.5rem;opacity:.7}.shipping-info{background:linear-gradient(160deg,var(--bg-card) 0%,#0d0b09 100%);border:1px solid var(--border-gold);border-radius:8px;padding:40px}.shipping-title{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:30px;font-weight:400}.shipping-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.shipping-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.shipping-icon{font-size:2rem}.shipping-text{font-size:.85rem;color:var(--text-secondary)}@media(max-width:900px){.product-display{grid-template-columns:1fr;gap:40px}.product-image{max-width:400px;margin:0 auto}.shipping-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shop{padding:100px 20px 60px}.edition-selector{flex-direction:column;align-items:center}.edition-btn{width:100%;max-width:300px}.shipping-grid{grid-template-columns:1fr}}.nav{position:fixed;top:0;left:0;right:0;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);animation:fadeInUp .8s ease-out .2s both}.nav-logo{font-size:1.2rem;letter-spacing:.3em;color:var(--gold);font-weight:700;text-transform:uppercase;font-family:Cinzel,serif}.nav-links{display:flex;gap:40px}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:var(--gold)}.btn-primary{padding:18px 60px;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;background:transparent;border:1px solid var(--gold);color:var(--gold);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.btn-primary:hover{background:var(--gold);color:var(--bg-dark)}.btn-secondary{padding:15px 30px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;background:var(--gold);border:none;color:var(--bg-dark);cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--gold-hover)}.section{padding:100px 40px}.section-title{font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin-bottom:60px}.footer{padding:40px;text-align:center;border-top:1px solid var(--border-gold-subtle)}.footer-text{font-size:.7rem;letter-spacing:.2em;color:var(--text-dark)}.card{background:linear-gradient(160deg,var(--bg-card) 0%,#0d0b09 100%);border:1px solid var(--border-gold);border-radius:8px;padding:20px;transition:all .4s ease;position:relative;overflow:hidden}.card:hover{border-color:var(--gold);transform:translateY(-10px);box-shadow:var(--shadow-card-hover)}.input{padding:15px 25px;font-size:.85rem;background:#ffffff08;border:1px solid var(--border-gold);color:var(--text-primary);outline:none;transition:border-color .3s ease}.input:focus{border-color:var(--gold)}@media(max-width:768px){.nav{padding:15px 20px;flex-direction:column;gap:15px}.nav-links{gap:20px;flex-wrap:wrap;justify-content:center}.section{padding:60px 20px}.btn-primary{padding:15px 40px}}*{margin:0;padding:0;box-sizing:border-box}:root{--gold: #c9a227;--gold-light: #f4e4bc;--gold-dark: #8b6914;--gold-hover: #dab82f;--bg-dark: #0a0a0a;--bg-card: #1a1815;--bg-gradient: linear-gradient(180deg, #0a0a0a 0%, #1a1510 50%, #0d0d0d 100%);--text-primary: #e8e0d5;--text-secondary: #9a8a70;--text-muted: #6a5d4d;--text-dark: #4a4540;--border-gold: rgba(201, 162, 39, .2);--border-gold-subtle: rgba(201, 162, 39, .1);--shadow-card: 0 10px 30px rgba(0, 0, 0, .3);--shadow-card-hover: 0 30px 60px rgba(0, 0, 0, .5), 0 0 40px rgba(201, 162, 39, .1)}html{scroll-behavior:smooth}body{font-family:Cormorant Garamond,Palatino Linotype,Book Antiqua,Palatino,serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh}::selection{background:#c9a2274d;color:var(--text-primary)}a{color:var(--gold);text-decoration:none;transition:color .3s ease}a:hover{color:var(--gold-light)}h1,h2,h3,h4,h5,h6{font-family:Cinzel,Palatino Linotype,serif;font-weight:500;line-height:1.2}button{font-family:Cinzel,Palatino Linotype,serif;cursor:pointer;transition:all .3s ease}input,textarea{font-family:Cormorant Garamond,Palatino Linotype,serif}input::placeholder{color:var(--text-dark)}input:focus{outline:none;border-color:var(--gold)!important}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}