:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;--bg:#090b08;--panel:#11150f;--text:#f5f7ef;--muted:#9da694;--line:rgba(222,255,106,.16);--lime:#dcff6a;--hot:#ff806b;--cool:#8ce8c0}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 85% -10%,rgba(220,255,106,.11),transparent 34%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}.app{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden}.topbar{height:45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex:0 0 auto}.brand{color:var(--text);text-decoration:none;font-size:12px;font-weight:950;letter-spacing:.17em}.hud-mini{display:flex;gap:16px}.hud-mini span{display:flex;gap:5px;align-items:baseline}.hud-mini small{font-size:12px;color:var(--muted);font-weight:900;letter-spacing:.12em}.hud-mini b{font-size:14px}.screen{display:none;flex:1;min-height:0}.screen.active{display:flex}.intro-screen,.result-screen{flex-direction:column;justify-content:center;padding:10px 0 4px}.eyebrow{font-size:12px;font-weight:950;letter-spacing:.16em;color:var(--lime);margin-bottom:8px}.intro-screen h1{font-size:clamp(47px,15vw,72px);line-height:.84;letter-spacing:-.065em;margin:0;font-weight:950}.intro-screen h1 em{font-style:normal;color:var(--lime)}.lead{margin:15px 0 12px;color:#bbc2b3;font-size:14px;line-height:1.7}.lead b{color:#fff}.hero-visual{height:144px;position:relative;margin:-2px 0 4px}.head-orbit{position:absolute;width:124px;height:124px;border:1px solid rgba(220,255,106,.28);border-radius:50%;left:50%;top:0;transform:translateX(-50%)}.head-orbit:before,.head-orbit:after{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.head-orbit:after{inset:38px;background:rgba(220,255,106,.06)}.head-orbit span{position:absolute;inset:0;display:grid;place-items:center;font-weight:950;font-size:20px;color:#d9ded3}.head-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--hot);box-shadow:0 0 18px rgba(255,128,107,.55)}.head-orbit i:nth-child(1){left:6px;top:31px}.head-orbit i:nth-child(2){right:3px;top:38px}.head-orbit i:nth-child(3){left:28px;bottom:2px}.head-orbit i:nth-child(4){right:24px;bottom:8px}.drop-arrow{position:absolute;left:calc(50% + 76px);top:45px;color:#6c7467;font-size:24px;transform:rotate(18deg)}.light-core{position:absolute;right:18px;bottom:3px;width:68px;height:68px;border-radius:22px;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:950;line-height:1.2;color:#10140d;background:var(--lime);transform:rotate(5deg);box-shadow:0 16px 36px rgba(220,255,106,.14)}.patterns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.patterns span{font-size:12px;color:#b8c0af;padding:6px 8px;border-radius:999px;border:1px solid var(--line);background:rgba(220,255,106,.025)}.primary{width:100%;min-height:56px;border:0;border-radius:17px;background:var(--lime);color:#0c1009;font-weight:950;font-size:14px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 14px 35px rgba(220,255,106,.11);cursor:pointer;touch-action:manipulation}.primary:active{transform:translateY(2px)}.safety-note{font-size:12px;line-height:1.5;color:#687061;margin:9px 2px 0}.play-screen{flex-direction:column;padding:10px 0 0;gap:10px}.run-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12px;font-weight:950;letter-spacing:.08em;color:#aab2a0}.load-track{height:7px;border-radius:999px;background:#20251d;overflow:hidden}.load-track i{display:block;height:100%;width:50%;background:linear-gradient(90deg,var(--cool),var(--lime),var(--hot));transform-origin:left;transition:width .32s ease}.scenario-card{flex:0 1 auto;min-height:190px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(220,255,106,.055),rgba(255,255,255,.018));border-radius:25px;padding:20px 18px 17px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.scenario-card:after{content:'';position:absolute;width:150px;height:150px;border:1px solid rgba(220,255,106,.12);border-radius:50%;right:-55px;top:-65px}.category{font-size:12px;font-weight:950;letter-spacing:.15em;color:var(--lime);margin-bottom:auto;z-index:1}.scene{font-size:clamp(19px,6vw,27px);line-height:1.28;letter-spacing:-.035em;font-weight:850;margin:16px 0 9px;z-index:1}.scenario-card h2{font-size:12px;color:#9fa99a;margin:0 0 13px;z-index:1}.timer{height:3px;background:#252a22;border-radius:999px;overflow:hidden;z-index:1}.timer i{display:block;width:100%;height:100%;background:var(--lime);transform-origin:left}.choices{display:grid;grid-template-columns:1fr;gap:8px;min-height:0}.choice{width:100%;min-height:74px;text-align:left;border:1px solid rgba(255,255,255,.085);background:#12160f;border-radius:18px;padding:13px 14px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,border-color .12s ease,background .12s ease}.choice:active{transform:scale(.985)}.choice .badge{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#1e241a;color:#abb3a2;font-size:12px;font-weight:950}.choice b{display:block;font-size:15px;line-height:1.3;letter-spacing:-.02em}.choice small{display:block;color:#858e7e;font-size:12px;margin-top:3px}.choice .arrow{font-size:18px;color:#727a6d}.choice.correct{border-color:rgba(220,255,106,.65);background:rgba(220,255,106,.09)}.choice.correct .badge{background:var(--lime);color:#10140d}.choice.wrong{border-color:rgba(255,128,107,.55);background:rgba(255,128,107,.07)}.choice:disabled{cursor:default}.feedback{border:1px solid var(--line);border-radius:18px;background:#10140e;padding:12px 13px;grid-template-columns:48px 1fr;gap:11px;align-items:center;min-height:86px}.feedback[hidden]{display:none}.feedback:not([hidden]){display:grid}.feedback-mark{height:48px;border-radius:15px;background:var(--lime);color:#10140d;display:grid;place-items:center;font-weight:950;font-size:14px}.feedback.bad .feedback-mark{background:var(--hot)}.feedback small{font-size:12px;letter-spacing:.13em;color:var(--lime);font-weight:950}.feedback strong{display:block;font-size:15px;margin:2px 0}.feedback p{font-size:12px;line-height:1.45;color:#a7afa0;margin:0}.microcopy{font-size:12px;color:#646c60;text-align:center;margin:0;padding-bottom:2px}.result-screen h2{font-size:clamp(34px,10vw,49px);line-height:.98;letter-spacing:-.055em;margin:0 0 17px}.result-orbit{width:112px;height:112px;border-radius:50%;border:1px solid rgba(220,255,106,.28);position:relative;margin:0 auto 15px;display:grid;place-items:center}.result-orbit:before{content:'FINAL LOAD';position:absolute;top:20px;font-size:12px;letter-spacing:.13em;color:#798173;font-weight:950}.result-orbit span{font-size:35px;font-weight:950;color:var(--lime);margin-top:12px}.result-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--lime)}.result-orbit i:nth-child(1){left:5px;top:38px}.result-orbit i:nth-child(2){right:9px;top:17px}.result-orbit i:nth-child(3){right:17px;bottom:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:10px}.stats div{padding:11px 8px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats small{display:block;font-size:12px;color:#7f8879;margin-bottom:3px}.stats b{font-size:17px}.weak-card{border:1px solid var(--line);border-radius:17px;padding:11px 13px;background:rgba(220,255,106,.025);margin-bottom:9px}.weak-card small{font-size:12px;color:#7f8879}.weak-card b{display:block;font-size:15px;margin:3px 0}.weak-card p{font-size:12px;line-height:1.45;color:#9da695;margin:0}.mantra{text-align:center;font-size:13px;font-weight:900;color:#d9dfd3;padding:8px 0 11px}.back-link{display:block;text-align:center;color:#7f8879;font-size:12px;margin-top:11px;text-decoration:none}.shake{animation:shake .3s ease}.pop{animation:pop .34s ease}@keyframes shake{20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes pop{50%{transform:scale(1.025)}}@media(max-height:720px){.hero-visual{height:112px}.head-orbit{width:98px;height:98px}.light-core{width:56px;height:56px}.intro-screen h1{font-size:46px}.lead{margin:10px 0}.patterns{margin-bottom:10px}.patterns span{padding:4px 7px}.scenario-card{min-height:155px;padding-top:15px}.scene{font-size:20px}.choice{min-height:62px;padding:9px 12px}.feedback{min-height:72px;padding:8px 11px}.feedback-mark{height:42px}.result-orbit{width:90px;height:90px;margin-bottom:10px}.result-orbit span{font-size:28px}.result-screen h2{font-size:32px;margin-bottom:12px}}@media(max-width:360px){.app{padding-left:12px;padding-right:12px}.choice b{font-size:13px}.scenario-card{padding-left:15px;padding-right:15px}.scene{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.timer i{animation:none!important}}