@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--gold:#f4c45d;--red:#cf1f35;--ink:#080a10;--muted:#aeb6c6;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;background:#070910;color:#f7f5ee;font-family:Inter,Arial,sans-serif;min-height:100vh}.film-grain{position:fixed;inset:-50%;z-index:20;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}.vignette{position:fixed;inset:0;z-index:19;pointer-events:none;box-shadow:inset 0 0 180px #000b}.app{width:min(1120px,100%);margin:auto;min-height:100vh;padding:20px;display:flex;align-items:center}.screen{display:none;width:100%;animation:fadeIn .65s ease both}.screen.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}}button{font:inherit;cursor:pointer}.intro{position:relative;isolation:isolate;min-height:min(800px,calc(100vh - 40px));overflow:hidden;border:1px solid #d6a94f88;border-radius:16px;background:#090b11;box-shadow:0 28px 100px #000b}.intro-bg{position:absolute;inset:0;z-index:-2;background:url("assets/cinematic-title.png") center 32%/cover;animation:pushIn 22s ease-in-out infinite alternate}.intro-curtain{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07091000 0%,#07091011 30%,#070910cf 58%,#070910 100%),linear-gradient(90deg,#07091066,transparent 55%,#07091044)}@keyframes pushIn{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.13) translateX(-1%)}}.intro-copy{min-height:min(800px,calc(100vh - 40px));display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-end;padding:clamp(280px,38vh,390px) 24px 30px}.overline{display:flex;gap:12px;align-items:center;justify-content:center;color:var(--gold);font-size:10px;letter-spacing:.25em;font-weight:800}.overline span{height:1px;width:26px;background:var(--gold)}h1,h2,.countline,.tagline{font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif}h1{font-size:clamp(42px,7.5vw,86px);line-height:.9;margin:12px 0;color:#fff0c0;text-shadow:0 4px 30px #000;font-weight:900;letter-spacing:.02em}h1 em{font-style:normal;color:var(--gold)}.title-underline{width:min(380px,65vw);height:2px;margin:13px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.countline{font-size:clamp(24px,4vw,39px);margin:0;font-weight:700}.tagline{font-size:clamp(26px,4.5vw,48px);color:var(--gold);margin:3px 0 10px;font-weight:800}.subtitle{font-size:14px;color:#d8deea;margin:0 0 22px}.cinema-button{background:linear-gradient(#e32b3d,#a90c20);border:1px solid #ffdc77;outline:1px solid #69200f;outline-offset:3px;border-radius:8px;color:#fff;padding:15px 32px;min-width:250px;display:flex;justify-content:center;gap:28px;align-items:center;font-weight:900;font-size:14px;letter-spacing:.13em;box-shadow:0 8px 32px #df243b55;transition:.2s;animation:buttonGlow 3s ease infinite}.cinema-button:hover{transform:translateY(-3px);filter:brightness(1.15)}.cinema-button b{font-size:18px}@keyframes buttonGlow{50%{box-shadow:0 8px 44px #df243b88,0 0 0 6px #df243b12}}.intro-footer{display:flex;align-items:center;gap:17px;margin-top:27px;color:#c6d1e1;font-size:9px;letter-spacing:.13em}.intro-footer i{height:18px;width:1px;background:#ffffff55}.game{max-width:1000px;margin:auto}.hud{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid var(--line)}.brand{font-family:"Barlow Condensed",Impact,sans-serif;font-size:22px;font-weight:900;letter-spacing:.05em}.brand span{font-size:28px;color:var(--gold);margin-right:7px}.brand b{color:var(--gold)}.hud-right{display:flex;gap:22px}.hud-right>div{display:flex;flex-direction:column;gap:4px;text-align:right}.hud small{font-size:9px;letter-spacing:.15em;color:#aeb6c6;font-weight:700}.hud strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:23px;color:#f7f4eb}.score-box strong{color:var(--gold)}.cinema-scene{height:clamp(240px,32vw,340px);position:relative;overflow:hidden;border:1px solid #5c4b2c;border-radius:12px;margin:18px 0 0;background:#111522;isolation:isolate;box-shadow:0 18px 40px #0006}.scene-bg{position:absolute;inset:-4%;z-index:-3;background:url("assets/cinematic-title.png") center 28%/cover;filter:saturate(1.15);animation:scenePan 16s ease-in-out infinite alternate;transition:filter .7s,background-position .7s}.scene-color{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070a12e8 0%,#070a1266 60%,#070a1244),linear-gradient(0deg,#080b12d9 0%,transparent 60%)}.scene-grid{position:absolute;inset:0;background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(transparent,#000)}.scene-scan{position:absolute;left:0;right:0;height:2px;top:-5%;background:linear-gradient(90deg,transparent,#78b9ff99,transparent);box-shadow:0 0 20px #6ab6ff66;animation:scan 6s linear infinite}.scene-caption{position:absolute;top:16px;left:18px;font-size:9px;letter-spacing:.15em;color:#dce4f2}.rec-dot{display:inline-block;width:7px;height:7px;background:#ff3145;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #ff3145;animation:blink 1.2s infinite}.scene-heading{position:absolute;left:clamp(18px,4vw,44px);top:25%;max-width:60%;text-shadow:0 3px 18px #000}.scene-heading span{color:var(--gold);font-size:10px;letter-spacing:.22em;font-weight:800}.scene-heading h2{font-size:clamp(34px,5.4vw,62px);line-height:.94;margin:8px 0;text-transform:uppercase}.scene-heading p{font-size:12px;color:#d2d9e7;margin:0}.moving-piece{position:absolute;font-family:Georgia,serif;filter:drop-shadow(0 0 16px #f6c85f77);color:#f7c85d;text-shadow:0 3px 8px #000;font-size:clamp(48px,8vw,92px);animation:pieceFloat 5s ease-in-out infinite}.piece-one{right:13%;top:13%;animation-delay:-1s}.piece-two{right:28%;top:38%;color:#dce8ff;animation:knightMove 9s ease-in-out infinite}.piece-three{right:6%;bottom:22%;font-size:clamp(35px,6vw,65px);animation-delay:-2.5s}@keyframes scenePan{from{transform:scale(1.04) translateX(-1%)}to{transform:scale(1.18) translateX(1.5%)}}@keyframes pieceFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-18px) rotate(5deg)}}@keyframes knightMove{0%,100%{transform:translate(0,0) rotate(0)}35%{transform:translate(-24px,-15px) rotate(-8deg)}70%{transform:translate(12px,8px) rotate(5deg)}}@keyframes scan{to{top:105%}}@keyframes blink{50%{opacity:.2}}.ticker{position:absolute;left:0;right:0;bottom:0;height:34px;background:#080b12d9;border-top:1px solid #ffffff22;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.12em;color:#d7deea;overflow:hidden}.ticker>span{background:#c71d32;color:white;font-weight:900;padding:12px 14px;align-self:stretch}.ticker div{white-space:nowrap;animation:ticker 20s linear infinite}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-20%)}}.scene-flare{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff08 48%,transparent 65%);transform:translateX(-100%);animation:flare 8s ease-in-out infinite}@keyframes flare{45%,100%{transform:translateX(100%)}}.question-area{border:1px solid #343a48;border-radius:12px;background:linear-gradient(140deg,#191e2a,#10131b);padding:clamp(18px,3vw,30px);margin-top:14px;box-shadow:0 15px 40px #0005}.question-meta{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.18em}.progress{height:4px;flex:1;background:#343a48;border-radius:10px;overflow:hidden}.progress div{height:100%;width:12%;background:linear-gradient(90deg,#c91e34,var(--gold));transition:width .5s}.question-area h2{font-family:Inter,Arial,sans-serif;text-transform:none;letter-spacing:-.035em;font-size:clamp(22px,3vw,32px);line-height:1.28;margin:18px 0 7px}.hint{font-size:12px;color:#aeb6c6;margin:0 0 19px}.answers{display:grid;gap:10px}.answer{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;min-height:65px;text-align:left;background:linear-gradient(100deg,#242a38,#171b25);border:1px solid #3a4150;color:#f7f5ef;border-radius:8px;padding:11px 14px;transition:.22s;position:relative;overflow:hidden}.answer:hover:not(:disabled){transform:translateX(5px);border-color:var(--gold);background:#2a2c34}.answer:disabled{cursor:default}.letter{height:36px;width:36px;display:grid;place-items:center;border:1px solid #697184;border-radius:5px;font:800 22px "Barlow Condensed",Impact,sans-serif;color:var(--gold)}.answer-text{font-size:13px;font-weight:600;line-height:1.45}.points{font-size:10px;color:#c2c9d7;white-space:nowrap}.points strong{font-size:17px;color:var(--gold)}.answer.selected{border-color:var(--gold);background:linear-gradient(90deg,#51401d,#28232a);box-shadow:0 0 0 1px #f4c45d55,0 0 24px #f4c45d1b;animation:selectMove .45s}.answer.selected .letter{background:var(--gold);color:#17120a;border-color:var(--gold)}.answer.selected:after{content:"✓";position:absolute;right:9px;top:6px;background:#25875b;color:white;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px}.answer.selected .points{padding-right:18px}@keyframes selectMove{50%{transform:scale(1.008)}}.feedback{font-size:12px;color:#ffe09a;font-weight:700;min-height:0}.feedback.visible{min-height:22px;margin-top:12px}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.cheer-note{font-size:9px;color:#aeb6c6;letter-spacing:.12em}#next{border:0;background:var(--gold);color:#15120a;border-radius:6px;padding:13px 18px;font-size:11px;font-weight:900;letter-spacing:.08em}#next:disabled{opacity:.35;cursor:not-allowed}#next span{margin-left:18px;font-size:16px}.film-footer{text-align:center;color:#6f7889;font-size:8px;letter-spacing:.2em;margin:16px}.film-footer span{color:var(--gold);margin:0 6px}.results{position:relative;max-width:760px;margin:auto;overflow:hidden;border:1px solid #71582b;border-radius:16px;background:#111520}.end-scene{position:absolute;inset:0;background:url("assets/cinematic-title.png") center/cover;opacity:.18;filter:grayscale(.4)}.result-card{position:relative;text-align:center;padding:clamp(26px,5vw,52px);background:linear-gradient(#090c14aa,#090c14ee)}.crown{font-size:65px;color:var(--gold);margin-top:18px;animation:pieceFloat 4s ease-in-out infinite}.result-card h2{font-size:clamp(35px,6vw,60px);margin:4px 0;color:#fff0c0}.result-card .subtitle{margin:0 0 22px}.score-display{border:1px solid #6b542e;background:#090d15d9;border-radius:10px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:5px}.score-display small,.score-display span,.stats small{font-size:9px;letter-spacing:.17em;color:#aeb6c6;font-weight:700}.score-display strong{font:900 clamp(62px,11vw,100px)/1 "Barlow Condensed",Impact,sans-serif;color:var(--gold);text-shadow:0 0 25px #f4c45d33}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.stats div{padding:15px;background:#ffffff08;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;gap:6px}.stats strong{font-size:22px}.result-message{color:#ffe09a;font-weight:600;font-size:13px;margin:19px 0}.home-button{display:block;margin:15px auto 0;background:transparent;color:#c6cbd7;border:1px solid #596070;border-radius:7px;padding:12px 22px;font-size:10px;font-weight:800;letter-spacing:.12em}.confetti{position:fixed;top:-15px;left:var(--x);z-index:30;width:7px;height:12px;background:var(--c);animation:fall var(--d) linear forwards;pointer-events:none}@keyframes fall{to{top:105vh;transform:translateX(var(--drift)) rotate(700deg);opacity:.1}}@media(max-width:600px){.app{padding:9px}.intro,.intro-copy{min-height:calc(100svh - 18px)}.intro-bg{background-position:center top;background-size:auto 65%;background-repeat:no-repeat;background-color:#080a10}.intro-curtain{background:linear-gradient(180deg,transparent 0%,#07091022 30%,#070910 57%,#070910 100%)}.intro-copy{padding:clamp(270px,40vh,380px) 14px 22px}.overline{font-size:8px;letter-spacing:.14em}.intro-footer{gap:8px;font-size:7px;letter-spacing:.04em}.intro-footer i{height:13px}.subtitle{font-size:12px;line-height:1.5;max-width:300px}.hud{gap:8px}.brand{font-size:17px}.brand span{font-size:22px;margin-right:2px}.hud-right{gap:12px}.hud small{font-size:7px}.hud strong{font-size:20px}.cinema-scene{height:255px}.scene-heading{top:29%;max-width:70%}.scene-heading h2{font-size:36px}.scene-heading p{max-width:210px;line-height:1.5}.piece-one{right:9%;top:17%}.piece-two{right:29%;top:45%}.piece-three{right:4%;bottom:20%}.question-area{padding:17px 12px}.answer{grid-template-columns:34px 1fr auto;gap:8px;padding:10px 8px}.letter{width:32px;height:34px}.answer-text{font-size:12px}.points{font-size:9px}.points strong{font-size:15px}.actions{align-items:stretch;flex-direction:column}.cheer-note{margin-bottom:4px}#next{width:100%}.film-footer{font-size:7px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.scene-flash{animation:sceneImpact .6s ease}@keyframes sceneImpact{0%{filter:brightness(1)}25%{filter:brightness(1.6)}100%{filter:brightness(1)}}