:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b0c0a;--page: #060705;--surface: #12130f;--line: #34362f;--line-strong: #575950;--ink: #f1efe7;--muted: #92938a;--dim: #64665f;--signal: #e8b84d;--error: #cb715d;--paper: #e7e4da;--paper-ink: #171814;--safe-top: max(10px, env(safe-area-inset-top, 0px));--safe-right: max(14px, env(safe-area-inset-right, 0px));--safe-bottom: max(10px, env(safe-area-inset-bottom, 0px));--safe-left: max(14px, env(safe-area-inset-left, 0px))}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%}html,body{background:var(--page)}body{margin:0;overflow:hidden;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{margin:0;border:0;border-radius:0;color:inherit;font:inherit}button:focus-visible,.play-surface:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}[hidden]{display:none!important}.app-shell{position:relative;display:grid;grid-template-rows:38px minmax(0,1fr) 16px;gap:clamp(6px,1.1dvh,10px);width:min(100%,440px);height:100vh;height:100dvh;min-height:100svh;margin:0 auto;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);overflow:hidden;background:var(--bg);isolation:isolate}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:baseline;gap:.17em;margin:0;font-size:.83rem;font-weight:760;letter-spacing:.12em;line-height:1}.wordmark__slash{color:var(--signal);letter-spacing:-.1em}.about-trigger,.about__close{min-width:44px;min-height:34px;padding:0;background:transparent;color:var(--muted);font-size:.6rem;font-weight:720;letter-spacing:.15em;cursor:pointer}.about-trigger:hover,.about__close:hover{color:var(--ink)}.play-surface{display:grid;grid-template-rows:66px minmax(0,1fr) 100px;min-height:0;overflow:hidden;border:0;outline:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain;cursor:ns-resize}.play-surface.is-locked{cursor:not-allowed}.hud{display:grid;grid-template-columns:1.25fr .8fr 1.1fr;border-bottom:1px solid var(--line)}.stat{display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:6px 14px;border-left:1px solid var(--line)}.stat:first-child{padding-left:0;border-left:0}.stat:last-child{padding-right:0;text-align:right}.stat dt,.results dt{color:var(--muted);font-size:.56rem;font-weight:730;letter-spacing:.16em;line-height:1}.stat dd,.results dd{margin:6px 0 0;overflow:hidden;font-variant-numeric:tabular-nums lining-nums;line-height:.9;text-overflow:ellipsis}.stat dd{font-size:clamp(1.25rem,6vw,1.6rem);font-weight:590;letter-spacing:-.055em}.stat--score dd{font-size:clamp(1.6rem,8vw,2rem)}.stat--errors dd{color:var(--muted);font-size:1.08rem}.stat--time dd{color:#d9d7cf;font-weight:650}.stat--time.is-time-low dd{color:var(--signal)}.prompt-zone{position:relative;display:grid;place-items:center;align-content:center;min-height:0}.section-label,.eyebrow{margin:0;color:var(--muted);font-size:.57rem;font-weight:740;letter-spacing:.18em;line-height:1}.section-label>span{margin-right:8px;color:var(--dim)}.prompt-frame{position:relative;display:grid;place-items:center;width:clamp(184px,27dvh,236px);height:clamp(184px,27dvh,236px);margin:clamp(14px,3dvh,28px) 0}.prompt-frame:before,.prompt-frame:after{position:absolute;content:"";pointer-events:none}.prompt-frame:before{inset:0;border:1px solid var(--line);border-radius:50%}.prompt-frame:after{top:50%;right:-12px;left:-12px;height:1px;background:linear-gradient(90deg,var(--line) 0 7px,transparent 7px calc(100% - 7px),var(--line) calc(100% - 7px))}.prompt{color:var(--ink);font-size:clamp(8.7rem,22dvh,12rem);font-weight:260;letter-spacing:-.1em;line-height:.7;transform:translate(-.045em,-.04em)}.prompt-frame.is-correct .prompt{animation:prompt-in .14s cubic-bezier(.2,.75,.3,1)}.prompt-frame.is-error{animation:error-shake .17s ease-out}.error-mark{position:absolute;z-index:2;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--error);border-radius:50%;background:var(--bg);color:var(--error);font-size:2rem;font-weight:320;line-height:1;opacity:0}.error-mark.is-visible{animation:error-mark .17s ease-out}.onboarding{position:absolute;bottom:clamp(5px,1.2dvh,12px);margin:0;color:#bdbcb4;font-size:clamp(.68rem,3vw,.75rem);font-weight:560;letter-spacing:.015em;line-height:1.5;text-align:center}.onboarding span{display:block}.onboarding span:first-child{color:var(--ink);font-weight:690}.gesture-echo{--echo-x: 0;--echo-y: -34px;position:absolute;z-index:3;display:block;color:var(--signal);font-size:2.2rem;font-weight:350;line-height:1;opacity:0;pointer-events:none}.gesture-echo[data-direction=right]{--echo-x: 34px;--echo-y: 0}.gesture-echo[data-direction=down]{--echo-x: 0;--echo-y: 34px}.gesture-echo[data-direction=left]{--echo-x: -34px;--echo-y: 0}.gesture-echo.is-visible{animation:gesture-echo .15s ease-out}.history{display:grid;grid-template-rows:auto 1fr auto;min-height:0;padding-top:12px;border-top:1px solid var(--line)}.history__head{display:flex;align-items:center;justify-content:space-between}.history__status{color:var(--dim);font-size:.49rem;font-weight:730;letter-spacing:.15em}.history__status.is-locked{color:var(--error)}.history__moves{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-items:center;align-self:center;width:144px;height:48px;margin:0 auto;padding:0;list-style:none;background:transparent}.history__moves li{display:grid;place-items:center;height:48px;background:var(--bg);color:#b9b8b0;font-size:2.35rem;font-weight:300;line-height:1}.history__moves li+li{border-left:1px solid var(--line)}.history__moves li.is-empty{color:var(--dim);font-size:1rem}.input-hint{margin:0;color:var(--dim);font-size:.48rem;font-weight:690;letter-spacing:.16em;line-height:1;text-align:center}.footer{display:flex;align-items:end;justify-content:space-between;color:#5e6059;font-size:.47rem;font-weight:650;letter-spacing:.14em;line-height:1}.round-complete{position:absolute;z-index:10;inset:0;display:grid;align-items:end;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#050605c9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.round-complete__panel{width:100%;padding:25px 22px 22px;border:1px solid var(--line-strong);border-radius:4px;background:#171815;box-shadow:0 -12px 48px #0000005c;animation:panel-in .24s cubic-bezier(.2,.75,.3,1)}.round-complete h2,.about h2{margin:12px 0 0;font-size:clamp(2.2rem,11vw,3rem);font-weight:530;letter-spacing:-.06em;line-height:.86}.new-best{float:right;margin:-4px 0 0;padding:5px 7px;border:1px solid var(--signal);color:var(--signal);font-size:.56rem;font-weight:760;letter-spacing:.14em;line-height:1}.results{display:grid;grid-template-columns:1.45fr 1fr 1fr;margin:30px 0 24px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.results>div{min-width:0;padding:0 12px;border-left:1px solid var(--line)}.results>div:first-child{padding-left:0;border-left:0}.results dd{margin-top:8px;font-size:1.35rem;font-weight:570;letter-spacing:-.04em}.results__primary dd{font-size:1.85rem}.play-again{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:0 18px;border:1px solid var(--paper);border-radius:2px;background:var(--paper);color:var(--paper-ink);font-size:.8rem;font-weight:760;letter-spacing:.09em;cursor:pointer}.play-again:after{content:"→";font-size:1.2rem;font-weight:420}.play-again:hover{background:#fffdf5}.about{width:min(calc(100% - 32px),380px);max-height:min(650px,calc(100dvh - 32px));margin:auto;padding:22px;overflow:auto;border:1px solid var(--line-strong);border-radius:4px;background:#171815;color:var(--ink);box-shadow:0 24px 70px #0009}.about::backdrop{background:#040504d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.about[open]{animation:dialog-in .18s ease-out}.about__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.about p:not(.eyebrow){margin:20px 0 0;color:#b7b7ae;font-size:.82rem;line-height:1.55}.about__rule{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:24px}.about__rule span{height:4px;background:var(--signal)}.about__rule span:nth-child(2){background:#c4c2b8}.about__rule span:nth-child(3){background:#92938a}.about__rule span:nth-child(4){background:#62645d}.about .about__privacy{padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.74rem}.about .about__source{color:var(--dim);font-size:.68rem}@keyframes prompt-in{0%{opacity:.45;transform:translate(-.045em,-.04em) scale(.93)}to{opacity:1;transform:translate(-.045em,-.04em) scale(1)}}@keyframes gesture-echo{0%{opacity:0;transform:translate(0) scale(.75)}25%{opacity:.9}to{opacity:0;transform:translate(var(--echo-x),var(--echo-y)) scale(1)}}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) scale(.985)}60%{transform:translate(4px) scale(.985)}}@keyframes error-mark{0%{opacity:0;transform:scale(1.15)}25%,70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:500px){.app-shell{border-right:1px solid #1c1d19;border-left:1px solid #1c1d19}}@media(max-width:340px){.app-shell{--safe-right: max(10px, env(safe-area-inset-right, 0px));--safe-left: max(10px, env(safe-area-inset-left, 0px))}.stat{padding-right:9px;padding-left:9px}.prompt-frame{width:clamp(154px,25dvh,190px);height:clamp(154px,25dvh,190px)}}@media(max-height:700px){.app-shell{grid-template-rows:34px minmax(0,1fr) 12px;gap:5px}.play-surface{grid-template-rows:54px minmax(0,1fr) 82px}.prompt-frame{width:clamp(136px,24dvh,170px);height:clamp(136px,24dvh,170px);margin:8px 0}.prompt{font-size:clamp(6.5rem,20dvh,8.5rem)}.onboarding{bottom:0;font-size:.64rem;line-height:1.35}.history{padding-top:7px}.history__moves li{height:36px;font-size:1.9rem}.history__moves{height:36px}.input-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(forced-colors:active){.prompt-frame:before,.history,.hud,.topbar,.results,.round-complete__panel,.about{border-color:CanvasText}.gesture-echo,.wordmark__slash,.stat--time.is-time-low dd{color:Highlight}}