:root{--ink:#1d2340;--ink-soft:#4a5173;--cream:#fff7ea;--paper:#fffdf8;--star:#ffd23f;--coral:#ff5a5f;--teal:#2ec4b6;--sky:#6fb8ff;--bad:#ff2d2d;--radius:22px;--shadow:0 6px 0 var(--ink);--font-head:"Unbounded", system-ui, sans-serif;--font-body:"Onest", system-ui, sans-serif;--z-hud:20;--z-hints:25;--z-float:30;--z-screen:40;--z-cursor:50;--cam-w:320px;--cam-h:240px;--corner-w:calc(var(--cam-w) + 34px);--pad-size:200px;--pad-w:calc(var(--pad-size) + 32px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#ffe3bf;overflow:hidden}.app{position:fixed;inset:0}.game-canvas{inset:0;position:absolute!important}.screen{z-index:var(--z-screen);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:16px;display:flex;position:absolute;inset:0}.app--menu .level-sign,.app--menu .portal-sign{visibility:hidden}.screen--dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d234059}.screen--start{background:linear-gradient(#6fb8ff40,#ffe3bf1a)}.card{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:560px;padding:28px 32px}.card--hero{max-width:600px}.card--results{max-width:760px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px;font-size:13px;font-weight:600}.title{font-family:var(--font-head);letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(48px,9vw,88px);font-weight:800;line-height:.95}.title--small{font-size:clamp(30px,5vw,44px)}.lead{color:var(--ink-soft);margin:0 0 22px;font-size:18px;line-height:1.5}.fine{color:var(--ink-soft);margin:14px 0 0;font-size:14px;line-height:1.45}.big-btn{font:700 20px var(--font-head);color:var(--ink);background:var(--star);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;border-radius:999px;padding:16px 30px;transition:transform 80ms,box-shadow 80ms}.big-btn:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.big-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.dev-btn{border:1px dashed var(--ink-soft);color:var(--ink-soft);font:13px var(--font-body);cursor:pointer;background:0 0;border-radius:8px;margin-top:16px;padding:6px 10px;display:block}.how{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:0;padding:0;list-style:none;display:flex}.how li{border:2px solid var(--ink);background:#fffdf8e6;border-radius:999px;padding:6px 14px;font-size:14px}.loading{align-items:center;gap:12px;font-size:17px;display:flex}.spinner{border:3px solid var(--ink);border-top-color:var(--star);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box p{border:2px solid var(--coral);background:#ffe9e9;border-radius:14px;margin:0 0 16px;padding:12px 14px;line-height:1.45}.row{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.dwell-btn{--dwell:0;font:700 18px var(--font-head);color:var(--ink);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;background:var(--star);border-radius:999px;padding:16px 28px;position:relative;overflow:hidden}.dwell-btn--ghost{background:var(--paper)}.dwell-btn.is-hover{transform:translateY(-2px)scale(1.03)}.dwell-btn__ring{background:var(--teal);transform-origin:0;transform:scaleX(var(--dwell));opacity:.55;position:absolute;inset:0}.dwell-btn__label{position:relative}.hand-cursor{z-index:var(--z-cursor);pointer-events:none;border:4px solid var(--ink);opacity:0;background:#ffd23fd9;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:opacity .2s;position:fixed;top:0;left:0;box-shadow:0 0 0 4px #fffdf8cc}.tutorial{z-index:var(--z-float);flex-direction:column;align-items:center;gap:12px;width:min(560px,100% - 32px);display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.card--tutorial{padding:20px 26px}.tutorial__title{font:800 28px var(--font-head);margin:0 0 6px}.tutorial__text{color:var(--ink-soft);margin:0 0 14px;font-size:17px;line-height:1.45}.steps{gap:6px;margin-bottom:12px;display:flex}.steps__dot{border:2px solid var(--ink);background:#e8e1d4;border-radius:99px;width:28px;height:8px}.steps__dot.is-active{background:var(--star)}.steps__dot.is-done{background:var(--teal)}.bar{border:3px solid var(--ink);background:#efe8da;border-radius:99px;height:14px;overflow:hidden}.bar__fill{background:var(--teal);height:100%;transition:width .12s}.tutorial__skip .dwell-btn{box-shadow:0 3px 0 var(--ink);padding:10px 18px;font-size:14px}.countdown{z-index:var(--z-float);pointer-events:none;font:800 clamp(90px, 18vw, 180px) var(--font-head);color:var(--star);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;place-items:center;animation:.8s ease-out pop;display:grid;position:absolute;inset:0}@keyframes pop{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}to{opacity:.85}}.hud{z-index:var(--z-hud);pointer-events:none;align-items:flex-start;gap:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}.hud__pill{background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font:800 24px var(--font-head);border-radius:999px;align-items:baseline;gap:6px;padding:8px 18px;display:flex}.hud__star{color:var(--star);-webkit-text-stroke:2px var(--ink)}.hud__dim{color:var(--ink-soft);font-size:18px}.hud__legend{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:420px;margin-left:auto;display:flex}.hud__legend span{border:2px solid var(--ink);background:#fffdf8d9;border-radius:999px;padding:3px 10px;font-size:13px}.cam-preview{z-index:var(--z-hud);background:var(--paper);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;padding:6px;position:absolute;bottom:16px;left:16px;overflow:hidden}.cam-preview canvas{width:var(--cam-w);height:var(--cam-h);background:var(--ink);border-radius:12px;display:block}.cam-preview__labels{max-width:var(--cam-w);flex-wrap:wrap;gap:4px;padding:6px 2px 2px;display:flex}.tag{color:#fff;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600}.tag--right{background:var(--coral)}.tag--left{background:var(--teal)}.cam-preview__fps{color:var(--ink-soft);align-self:center;margin-left:auto;font-size:11px}.palm-pad{z-index:var(--z-hud);width:var(--pad-size);pointer-events:none;flex-direction:column;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;bottom:16px;right:16px}.palm-pad.is-hidden{opacity:0}.palm-pad canvas{width:var(--pad-size);height:var(--pad-size);display:block}.palm-pad__caption{background:var(--paper);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);font:700 14px var(--font-head);color:var(--ink);white-space:nowrap;border-radius:999px;padding:4px 14px}.palm-pad__caption.is-wait{background:var(--star)}.palm-pad__caption.is-go{background:var(--coral);color:#fff}.hints{bottom:24px;left:calc(var(--corner-w) + 16px);right:var(--pad-w);z-index:var(--z-hints);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.hint{background:var(--paper);border:3px solid var(--ink);max-width:620px;box-shadow:0 4px 0 var(--ink);border-left-width:10px;border-radius:16px;align-items:center;gap:12px;padding:10px 16px;font-size:17px;font-weight:600;line-height:1.35;animation:.25s ease-out hint-in;display:flex}.hint--right{border-left-color:var(--coral)}.hint--left{border-left-color:var(--teal)}.hint--none{border-left-color:var(--star)}.hint__arrow{font:800 26px var(--font-head);color:var(--coral)}@keyframes hint-in{0%{opacity:0;transform:translateY(10px)}}.subtitle{max-width:620px;color:var(--cream);background:#1d2340d1;border-radius:12px;align-items:baseline;gap:10px;padding:8px 16px;font-size:18px;font-weight:500;line-height:1.35;animation:.25s ease-out hint-in;display:flex}.subtitle__who{font:700 11px var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 18px;display:grid}.stats div{background:var(--cream);border:2px solid var(--ink);text-align:center;border-radius:14px;padding:10px}.stats b{font:800 22px var(--font-head);display:block}.stats span{color:var(--ink-soft);font-size:13px}.results__cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}.results__cols h3{font:700 16px var(--font-head);margin:0 0 8px}.errors{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.errors li{font-size:15px}.errors li span{color:var(--ink-soft);font-size:14px;display:block}.board{margin:0;padding-left:22px;font-size:15px}.board li{padding:3px 0}.board li span{min-width:150px;display:inline-block}.board li.is-me{color:var(--coral);font-weight:700}@media (width<=1099px),(height<=700px){:root{--cam-w:240px;--cam-h:180px;--pad-size:160px}}@media (width<=720px){:root{--cam-w:160px;--cam-h:120px;--pad-size:120px}.stats{grid-template-columns:repeat(2,1fr)}.results__cols{grid-template-columns:1fr}.hints{left:16px;right:16px;bottom:calc(var(--corner-h,0px) + 32px)}.hud__legend{display:none}}.cam-preview__debug{color:var(--ink);flex-basis:100%;font:11px ui-monospace,monospace}.menu-hold{--p:0;z-index:var(--z-float);pointer-events:none;opacity:0;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-hold__ring{background:conic-gradient(var(--teal) calc(var(--p) * 360deg), #fffdf8cc 0);border:4px solid var(--ink);width:120px;height:120px;box-shadow:0 5px 0 var(--ink);border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 38px,#000 39px);mask:radial-gradient(circle,#0000 38px,#000 39px)}.menu-hold span{font:800 16px var(--font-head);color:var(--ink);position:absolute}.hud__pill--lobby{font:700 16px var(--font-head)}.portal-sign{white-space:nowrap;background:var(--paper);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);font:500 14px var(--font-body);color:var(--ink);pointer-events:none;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;display:flex}.portal-sign b{font:800 20px var(--font-head)}.portal-sign.is-locked{opacity:.7}.portal-sign__best{color:var(--ink-soft);font-size:12px}.level-sign{background:var(--paper);border:3px solid var(--ink);width:280px;box-shadow:0 4px 0 var(--ink);font:500 14px/1.35 var(--font-body);color:var(--ink);pointer-events:none;border-radius:14px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.level-sign b{font:800 20px var(--font-head)}.level-sign--small{white-space:nowrap;width:auto;font-weight:600}.hud__pill--secret{color:var(--ink);font-size:18px;animation:.35s ease-out pop-in}.hud__pill--secret b{color:var(--teal);font-size:24px}@keyframes pop-in{0%{transform:scale(1.3)}}.bridge-sign{border-color:var(--coral)}.bridge-sign.is-ok{border-color:var(--teal);background:#e9fbf8}.menu__section{font:700 16px var(--font-head);color:var(--ink);margin:24px 0 0}.row--tight{margin-top:10px}.holo-lab__label{z-index:var(--z-float);font:600 13px var(--font-body);color:var(--ink);border:2px solid var(--ink);pointer-events:none;background:#fffaf2d9;border-radius:10px;padding:6px 10px;position:absolute;bottom:14px;left:16px}.holo-rec{z-index:var(--z-float);background:var(--paper);border:3px solid var(--ink);max-width:min(420px,100% - 32px);box-shadow:0 4px 0 var(--ink);font:500 14px/1.4 var(--font-body);color:var(--ink);border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:absolute;top:16px;right:16px}.holo-rec__big{font:800 40px var(--font-head)}.holo-rec__big.is-rec{color:var(--coral)}.hud__pill--grab{white-space:nowrap;font:700 16px var(--font-head);background:var(--teal);color:#fff;animation:.25s ease-out pop-in}.card--hero{position:relative}.card--hero .eyebrow{padding-right:96px}.lang-switch{border:2px solid var(--ink);border-radius:999px;display:flex;position:absolute;top:20px;right:22px;overflow:hidden}.lang-switch button{font:700 13px var(--font-head);color:var(--ink-soft);background:var(--paper);cursor:pointer;border:0;padding:6px 12px}.lang-switch button+button{border-left:2px solid var(--ink)}.lang-switch button.is-on{color:var(--ink);background:var(--star)}