:root{--background:#f7f4ee;--surface:#fffdf8;--surface-2:#f0ebe3;--ink:#181818;--muted:#665f55;--line:#d8d0c4;--red:#e65349;--blue:#2f80ed;--cyan:#1b9aaa;--gold:#d39b2a;--green:#2f9b68;--violet:#7b61ff;--shadow:0 20px 60px #1818181a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{max-width:100vw;min-height:100%;overflow-x:hidden}body{color:var(--ink);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}body,button,[role=button],.play-screen,.test-pad,.game-area,.stroop-panel,.rhythm-panel,.memory-panel,.braking-panel,.patience-panel{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button,textarea{font:inherit}button{touch-action:manipulation;outline:none}button:focus,textarea:focus,[role=button]:focus{outline:none}button:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.app-shell{width:min(100%,920px);min-height:100svh;margin:0 auto;padding:18px;overflow:hidden}.home-screen,.intro-screen,.play-screen,.result-screen{flex-direction:column;min-height:calc(100svh - 36px);display:flex}.home-screen{justify-content:center;gap:24px;position:relative}.hero-copy.compact h1{letter-spacing:0;max-width:720px;font-size:58px;line-height:1}.hero-button{min-width:170px}.icon-button{border:1px solid var(--line);width:46px;height:46px;color:var(--ink);cursor:pointer;background:#fffdf8d6;border-radius:999px;place-items:center;display:inline-grid}.icon-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.62}.home-share-button{position:absolute;top:0;right:0}.intro-screen{justify-content:center;gap:22px}.eyebrow{color:var(--cyan);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:850}h1{letter-spacing:0;font-size:50px;line-height:1.02}.rule-card{border:1px solid var(--line);background:var(--surface);max-width:640px;box-shadow:var(--shadow);border-radius:8px;gap:8px;padding:18px;display:grid}.rule-card p,.rule-card small,.quiet-text,.status-text,.result-card p,.result-card small{color:var(--muted);font-size:15px;line-height:1.55}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:8px;width:fit-content;min-height:50px;padding:0 24px;font-weight:850}.primary-button{color:#fff;background:var(--ink);box-shadow:0 14px 34px #18181829}.secondary-button{border:1px solid var(--line);color:var(--ink);background:var(--surface)}.primary-button:active,.secondary-button:active,.target-dot:active,.search-dot:active,.color-button:active,.rhythm-target:active,.memory-color-option:active,.brake-dot:active{transform:translateY(1px)}.play-screen{gap:12px}.round-header{justify-content:space-between;align-items:flex-start;gap:18px;padding-top:8px;display:flex}.round-header h1{margin-top:6px;font-size:36px}.progress-pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;place-items:center;min-width:60px;height:38px;font-size:13px;font-weight:900;display:grid}.progress-track{background:#1818181a;border-radius:999px;height:8px;overflow:hidden}.progress-track span,.patience-bar span{border-radius:inherit;background:var(--cyan);height:100%;display:block}.test-pad,.game-area,.stroop-panel,.rhythm-panel,.memory-panel,.braking-panel,.patience-panel,.result-card,.radar-card,.share-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);contain:layout paint;border-radius:8px}.test-pad{-webkit-user-select:none;user-select:none;align-content:center;place-items:center;gap:10px;min-height:62svh;display:grid}.test-pad span{font-size:64px;font-weight:950}.test-pad small{color:var(--muted);font-size:16px}.reaction-pad.ready,.reaction-pad.good{color:#fff;background:var(--green)}.game-area{min-height:60svh;position:relative;overflow:hidden}.mini-score{z-index:5;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.mini-score span{min-height:30px;color:var(--muted);background:#ffffffc7;border:1px solid #1818181a;border-radius:999px;place-items:center;padding:0 11px;font-size:13px;font-weight:850;display:inline-grid}.target-dot,.search-dot{cursor:pointer;border:0;position:absolute;translate:-50% -50%}.target-dot{background:var(--red);border:2px solid #1818182e;border-radius:50%;position:absolute;box-shadow:0 10px 22px #e6534933}.target-dot:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:38%}.arrow-aim{cursor:crosshair;grid-template-rows:1fr auto;display:grid}.aim-lane{min-height:48svh;position:relative;overflow:hidden}.moving-target{background:var(--red);will-change:left, transform;border:3px solid #18181833;border-radius:50%;place-items:center;transition:background .12s,box-shadow .12s,transform .12s;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 14px 34px #e6534933}.moving-target.hit{background:var(--green);transform:scale(1.08);box-shadow:0 0 0 10px #2f9b682e,0 14px 34px #2f9b6847}.moving-target.miss{background:var(--red);transform:scale(.94);box-shadow:0 0 0 10px #e653492e,0 14px 34px #e6534947}.moving-target span{aspect-ratio:1;background:#fff;border-radius:50%;width:42%}.run-button{z-index:6;cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fffdf8d6;border:1px dashed #1818183d;border-radius:8px;justify-self:center;width:calc(100% - 32px);min-height:72px;margin:0 16px 16px;position:relative}.run-button:after{content:"";background:var(--surface);border:2px solid #18181852;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;translate:-50% -50%}.aim-fire-strip{z-index:6;color:var(--muted);text-align:center;pointer-events:none;background:#fffdf8d6;border:1px dashed #1818183d;border-radius:8px;margin:0 16px 16px;padding:14px;font-size:14px;font-weight:850}.arrow-shot{z-index:5;background:var(--ink);will-change:bottom, left;border-radius:999px;width:6px;height:44px;position:absolute;bottom:26px;translate:-50%}.arrow-shot.flying{transition:bottom 16ms linear}.arrow-shot.settled{animation:none}.arrow-shot:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:inherit;width:18px;height:18px;position:absolute;top:-8px;left:50%;translate:-50%}.arrow-shot.hit{background:var(--green);box-shadow:0 0 0 8px #2f9b682e}.arrow-shot.hit.stuck{width:8px;height:52px;box-shadow:0 0 0 10px #2f9b6833,0 16px 28px #2f9b6838}.arrow-shot.miss{background:var(--red);box-shadow:0 0 0 8px #e6534929}.aim-feedback{z-index:7;color:#fff;border-radius:999px;padding:10px 18px;font-size:28px;font-weight:950;animation:.52s both aim-feedback-pop;position:absolute;top:54%;left:50%;translate:-50% -50%;box-shadow:0 16px 38px #1818182e}.aim-feedback.hit{background:var(--green)}.aim-feedback.miss{background:var(--red)}@keyframes arrow-rise{0%{bottom:26px}to{bottom:calc(var(--aim-impact-bottom,72%) - 44px)}}@keyframes aim-feedback-pop{0%{opacity:0;transform:scale(.86)}20%,82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.search-dot{opacity:.94;box-shadow:0 5px 12px #1818181a}.search-dot.circle{border-radius:50%}.search-dot.square{border-radius:6px}.search-dot.barrage{left:var(--from-x);top:var(--from-y);pointer-events:none;will-change:left, top, opacity;border:0;animation-name:barrage-float;animation-timing-function:linear;animation-fill-mode:both;translate:-50% -50%}.search-dot.barrage.hollow{border:3px solid var(--dot-color)}.search-brief{z-index:4;color:var(--muted);background:#ffffffd1;border:1px solid #1818181a;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:850;position:absolute;bottom:18px;left:50%;translate:-50%}.search-answer-panel{background:#fffdf8f0;align-content:center;place-items:center;gap:20px;padding:24px;display:grid;position:absolute;inset:0}.search-answer-panel p{font-size:28px;font-weight:950;line-height:1.2}.count-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,440px);display:grid}.count-option{border:1px solid var(--line);background:var(--surface);min-height:64px;color:var(--ink);cursor:pointer;border-radius:8px;font-size:26px;font-weight:950}@keyframes barrage-float{0%{left:var(--from-x);top:var(--from-y);opacity:0}8%,92%{opacity:1}to{left:var(--to-x);top:var(--to-y);opacity:0}}.stroop-panel,.rhythm-panel,.memory-panel,.braking-panel,.patience-panel{align-content:center;place-items:center;gap:20px;min-height:60svh;padding:20px;display:grid;position:relative}.stroop-word{font-size:112px;font-weight:950;line-height:1}.stroop-word-placeholder{height:112px}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,520px);display:grid}.color-button{border:1px solid var(--line);background:var(--surface);min-height:54px;color:var(--ink);cursor:pointer;border-radius:8px;font-size:20px;font-weight:900}.rhythm-panel.dual{grid-template-columns:repeat(2,minmax(0,260px))}.rhythm-panel .mini-score{grid-column:1/-1}.rhythm-target{aspect-ratio:1;cursor:pointer;background:#fbf7ef;border:0;border-radius:50%;place-items:center;width:min(36vw,230px);display:grid;position:relative}.rhythm-target.inactive{opacity:.38}.judge-line{aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;width:56%;position:absolute}.shrinking-ring{aspect-ratio:1;border:8px solid var(--blue);will-change:transform;border-radius:50%;width:56%;position:absolute}.memory-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:min(100%,390px);display:grid}.memory-color-cell{aspect-ratio:1.15;border:1px solid var(--line);border-radius:8px}.target-cell{outline:4px solid var(--ink);outline-offset:-8px}.memory-options{grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,420px);display:grid}.memory-color-option{cursor:pointer;border:2px solid #18181824;border-radius:8px;min-height:54px}.brake-dot{aspect-ratio:1;cursor:pointer;border:0;border-radius:50%;width:min(56vw,280px);box-shadow:0 18px 46px #18181829}.brake-dot.go{background:var(--green)}.brake-dot.stop{background:var(--red)}.dino-panel{grid-template-rows:1fr auto}.dino-track{background:linear-gradient(#0000 0 74%,#1818180a 74% 100%);border-bottom:4px solid #1818182e;width:min(100%,680px);min-height:230px;position:relative;overflow:hidden}.dino-runner{background:var(--ink);will-change:left, transform;border-radius:8px;width:54px;height:54px;transition:filter .12s,transform .12s;position:absolute;bottom:0;translate:-50%}.dino-runner:before{content:"";background:#fff;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;right:10px}.dino-runner:after{content:none}.dino-threat{opacity:0;background:var(--red);will-change:opacity, transform;border-radius:7px 7px 2px 2px;width:48px;height:104px;transition:opacity 80ms,transform 80ms;position:absolute;bottom:0;left:68%;transform:translateY(16px)scaleY(.88);box-shadow:0 0 0 12px #e6534929,0 18px 34px #e6534933}.dino-threat:before{content:"";background:repeating-linear-gradient(45deg,#ffffffdb 0 6px,#0000 6px 12px);position:absolute;inset:10px 8px}.dino-panel.danger .dino-threat,.dino-panel.crashed .dino-threat,.dino-panel.stopped .dino-threat{opacity:1;transform:translateY(0)}.dino-panel.crashed .dino-runner{filter:drop-shadow(0 0 .8rem #e65349cc);transform:rotate(-8deg)}.dino-panel.stopped .dino-runner{filter:drop-shadow(0 0 .55rem #2f9b688c)}.run-button.active{background:#2f9b6814;border-color:#2f9b6885}.run-button.active:after{border-color:var(--green);background:#2f9b6829}.patience-bar{background:#1818181a;border-radius:999px;width:min(100%,620px);height:18px;overflow:hidden}.progress-readout{place-items:center;gap:4px;display:grid}.progress-readout strong{font-size:56px;line-height:1}.result-screen{gap:12px;padding-block:8px}.result-card{padding:24px}.rank-card{gap:8px;padding:26px 24px;display:grid}.result-card h1{font-size:52px}.rank-card p{border:1px solid var(--line);background:var(--surface-2);width:fit-content;color:var(--ink);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:900}.radar-card{grid-template-columns:1fr;align-items:center;gap:18px;padding:14px;display:grid}.radar-visual{place-items:center;display:grid}.radar-visual svg{width:min(100%,340px);height:auto;overflow:visible}.radar-ring{fill:none;stroke:#1818181f;stroke-width:1px}.radar-axis{stroke:#1818181f;stroke-width:1px}.radar-score{fill:#1b9aaa38;stroke:var(--cyan);stroke-linejoin:round;stroke-width:3px}.radar-label{fill:var(--muted);text-anchor:middle;dominant-baseline:middle;font-size:12px;font-weight:850}.score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.score-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;min-height:102px;padding:14px;display:grid}.score-item span,.score-item small,.share-panel label{color:var(--muted);font-size:13px;font-weight:850}.score-item strong{font-size:32px;line-height:1}.share-panel{gap:12px;padding:16px;display:grid}.action-row{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:760px){.app-shell{padding:12px}.home-screen,.intro-screen,.play-screen,.result-screen{min-height:calc(100svh - 24px)}.home-screen,.intro-screen{gap:18px}.hero-copy.compact h1{font-size:42px}h1,.result-card h1{font-size:38px}.round-header{gap:8px;display:grid}.round-header h1{font-size:30px}.progress-pill{justify-self:start}.test-pad,.game-area,.stroop-panel,.rhythm-panel,.memory-panel,.braking-panel,.patience-panel{min-height:62svh}.test-pad span,.stroop-word{font-size:64px}.stroop-word-placeholder{height:64px}.color-grid,.count-options,.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-card{grid-template-columns:1fr}.rhythm-panel.dual{grid-template-columns:repeat(2,minmax(0,1fr))}.rhythm-target{width:min(40vw,190px)}.memory-options{grid-template-columns:repeat(4,1fr)}}@media (max-width:430px){.primary-button,.secondary-button{width:100%}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.score-item{min-height:90px;padding:12px}.score-item strong{font-size:28px}.rank-card{padding:22px 20px}.result-card h1{font-size:34px}.radar-visual svg{width:min(100%,300px)}.dino-track{min-height:210px}.run-button,.aim-fire-strip{width:calc(100% - 24px);margin-inline:12px}}