:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#eff5ff;background:#0a1020;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at top,#17274b,#0a1020 62%)}button{font:inherit;color:inherit;border:0;cursor:pointer}.topbar,main{max-width:1420px;margin:auto}.topbar{height:87px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1b}.brand{display:flex;align-items:center;gap:11px;color:#f7f3df;text-decoration:none;font-size:11px;line-height:1.05;letter-spacing:3px;font-weight:600}.brand b{font-size:17px;letter-spacing:4px}.brand-mark{color:#f9bf55;font-size:33px;text-shadow:0 0 18px #ffbc466b}.top-actions{display:flex;align-items:center;gap:12px}.level-badge,button{border:1px solid #ffffff25;border-radius:9px;background:#101a2f;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:11px 14px}.icon-button{font-size:19px;padding:5px 12px;color:#f9bf55}.top-actions button:hover,.timeline-dot:hover{background:#213864}.hero{padding:48px 42px 34px;display:flex;gap:28px;align-items:end;justify-content:space-between}.eyebrow{margin:0 0 10px;color:#f4bd56;font-size:11px;letter-spacing:2px;font-weight:800}.hero h1{margin:0;font-family:Georgia,serif;font-size:clamp(34px,4.1vw,58px);font-weight:400;letter-spacing:-2px}.hero>div>p:not(.eyebrow){max-width:590px;line-height:1.6;color:#aebbd0;margin:12px 0 0}.score-card{width:300px;flex:none;padding:17px 19px;background:#111c33c7;border:1px solid #ffffff1c;border-radius:13px;box-shadow:0 20px 50px #0004}.score-card span{display:block;font-size:9px;letter-spacing:1.5px;color:#91a5c7}.score-card strong{display:block;margin:4px 0 7px;font-size:28px;color:#f8d37f}.score-card strong small{font-size:14px;color:#97a7c1}.score-card p{margin:9px 0 0;font-size:11px;color:#aebbd0}.progress-track{height:5px;border-radius:5px;background:#233452;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#f5a75c,#ffe48a);transition:width .35s}.game-shell{position:relative;margin:0 42px;overflow:hidden;border:1px solid #ffffff2a;border-radius:18px;background:#101a30;box-shadow:0 28px 70px #0007}canvas{display:block;width:100%;height:auto;max-height:70vh;aspect-ratio:16/9;outline:none;touch-action:none}.game-hud{position:absolute;z-index:2;display:flex;justify-content:space-between;top:20px;left:23px;right:23px;color:#f6e5b6;font-size:12px;text-shadow:0 1px 5px #0009;pointer-events:none}.game-hud b{font-size:16px}.game-hud span:last-child{letter-spacing:1.5px;font-size:9px}.controls{display:none;position:absolute;left:15px;right:15px;bottom:15px;justify-content:space-between;align-items:end}.controls button{width:52px;height:48px;background:#15233ad9;border-color:#ffffff33;font-size:22px;padding:0}.controls .jump{margin-left:auto;background:#c77b44e8}.timeline{padding:25px 42px 45px;text-align:center}.timeline>div{display:flex;max-width:850px;margin:0 auto 19px;justify-content:space-between;position:relative}.timeline>div:before{content:"";position:absolute;height:1px;background:#ffffff2b;top:14px;left:8%;right:8%;z-index:0}.timeline-dot{position:relative;z-index:1;width:29px;height:29px;border-radius:50%;border:1px solid #627292;background:#15223d;color:#a1b0ca;font-size:9px;padding:0}.timeline-dot.done{background:#d8874f;color:#fff7db;border-color:#ffd886}.timeline-dot.current{background:#f5c269;color:#151a28;border-color:#fff4c2;box-shadow:0 0 0 6px #f5c26928}.timeline p{margin:0;color:#91a0ba;font-size:11px}kbd{border:1px solid #60708e;border-radius:4px;padding:2px 5px;font:inherit;color:#d8e3f7}dialog{width:min(590px,calc(100% - 28px));max-height:85vh;border:1px solid #ffffff30;border-radius:18px;padding:34px;background:#101b32;color:#eff5ff;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#050914b5;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#b9c5db;font-size:28px;padding:4px 11px}.modal-kicker{color:#f3bd58;font-size:10px;font-weight:800;letter-spacing:2px}.modal-title{font:400 34px/1.12 Georgia,serif;margin:13px 0}.modal-text{color:#b6c3d6;line-height:1.6;font-size:14px}.answers{display:grid;gap:9px;margin:22px 0 13px}.answer{padding:14px 15px;border:1px solid #ffffff25;background:#172641;text-align:left;border-radius:9px;font-size:13px;letter-spacing:0}.answer:hover:not(:disabled){background:#263d64;border-color:#f2bd5d}.answer.correct{background:#225b52;border-color:#85dfb2}.answer.wrong{background:#6b3542;border-color:#ff9ca4}.answer:disabled{cursor:default}.feedback{min-height:25px;font-size:13px;color:#f5d985}.source{display:inline-block;color:#f6c66f;font-size:11px;margin:7px 0 20px}.primary{background:#e19850;border-color:#f9cf88;color:#161927;padding:12px 16px}.primary:hover{background:#f4b766}.credits{font-size:11px;color:#8f9db5;line-height:1.55}@media(max-width:700px){.topbar{height:68px;padding:0 16px}.brand{font-size:8px;letter-spacing:2px}.brand b{font-size:12px;letter-spacing:3px}.brand-mark{font-size:24px}.top-actions{gap:6px}.level-badge{display:none}.top-actions button{font-size:8px;padding:9px}.top-actions .icon-button{font-size:17px;padding:3px 9px}.hero{padding:29px 16px 22px;display:block}.hero h1{font-size:37px}.hero>div>p:not(.eyebrow){font-size:12px;margin-top:9px}.score-card{margin-top:18px;width:auto;padding:12px 14px}.score-card strong{font-size:23px}.game-shell{margin:0;border-radius:0;border-left:0;border-right:0}.game-hud{top:12px;left:13px;right:13px}.game-hud span:last-child{font-size:7px}.controls{display:flex}.timeline{padding:19px 16px 30px}.timeline>div{margin-bottom:14px}.timeline p{font-size:9px}.timeline-dot{width:24px;height:24px;font-size:8px}.timeline>div:before{top:12px}.timeline p{line-height:1.8}dialog{padding:28px 23px}.modal-title{font-size:29px}}