:root{color-scheme:dark;--bg:#121027;--ink:#fffaf0;--muted:#bcb8ce;--lime:#cfff62;--pink:#ff72ad;--purple:#8c7dff;--panel:#201a3b;--danger:#ff786f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-family:Inter,ui-rounded,system-ui,-apple-system,sans-serif;color:var(--ink)}button,a{font:inherit}.shell{width:min(100%,760px);min-height:100dvh;margin:auto;padding:max(14px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.brand{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-decoration:none}.brand b{color:var(--pink)}.start{justify-content:center;text-align:center;gap:20px}.start .eyes{font-size:72px;filter:drop-shadow(0 12px 30px #8c7dff77)}h1,h2,p{margin:0;text-wrap:balance}.start h1{font-size:clamp(54px,15vw,92px);line-height:.86;letter-spacing:-.07em}.start h1 em{display:block;color:var(--lime);font-style:normal}.start p{color:var(--muted);font-size:18px;line-height:1.5}.primary,.secondary,.nothing{border:0;border-radius:999px;min-height:56px;padding:14px 24px;font-weight:950;letter-spacing:.03em;cursor:pointer}.primary{color:#151124;background:var(--lime);box-shadow:0 8px 0 #7da92d}.primary:active{transform:translateY(4px);box-shadow:0 4px 0 #7da92d}.game{gap:10px}.topline,.stats{display:flex;align-items:center;justify-content:space-between;gap:12px}.round{font-weight:900}.difficulty{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.timer{position:relative;width:52px;height:52px;display:grid;place-items:center;border:4px solid #4c456d;border-radius:50%;font-size:18px;font-weight:950}.timer.urgent{border-color:var(--pink);animation:urgent .8s ease-in-out infinite}.timerbar{height:5px;border-radius:9px;background:#393354;overflow:hidden}.timerbar i{display:block;height:100%;width:100%;transform-origin:left;background:var(--lime)}.prompt{text-align:center;font-size:clamp(20px,5.5vw,28px);line-height:1}.hint{text-align:center;color:var(--muted);font-size:13px;min-height:20px}.scene-wrap{position:relative;flex:1;min-height:0;display:grid;place-items:center}.scene{width:100%;max-height:min(61dvh,570px);aspect-ratio:4/3;border-radius:28px;overflow:hidden;background:#e5dcff;box-shadow:0 18px 50px #0007;touch-action:manipulation}.scene svg{display:block;width:100%;height:100%}.hotspot{cursor:pointer;fill:transparent;stroke:transparent;stroke-width:2}.hotspot:focus{stroke:#151124;stroke-dasharray:2}.tap-mark{pointer-events:none}.wrong-mark circle{fill:var(--danger);stroke:white;stroke-width:1}.wrong-mark path{stroke:white;stroke-width:1.5}.reveal-ring{fill:none;stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 0 5px #ff2f88);animation:ring .55s ease-out infinite alternate}.feedback{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.feedback strong{padding:12px 22px;border-radius:999px;background:#151124e8;font-size:clamp(24px,7vw,42px);box-shadow:0 10px 40px #0008}.nothing{align-self:center;min-height:46px;padding:10px 18px;color:var(--ink);background:#2b2549;border:1px solid #ffffff25}.stats{min-height:26px;color:var(--muted);font-size:13px}.stats b{color:var(--ink)}.results{justify-content:center;text-align:center;gap:22px}.score{font-size:clamp(55px,16vw,94px);line-height:.9;letter-spacing:-.07em}.score em{display:block;color:var(--lime);font-style:normal}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-grid div{padding:18px 10px;border:1px solid #ffffff18;border-radius:20px;background:var(--panel)}.result-grid b{display:block;font-size:24px}.result-grid span{color:var(--muted);font-size:12px}.actions{display:grid;gap:12px}.secondary{color:var(--ink);background:transparent;border:1px solid #ffffff33;text-decoration:none;display:grid;place-items:center}.explanation{position:absolute;left:16px;right:16px;bottom:16px;padding:13px;border-radius:16px;color:#171225;background:#fffaf0;font-size:13px;font-weight:800;box-shadow:0 8px 25px #0005}.error{margin:auto;text-align:center;max-width:450px}.error p{margin:16px 0;color:var(--muted)}@keyframes ring{to{stroke-width:4;transform:scale(1.04);transform-origin:center}}@keyframes urgent{50%{transform:scale(.94)}}@media(max-height:740px){.shell{padding-top:8px}.brand{min-height:34px}.game{gap:6px}.scene{max-height:55dvh}.nothing{min-height:42px}.hint{font-size:12px}}@media(min-width:800px){.shell{padding:24px}.scene{border-radius:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}