:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;--gold: #f5c518;--ember: #e85d26;--deep: #0a0a0f;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body,#root{min-height:100vh;background:var(--deep);color:#fafafa}body{overflow-x:hidden}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #f5c51826}50%{box-shadow:0 0 40px #f5c51859}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes counterUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroTitle{0%{opacity:0;transform:translateY(40px) scale(.95);letter-spacing:.3em}60%{letter-spacing:.08em}to{opacity:1;transform:translateY(0) scale(1);letter-spacing:.04em}}@keyframes heroSub{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{0%{width:0}to{width:80px}}@keyframes particleDrift{0%{transform:translateY(0) translate(0) scale(1);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100vh) translate(40px) scale(0);opacity:0}}.reveal{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-80px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(80px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.85);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-scale.visible{opacity:1;transform:scale(1)}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;bottom:-20px;width:4px;height:4px;border-radius:50%;background:var(--gold);animation:particleDrift linear infinite;opacity:0}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;overflow:hidden;z-index:1}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(245,197,24,.06),transparent),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(232,93,38,.04),transparent);pointer-events:none}.hero-ring{position:absolute;border-radius:50%;border:1px solid rgba(245,197,24,.08);animation:breathe 4s ease-in-out infinite}.hero-ring-1{width:400px;height:400px;animation-delay:0s}.hero-ring-2{width:550px;height:550px;animation-delay:1s}.hero-ring-3{width:700px;height:700px;animation-delay:2s}.hero-overline{font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;animation:heroSub 1s .3s cubic-bezier(.16,1,.3,1) both;position:relative;z-index:2}.hero-title{font-size:clamp(2.5rem,8vw,6rem);font-weight:800;line-height:1.05;letter-spacing:.04em;background:linear-gradient(135deg,#ffffff 0%,var(--gold) 50%,var(--ember) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroTitle 1.4s .5s cubic-bezier(.16,1,.3,1) both;position:relative;z-index:2}.hero-line{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.5rem auto;animation:lineGrow 1s 1.2s cubic-bezier(.16,1,.3,1) both;position:relative;z-index:2}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.35rem);color:#fff9;max-width:500px;animation:heroSub 1s 1.5s cubic-bezier(.16,1,.3,1) both;position:relative;z-index:2}.hero-scroll{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff4d;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;animation:heroSub 1s 2s cubic-bezier(.16,1,.3,1) both,float 2.5s ease-in-out infinite}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gold),transparent)}.stats-section{position:relative;z-index:1;padding:6rem 2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:900px;margin:0 auto}.stat-card{text-align:center;padding:2.5rem 1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;animation:pulseGlow 4s ease-in-out infinite;transition:transform .3s,border-color .3s}.stat-card:hover{transform:translateY(-4px);border-color:#f5c51833}.stat-card:nth-child(2){animation-delay:1s}.stat-card:nth-child(3){animation-delay:2s}.stat-card:nth-child(4){animation-delay:3s}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--ember));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80}.story-section{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:4rem 2rem}.story-block{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:8rem}.story-block.reverse{direction:rtl}.story-block.reverse>*{direction:ltr}.story-visual{position:relative;aspect-ratio:4/3;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,#f5c5181a,#e85d261a);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center}.story-visual-icon{font-size:5rem;opacity:.6}.story-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 60%,rgba(245,197,24,.1));pointer-events:none}.story-chapter{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}.story-heading{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.15;margin-bottom:1rem;letter-spacing:-.01em}.story-text{font-size:1rem;line-height:1.75;color:#fff9}.timeline-section{position:relative;z-index:1;padding:6rem 2rem;max-width:800px;margin:0 auto}.timeline-section h2{text-align:center;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:4rem;letter-spacing:-.01em}.timeline{position:relative;padding-left:3rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--gold),var(--ember),transparent)}.timeline-item{position:relative;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--card-border)}.timeline-item:last-child{border-bottom:none;margin-bottom:0}.timeline-dot{position:absolute;left:-3rem;top:.25rem;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #f5c51866;transform:translate(-5px)}.timeline-year{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;font-weight:600}.timeline-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.timeline-desc{font-size:.95rem;line-height:1.7;color:#ffffff8c}.quote-section{position:relative;z-index:1;padding:8rem 2rem;text-align:center;max-width:700px;margin:0 auto}.quote-mark{font-size:6rem;line-height:1;background:linear-gradient(135deg,var(--gold),var(--ember));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.6;font-family:Georgia,serif}.quote-text{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:500;line-height:1.5;font-style:italic;margin-bottom:1.5rem}.quote-author{font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.gallery-section{position:relative;z-index:1;padding:6rem 2rem;max-width:1100px;margin:0 auto}.gallery-section h2{text-align:center;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:3rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-card{aspect-ratio:1;border-radius:1rem;overflow:hidden;position:relative;background:linear-gradient(135deg,#f5c51814,#e85d2614);border:1px solid var(--card-border);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s,border-color .3s;cursor:pointer}.gallery-card:hover{transform:scale(1.03);border-color:#f5c51840}.gallery-card:nth-child(2){grid-row:span 2;aspect-ratio:auto}.gallery-emoji{font-size:3rem;margin-bottom:.75rem}.gallery-label{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.finale-section{position:relative;z-index:1;padding:10rem 2rem 6rem;text-align:center}.finale-section h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.finale-section p{font-size:1.1rem;color:#ffffff80;max-width:500px;margin:0 auto 2.5rem}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;border:none;border-radius:9999px;background:linear-gradient(135deg,var(--gold),var(--ember));color:#0a0a0f;font-size:1rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px #f5c5184d}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f5c51880}.progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--ember));z-index:100;transition:width .1s linear}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;transition:background .3s,backdrop-filter .3s}.nav.scrolled{background:#0a0a0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}.nav-logo{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#ffffff80;text-decoration:none;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--gold)}.footer{position:relative;z-index:1;text-align:center;padding:3rem 2rem;border-top:1px solid var(--card-border);color:#ffffff40;font-size:.75rem;letter-spacing:.1em}.game-section{position:relative;z-index:1;padding:6rem 2rem;max-width:900px;margin:0 auto}.game-section h2{text-align:center;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:.5rem}.game-subtitle{text-align:center;font-size:1rem;color:#ffffff73;margin-bottom:2rem}.game-container{position:relative;border-radius:1rem;overflow:hidden;border:1px solid var(--card-border);background:linear-gradient(180deg,#0b1a3b,#1a0a2e 40%,#2d1b4e,#0a0a0f);box-shadow:0 0 40px #f5c51814}.game-container canvas{display:block;width:100%;height:auto}.game-hud{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#00000080;border-top:1px solid var(--card-border)}.game-hud-left,.game-hud-right{display:flex;align-items:center;gap:1.5rem}.game-hud-stat{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#ffffffb3}.game-hud-stat .emoji{font-size:1.1rem}.game-hud-stat .value{font-weight:700;color:var(--gold);min-width:2ch}.game-controls{display:flex;gap:.5rem}.game-control-btn{padding:.4rem 1rem;border:1px solid var(--card-border);border-radius:9999px;background:#ffffff0d;color:#fff9;font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:all .2s;font-family:inherit}.game-control-btn:hover{background:#f5c51826;border-color:#f5c5184d;color:var(--gold)}.game-control-btn.primary{background:linear-gradient(135deg,var(--gold),var(--ember));color:#0a0a0f;border:none;font-weight:700}.game-control-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f5c51866}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;border-radius:1rem;padding:2rem;text-align:center}.game-overlay h3{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-overlay p{color:#ffffff80;font-size:.95rem;margin-bottom:1.5rem;max-width:350px}.game-overlay .final-score{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--ember));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.game-overlay .score-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#fff6;margin-bottom:1.5rem}.game-keys{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.game-key{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#ffffff59}.game-key kbd{display:inline-block;padding:.2rem .5rem;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#ffffff0f;font-family:inherit;font-size:.7rem;color:#fff9;min-width:1.8em;text-align:center}.game-touch-controls{display:none;justify-content:center;gap:1rem;padding:1rem;background:#00000080;border-top:1px solid var(--card-border)}.touch-btn{width:64px;height:64px;border-radius:50%;border:1px solid var(--card-border);background:#ffffff0f;color:#ffffff80;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;user-select:none;-webkit-user-select:none}.touch-btn:active{background:#f5c51833;border-color:var(--gold);transform:scale(.95)}@media(max-width:768px){.game-touch-controls{display:flex}.game-keys{display:none}}@media(max-width:768px){.story-block{grid-template-columns:1fr;gap:2rem}.story-block.reverse{direction:ltr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-card:nth-child(2){grid-row:span 1}.stats-grid{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}