@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:500;src:url(./m-plus-rounded-1c-latin-500-normal-D4L1U0OF.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-500-normal-udtNJXmd.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:500;src:url(./m-plus-rounded-1c-latin-ext-500-normal-CGyGcroA.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-ext-500-normal-CWMn22x0.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(./m-plus-rounded-1c-latin-700-normal-BYs1YzuX.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-700-normal-DpYetMpZ.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:700;src:url(./m-plus-rounded-1c-latin-ext-700-normal-8QQsdmZa.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-ext-700-normal-Cb8mSewo.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(./m-plus-rounded-1c-latin-800-normal-941enk6N.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-800-normal-B5F1WBCU.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:800;src:url(./m-plus-rounded-1c-latin-ext-800-normal-C01CBpaL.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-ext-800-normal-2Q1MVESn.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:900;src:url(./m-plus-rounded-1c-latin-900-normal-C3bL2EA2.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-900-normal-C8F8OWie.woff)format("woff")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-display:swap;font-weight:900;src:url(./m-plus-rounded-1c-latin-ext-900-normal-w9bUnDud.woff2)format("woff2"),url(./m-plus-rounded-1c-latin-ext-900-normal-O7gYCke3.woff)format("woff")}:root{--cream:#fdf6e3;--cream-2:#f6ecd2;--card:#fffaf0;--ink-navy:#13294f;--ink-soft:#3b4f73;--ink-faint:#13294f55;--teal:#1cbfc9;--teal-soft:#d8f3f4;--yellow:#ffd23f;--yellow-soft:#fff1c2;--coral:#ff6f5e;--coral-soft:#ffe0da;--sky:#4fb3ec;--sky-soft:#dcefff;--grape:#8a6fd8;--leaf:#6cc24a;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--drawn:22px 12px 26px 14px / 14px 24px 12px 22px;--drawn-pill:40px 30px 44px 32px / 34px 44px 30px 40px;--drawn-round:50% 46% 52% 48% / 48% 52% 46% 50%;--mark:3px solid var(--ink-navy);--lift:4px 5px 0 var(--ink-navy);--lift-big:6px 7px 0 var(--ink-navy);--ring:0 0 0 max(.45vh, 3px) var(--teal), max(.7vh, 4px) max(.9vh, 5px) 0 var(--ink-navy);--player:#2aa7f2;--mark-thin:2.5px solid var(--ink-navy);--lift-small:2px 3px 0 var(--ink-navy);--pressed:1px 1px 0 var(--ink-navy);--drawn-small:14px 8px 16px 10px / 10px 15px 8px 14px;--drawn-big:30px 18px 34px 20px / 20px 32px 18px 30px;--hatch:repeating-linear-gradient(-38deg, #ffffff2e 0 3px, transparent 3px 12px);color:var(--ink-navy);-webkit-text-size-adjust:100%;font-family:"M PLUS Rounded 1c",ui-rounded,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none;touch-action:none;background:var(--grain), var(--cream);height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute;inset:0}button{font:inherit}.connect{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:28px;display:flex;position:absolute;inset:0}.connect:before,.connect:after{content:"";z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3cdefs%3e%3cfilter%20id='w'%20x='-10%25'%20y='-10%25'%20width='120%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.04'%20numOctaves='2'%20seed='5'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20scale='3'/%3e%3c/filter%3e%3cpattern%20id='h'%20width='6'%20height='6'%20patternUnits='userSpaceOnUse'%20patternTransform='rotate(-38)'%3e%3crect%20width='2'%20height='6'%20fill='%23fff'%20opacity='.25'/%3e%3c/pattern%3e%3c/defs%3e%3cg%20filter='url(%23w)'%20fill='none'%20stroke-linecap='round'%3e%3ccircle%20cx='100'%20cy='100'%20r='46'%20fill='%23ffd23f'%20stroke='%2313294f'%20stroke-width='5'/%3e%3ccircle%20cx='100'%20cy='100'%20r='46'%20fill='url(%23h)'/%3e%3cpath%20d='M100%2030%20v-18%20M100%20170%20v18%20M30%20100%20h-18%20M170%20100%20h18%20M50%2050%20l-12%20-12%20M150%20150%20l12%2012%20M150%2050%20l12%20-12%20M50%20150%20l-12%2012'%20stroke='%2313294f'%20stroke-width='6'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;width:min(92px,24vw);height:min(92px,24vw);position:absolute}@media (orientation:portrait) and (max-height:620px){.connect:before,.connect:after{display:none}}.connect:before{left:14px;top:calc(env(safe-area-inset-top) + 18px);transform:rotate(-12deg)}.connect:after{right:14px;bottom:calc(env(safe-area-inset-bottom) + 18px);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3cdefs%3e%3cfilter%20id='w'%20x='-10%25'%20y='-10%25'%20width='120%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.04'%20numOctaves='2'%20seed='5'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20scale='3'/%3e%3c/filter%3e%3cpattern%20id='h'%20width='6'%20height='6'%20patternUnits='userSpaceOnUse'%20patternTransform='rotate(-38)'%3e%3crect%20width='2'%20height='6'%20fill='%23fff'%20opacity='.25'/%3e%3c/pattern%3e%3c/defs%3e%3cg%20filter='url(%23w)'%20fill='none'%20stroke-linecap='round'%3e%3cpath%20d='M100%20100%20m0%20-6%20a6%206%200%201%201%20-6%206%20a18%2018%200%201%201%2018%2018%20a34%2034%200%201%201%20-34%20-34%20a52%2052%200%201%201%2052%2052%20a70%2070%200%200%201%20-60%20-20'%20stroke='%2313294f'%20stroke-width='22'/%3e%3cpath%20d='M100%20100%20m0%20-6%20a6%206%200%201%201%20-6%206%20a18%2018%200%201%201%2018%2018%20a34%2034%200%201%201%20-34%20-34%20a52%2052%200%201%201%2052%2052%20a70%2070%200%200%201%20-60%20-20'%20stroke='%231cbfc9'%20stroke-width='12'/%3e%3c/g%3e%3c/svg%3e")}.brand{letter-spacing:-.5px;color:var(--ink-navy);font-size:34px;font-weight:800}.brand img{width:auto;height:104px;margin:0 auto;display:block}.brand small{letter-spacing:4px;color:var(--ink-navy);background:linear-gradient(var(--coral), var(--coral)) left bottom / 100% 3px no-repeat;margin-top:2px;padding:0 0 3px 4px;font-size:13px;font-weight:800;display:inline-block;transform:rotate(-1deg)}.hero{width:190px;filter:drop-shadow(4px 5px 0 var(--ink-navy));animation:3.2s ease-in-out infinite bob;overflow:visible}.hero>rect:first-of-type{fill:var(--card);stroke:var(--ink-navy);stroke-width:3.2px}.hero>path{fill:var(--cream-2);stroke:var(--ink-navy);stroke-width:2.4px}.hero>rect:nth-of-type(2){fill:var(--teal-soft);stroke:var(--ink-navy);stroke-width:2.4px}.hero>circle:first-of-type{fill:var(--card);stroke:var(--ink-navy);stroke-width:2.4px}.hero>circle:nth-of-type(2){fill:var(--yellow);stroke:var(--ink-navy);stroke-width:2.6px}.hero>text{fill:var(--ink-navy);font-family:inherit}@keyframes bob{50%{transform:translateY(-7px)rotate(-2deg)}}.big-button{appearance:none;border:var(--mark);border-radius:var(--drawn-pill);min-width:240px;color:var(--ink-navy);background:var(--yellow);box-shadow:var(--lift-big);padding:18px 44px;font-size:22px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.big-button:active{box-shadow:var(--pressed);transform:translate(5px,6px)}.note{color:var(--ink-soft);max-width:330px;font-size:14px;line-height:1.5}.code-input{font:inherit;letter-spacing:12px;text-align:center;text-transform:uppercase;border-radius:var(--drawn-small);border:var(--mark);background:var(--card);width:220px;box-shadow:var(--lift);color:var(--ink-navy);-webkit-user-select:text;user-select:text;touch-action:manipulation;padding:10px 0 10px 12px;font-size:34px;font-weight:800}.code-input::placeholder{color:var(--ink-faint)}.code-input:focus{box-shadow:0 0 0 4px var(--teal), var(--lift);outline:none}.status-line{min-height:22px;color:var(--ink-navy);font-size:15px;font-weight:700}.status-line:not(:empty){border:var(--mark-thin);border-radius:var(--drawn-small);background:var(--coral-soft);max-width:340px;padding:6px 14px;transform:rotate(-1deg)}@media (orientation:landscape) and (max-height:540px){.connect{flex-flow:wrap;align-content:center;gap:12px 28px;padding:16px 24px}.connect .hero{display:none}.connect .brand,.connect .status-line,.connect .note{width:100%}.connect .status-line:not(:empty){width:auto}}.stage{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;container-type:size}.stage.rotated{width:100vh;width:100dvh;height:100vw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.topbar{flex:none;align-items:center;gap:10px;min-height:54px;padding:10px 14px 4px;display:flex}.chip{border:var(--mark-thin);color:var(--ink-navy);background:var(--player);box-shadow:var(--lift-small);border-radius:12px 8px 14px 9px/9px 13px 8px 12px;flex:none;padding:3px 11px;font-size:15px;font-weight:900;transform:rotate(-4deg)}.hint{min-width:0;color:var(--ink-navy);text-align:center;flex:auto;font-size:15px;font-weight:700;line-height:1.25}.icon-btn{border:var(--mark-thin);border-radius:var(--drawn-small);width:40px;height:40px;color:var(--ink-navy);background:var(--card);box-shadow:var(--lift-small);flex:none;padding:7px;transition:transform 60ms,box-shadow 60ms}.icon-btn:active{box-shadow:none;transform:translate(2px,3px)}.icon-btn svg{width:100%;height:100%}.icon-btn.on{background:var(--player)}.signal{flex:none;align-items:flex-end;gap:2px;height:16px;display:flex}.signal i{background:var(--ink-faint);border-radius:2px;width:4px}.signal i:first-child{height:5px}.signal i:nth-child(2){height:9px}.signal i:nth-child(3){height:13px}.signal i:nth-child(4){height:16px}.signal.s1 i:nth-child(-n+1),.signal.s2 i:nth-child(-n+2),.signal.s3 i:nth-child(-n+3),.signal.s4 i:nth-child(-n+4){background:var(--ink-navy)}.deck{flex:auto;place-items:center;min-height:0;display:grid}.spacer{width:1px;height:1px}.key{--size:var(--k);--shade:var(--lift);--push:translate(3px, 4px);width:var(--size);height:var(--size);border:var(--mark);border-radius:var(--drawn-round);background:var(--card);color:var(--ink-navy);box-shadow:var(--shade);flex-direction:column;flex:none;justify-content:center;align-items:center;font-weight:800;transition:transform 60ms,box-shadow 60ms,filter 60ms;display:flex;position:relative}.key .t{font-size:calc(var(--size) * .42);pointer-events:none;line-height:1}.key .s{font-size:calc(var(--size) * .14);opacity:.75;letter-spacing:.06em;pointer-events:none;margin-top:.4em;line-height:1}.key svg{pointer-events:none}.key.pressed{transform:var(--push);box-shadow:var(--pressed);background-color:var(--cream-2)}.key.primary{background:var(--player);font-weight:900}.key.primary.pressed{background:var(--player);filter:brightness(.94)}.key.b{--size:calc(var(--k) * .8)}.key.glow{animation:1.3s ease-in-out infinite glow}.key.glow.pressed{animation:none}@keyframes glow{0%,to{box-shadow:0 0 0 0 var(--teal), var(--shade)}50%{box-shadow:0 0 0 6px var(--teal), var(--shade)}}.key-wrap,.dpad-wrap{flex-direction:column;align-items:center;display:flex}.cap{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;pointer-events:none;margin-top:1.6cqmin;font-size:12px;font-weight:800}.sysrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:max(8px,2.4cqmin);display:flex}.key.sys{--size:max(40px, min(12cqw, 7cqh));--shade:var(--lift-small);--push:translate(2px, 3px);width:auto;min-width:calc(var(--size) * 1.25);height:var(--size);padding:0 calc(var(--size) * .32);gap:calc(var(--size) * .14);border:var(--mark-thin);border-radius:var(--drawn-pill);color:var(--ink-navy);flex-direction:row}.key.sys.pressed{box-shadow:none}.key.sys svg{width:calc(var(--size) * .42);height:calc(var(--size) * .42);flex:none}.key.sys .w{font-size:max(11px, calc(var(--size) * .28));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-weight:800}.key.sys.home{background:var(--yellow-soft)}.topbar .key.sys.power{--size:40px;border-radius:var(--drawn-small);background:var(--coral-soft);width:40px;min-width:0;padding:0}.topbar .key.sys.power svg{width:55%;height:55%}.dpad{width:var(--d);height:var(--d);filter:drop-shadow(4px 5px 0 var(--ink-navy));position:relative}.dpad:before{content:"";background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M40 3H60Q67 3 67 10V33H90Q97 33 97 40V60Q97 67 90 67H67V90Q67 97 60 97H40Q33 97 33 90V67H10Q3 67 3 60V40Q3 33 10 33H33V10Q33 3 40 3Z' fill='%23fffaf0' stroke='%2313294f' stroke-width='2.2' stroke-linejoin='round'/></svg>") 50%/100% 100% no-repeat;position:absolute;inset:0}.dpad .arm{border-radius:10%;justify-content:center;align-items:center;transition:background 60ms,transform 60ms;display:flex;position:absolute}.dpad .up{width:34%;height:32%;top:3%;left:33%}.dpad .down{width:34%;height:32%;bottom:3%;left:33%}.dpad .left{width:32%;height:34%;top:33%;left:3%}.dpad .right{width:32%;height:34%;top:33%;right:3%}.dpad .arm i{border:calc(var(--d) * .055) solid transparent;width:0;height:0}.dpad .up i{border-bottom-color:var(--ink-navy);margin-top:calc(var(--d) * -.04)}.dpad .down i{border-top-color:var(--ink-navy);margin-top:calc(var(--d) * .04)}.dpad .left i{border-right-color:var(--ink-navy);margin-left:calc(var(--d) * -.04)}.dpad .right i{border-left-color:var(--ink-navy);margin-left:calc(var(--d) * .04)}.dpad .arm.pressed{background:#1cbfc966;transform:scale(.96)}.dpad .hub{border-radius:var(--drawn-round);background:var(--cream-2);border:2px solid var(--ink-faint);width:16%;height:16%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.face{width:calc(var(--k) * 2);height:calc(var(--k) * 1.75);position:relative}.face>.key-wrap{position:absolute}.face>.key-wrap:has(.a){top:0;right:0}.face>.key-wrap:has(.b){bottom:0;left:0}.face>.key-wrap:only-child{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.touchpad{border:var(--mark);border-radius:var(--drawn);background:radial-gradient(circle, #13294f2e 1.2px, transparent 1.8px) 0 0 / 18px 18px, var(--cream-2);justify-content:center;align-items:center;width:100%;height:100%;min-height:90px;display:flex;position:relative;overflow:hidden;box-shadow:inset 4px 5px #13294f14}.tp-hint{color:var(--ink-navy);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:15px;font-weight:700;display:flex}.tp-hint svg{width:46px;height:46px;color:var(--ink-navy);background:var(--yellow);border:var(--mark-thin);border-radius:var(--drawn-round);margin-bottom:2px;padding:6px;transform:rotate(-6deg)}.tp-hint small{color:var(--ink-soft);font-size:12px;font-weight:700}.tp-dot{border-radius:var(--drawn-round);border:var(--mark);background:color-mix(in srgb, var(--player) 45%, transparent);opacity:0;pointer-events:none;width:70px;height:70px;margin:-35px 0 0 -35px;transition:opacity .15s;position:absolute}.tp-dot.on{opacity:1}.kind-pad.portrait{--d:min(40cqw, 25cqh);--k:min(21cqw, 13cqh)}.kind-pad.portrait .deck{grid-template:"pad pad"minmax(0,1fr)"sys sys""dpad face"/1fr 1fr;gap:3.5cqh 4cqw;padding:1.5cqh 6cqw 5.5cqh}.kind-pad.landscape{--d:min(25cqw, 50cqh);--k:min(12.5cqw, 25cqh)}.kind-pad.landscape .deck{grid-template:"dpad pad face"minmax(0,1fr)"dpad sys face"/1fr 1.35fr 1fr;gap:3cqh 3cqw;padding:1cqh 4cqw 4.5cqh}.kind-pad .touchpad{grid-area:pad}.kind-pad .sysrow{grid-area:sys}.kind-pad .dpad-wrap,.kind-pad .spacer{grid-area:dpad}.kind-pad .face{grid-area:face}.kind-bowl.portrait{--d:min(34cqw, 21cqh);--k:min(20cqw, 12cqh)}.kind-bowl.portrait .deck{grid-template-rows:auto auto minmax(0,1fr);gap:3cqh;padding:1cqh 6cqw 5cqh}.kind-bowl.landscape{--d:min(21cqw, 46cqh);--k:min(12cqw, 26cqh)}.kind-bowl.landscape .deck{grid-template:"aim zone"minmax(0,1fr)"sys zone"/1fr 1.25fr;gap:3cqh 4cqw;padding:1cqh 4cqw 4.5cqh}.kind-bowl.landscape .aim{grid-area:aim}.kind-bowl.landscape .sysrow{grid-area:sys}.kind-bowl.landscape .bzone{grid-area:zone}.aim{justify-content:space-around;align-items:center;gap:4cqw;width:100%;display:flex}.key.bzone{--shade:var(--lift-big);--push:translate(5px, 6px);border-radius:var(--drawn-big);width:100%;height:100%;min-height:140px;color:var(--ink-navy);background:var(--hatch), var(--player)}.key.bzone .t{font-size:min(26cqw,18cqh);font-weight:900}.key.bzone .s{letter-spacing:.04em;opacity:1;margin-top:1.5cqh;font-size:15px;font-weight:800}.key.bzone.pressed{background:var(--hatch), var(--player);filter:brightness(.94)}.kind-tap .deck{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:3cqh;padding:1cqh 6cqw 5cqh}.kind-tap.landscape .deck{padding:1cqh 5cqw 4cqh}.key.tapzone{--shade:var(--lift-big);--push:translate(5px, 6px);border-radius:var(--drawn-big);background:var(--hatch), var(--player);width:100%;height:100%;min-height:140px}.key.tapzone .t{letter-spacing:.04em;font-size:min(20cqw,16cqh)}.key.tapzone .s{opacity:.9;margin-top:1.5cqh;font-size:15px;font-weight:800}.key.tapzone.pressed{background:var(--hatch), var(--player)}.kind-choices .deck,.kind-guess .deck{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:3cqh;padding:1cqh 5cqw 4.5cqh}.choices{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:3cqmin;width:100%;height:100%;display:grid}.choices.n2{grid-template-columns:1fr}.landscape .choices.n2{grid-template-columns:1fr 1fr}.choice{--c:var(--coral);--tilt:-.8deg;border:var(--mark);border-radius:var(--drawn);color:var(--ink-navy);background:var(--hatch), var(--c);box-shadow:var(--lift);text-align:center;transform:rotate(var(--tilt));flex-direction:column;justify-content:center;align-items:center;gap:1.5cqmin;padding:3cqmin;font-weight:800;transition:transform 80ms,box-shadow 80ms,opacity .2s,filter .2s;display:flex;position:relative}.choice:active{transform:translate(3px, 4px) rotate(var(--tilt));box-shadow:var(--pressed)}.choice.c1{--c:var(--sky);--tilt:.8deg}.choice.c2{--c:var(--yellow);--tilt:.6deg}.choice.c3{--c:var(--leaf);--tilt:-.6deg}.choice .letter{border:var(--mark-thin);border-radius:var(--drawn-round);background:var(--card);width:max(34px,9cqmin);height:max(34px,9cqmin);box-shadow:var(--lift-small);pointer-events:none;justify-content:center;align-items:center;font-size:max(18px,5cqmin);font-weight:900;display:flex;transform:rotate(-6deg)}.choice .text{overflow-wrap:anywhere;pointer-events:none;font-size:clamp(15px,5.2cqmin,30px);line-height:1.2}.choice.dim{opacity:.3;filter:grayscale(.6)}.choice.chosen{transform:rotate(calc(var(--tilt) * 2)) scale(1.02);box-shadow:0 0 0 5px var(--teal), var(--lift-big)}.choice.chosen:after{content:"Locked in";border:var(--mark-thin);background:var(--yellow);box-shadow:var(--lift-small);color:var(--ink-navy);letter-spacing:.04em;border-radius:12px 6px 14px 8px;padding:.35em .8em;font-size:max(11px,3cqmin);font-weight:900;position:absolute;top:-10px;right:-6px;transform:rotate(6deg)}.guess{border:var(--mark);border-radius:var(--drawn);background:var(--grain), var(--card);width:100%;height:100%;box-shadow:var(--lift-big);flex-direction:column;justify-content:center;align-items:center;gap:2.4cqh;padding:3cqh 4cqw;display:flex}.guess-value{color:var(--ink-navy);text-shadow:4px 4px 0 var(--yellow);font-variant-numeric:tabular-nums;font-size:min(18cqw,15cqh);font-weight:900;line-height:1}.guess-unit{color:var(--ink-soft);margin-top:-1cqh;font-size:16px;font-weight:800}.guess-row{align-items:center;gap:4cqw;width:100%;display:flex}.guess-step{border:var(--mark);border-radius:var(--drawn-round);width:max(52px,13cqmin);height:max(52px,13cqmin);color:var(--ink-navy);background:var(--card);box-shadow:var(--lift);touch-action:none;flex:none;font-size:max(26px,7cqmin);font-weight:800;transition:transform 60ms,box-shadow 60ms}.guess-step:active{box-shadow:var(--pressed);transform:translate(3px,4px)}.guess-track{border:var(--mark);border-radius:var(--drawn-pill);background:var(--cream-2);touch-action:none;flex:1;height:max(44px,11cqmin);position:relative;box-shadow:inset 3px 4px #13294f14}.guess-fill{border-radius:var(--drawn-pill);background:var(--hatch), var(--player);position:absolute;top:0;bottom:0;left:0}.guess-thumb{border:var(--mark);border-radius:var(--drawn-round);background:var(--card);width:max(40px,10cqmin);height:max(40px,10cqmin);box-shadow:var(--lift-small);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.guess-range{width:100%;color:var(--ink-soft);justify-content:space-between;margin-top:-1.2cqh;padding:0 calc(max(52px,13cqmin) + 4cqw);font-size:13px;font-weight:700;display:flex}.guess-lock{border:var(--mark);border-radius:var(--drawn-pill);min-width:60%;color:var(--ink-navy);background:var(--yellow);box-shadow:var(--lift);padding:2.2cqh 6cqw;font-size:max(20px,5.5cqmin);font-weight:900;transition:transform 60ms,box-shadow 60ms}.guess-lock:active{box-shadow:var(--pressed);transform:translate(3px,4px)}.guess.locked .guess-lock{background:var(--leaf);box-shadow:var(--pressed);transform:translate(3px,4px)}.guess.locked .guess-track,.guess.locked .guess-step{opacity:.4}.landscape .guess{grid-template-columns:auto 1fr;grid-template-areas:"value row""unit range""lock lock";align-items:center;column-gap:5cqw;display:grid}.landscape .guess-value{grid-area:value}.landscape .guess-unit{grid-area:unit;margin-top:0}.landscape .guess-row{grid-area:row}.landscape .guess-range{grid-area:range;margin-top:0}.landscape .guess-lock{grid-area:lock;justify-self:center}.kind-result .deck{flex-direction:column;justify-content:center;align-items:center;gap:5cqh;padding:4cqh 8cqw 6cqh;display:flex}.result-card{--tone:var(--ink-soft);border:var(--mark);border-radius:var(--drawn);background:var(--grain), var(--card);width:100%;max-width:460px;box-shadow:var(--lift-big);text-align:center;padding:6cqh 6cqw;animation:.35s cubic-bezier(.2,1.4,.4,1) result-in;transform:rotate(-1deg)}.result-card.tone-good{--tone:var(--leaf)}.result-card.tone-bad{--tone:var(--coral)}.result-card.tone-close{--tone:var(--yellow)}.result-card.tone-info{--tone:var(--player)}.result-icon{border:var(--mark);border-radius:var(--drawn-round);width:84px;height:84px;color:var(--ink-navy);background:var(--hatch), var(--tone);box-shadow:var(--lift);justify-content:center;align-items:center;margin:0 auto 2.4cqh;display:flex;transform:rotate(-6deg)}.result-icon svg{width:60%;height:60%}.result-title{color:var(--ink-navy);text-shadow:3px 3px 0 var(--tone);font-size:30px;font-weight:900;line-height:1.15}.result-detail{color:var(--ink-navy);margin-top:1.4cqh;font-size:19px;font-weight:800;line-height:1.35}@keyframes result-in{0%{opacity:0;transform:scale(.85)rotate(-1deg)}}.kind-ask .deck{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:3cqh;padding:2cqh 5cqw 4.5cqh}.ask{flex-direction:column;align-self:start;gap:2.5cqh;width:100%;display:flex}.ask-form{gap:2.5cqw;display:flex}.ask-input{width:100%;min-width:0;font:inherit;border-radius:var(--drawn-small);border:var(--mark);background:var(--card);box-shadow:var(--lift);color:var(--ink-navy);-webkit-user-select:text;user-select:text;touch-action:manipulation;flex:1;padding:14px 18px;font-size:20px;font-weight:700}.ask-input::placeholder{color:var(--ink-faint)}.ask-input.caps{text-transform:uppercase;letter-spacing:.12em}.ask-input.caps::placeholder{text-transform:none;letter-spacing:normal}.ask-input:focus{box-shadow:0 0 0 4px var(--teal), var(--lift);outline:none}.ask-send{border:var(--mark);border-radius:var(--drawn-small);color:var(--ink-navy);background:var(--yellow);box-shadow:var(--lift);touch-action:manipulation;flex:none;padding:0 22px;font-size:18px;font-weight:900;transition:transform 60ms,box-shadow 60ms}.ask-send:active{box-shadow:var(--pressed);transform:translate(3px,4px)}.ask-chips{flex-wrap:wrap;gap:10px;display:flex}.ask-chip{border:var(--mark-thin);border-radius:var(--drawn-pill);color:var(--ink-navy);background:var(--card);box-shadow:var(--lift-small);touch-action:manipulation;padding:10px 16px;font-size:16px;font-weight:800;transition:transform 60ms,box-shadow 60ms;transform:rotate(-1.5deg)}.ask-chip:nth-child(2n){transform:rotate(1.2deg)}.ask-chip:active{box-shadow:none;transform:translate(2px,3px)}.ask-status{min-height:22px;color:var(--ink-navy);text-align:center;-webkit-text-decoration:underline 3px var(--leaf);text-decoration:underline 3px var(--leaf);text-underline-offset:5px;font-size:16px;font-weight:800}.kind-wheel{--d:min(18cqw, 27cqh)}.kind-wheel .deck{grid-template:"item center brake""drift center gas"minmax(0,1fr)/1.25fr .8fr 1.25fr;gap:2.5cqh 3cqw;padding:.5cqh 3cqw 4cqh}.kind-wheel .dpad-wrap,.kind-wheel .item-slot{grid-area:item;justify-self:start;margin-left:3cqw}.kind-wheel .key.brake,.kind-wheel .brake-slot{grid-area:brake;justify-self:end;margin-right:3cqw}.kind-wheel .key.drift,.kind-wheel .drift-slot{grid-area:drift}.kind-wheel .key.gas,.kind-wheel .gas-slot{grid-area:gas}.kind-wheel .center-col{grid-area:center;justify-content:space-around;align-self:stretch}.kind-wheel .dpad-wrap .cap{margin-top:1cqh}.key.brake{--size:min(13cqw, 21cqh);width:calc(var(--size) * 1.7);border-radius:var(--drawn-pill)}.kind-wheel .key.brake .t{font-size:calc(var(--size) * .3);letter-spacing:.04em}.kind-wheel .key.brake .s{font-size:calc(var(--size) * .15)}.key.pedal{--shade:var(--lift-big);--push:translate(5px, 6px);border-radius:var(--drawn-big);width:100%;height:100%;min-height:110px}.key.pedal.primary,.key.pedal.primary.pressed{background:var(--hatch), var(--player)}.kind-wheel .key.pedal .t{letter-spacing:.05em;font-size:min(7cqw,13cqh);font-weight:900}.kind-wheel .key.pedal .s{letter-spacing:.08em;margin-top:1.2cqh;font-size:min(2.6cqw,5cqh)}.key.pedal.drift.charged{background:var(--hatch), var(--glow);box-shadow:0 0 0 6px color-mix(in srgb, var(--glow) 45%, transparent), var(--shade);transition:background .12s,box-shadow .12s;animation:.35s ease-in-out infinite alternate charge}.key.pedal.drift.charged.pressed{box-shadow:0 0 0 6px color-mix(in srgb, var(--glow) 45%, transparent), var(--pressed)}@keyframes charge{to{filter:brightness(1.12)}}.wheel{filter:drop-shadow(1.5px 0 0 var(--ink-navy)) drop-shadow(-1.5px 0 0 var(--ink-navy)) drop-shadow(0 1.5px 0 var(--ink-navy)) drop-shadow(0 -1.5px 0 var(--ink-navy)) drop-shadow(3px 4px 0 var(--ink-navy))}.wheel svg{width:min(15cqw,26cqh);height:min(15cqw,26cqh);color:var(--player);transition:transform 50ms linear}.center-col{flex-direction:column;align-items:center;gap:2.5cqh;display:flex}.key.pill{--size:min(9cqh, 12cqw);width:auto;min-width:calc(var(--size) * 2.6);padding:0 calc(var(--size) * .5);border-radius:var(--drawn-pill)}.kind-wheel .key.pill .t{font-size:calc(var(--size) * .34)}.kind-wheel .key.pill .s{display:none}.kind-stick .deck{grid-template-columns:1.3fr .7fr 1.3fr;grid-template-areas:"stick center actions";gap:2cqw;padding:1cqh 4cqw 5cqh}.stick-wrap{flex-direction:column;grid-area:stick;align-items:center;display:flex}.stick{--s:min(34cqw, 66cqh);width:var(--s);height:var(--s);border:var(--mark);border-radius:var(--drawn-round);background:radial-gradient(circle, #13294f2e 1.2px, transparent 1.8px) 0 0 / 16px 16px, var(--cream-2);box-shadow:inset 4px 5px 0 #13294f14, var(--lift);position:relative}.stick-rim{border:.9cqmin dashed var(--ink-faint);pointer-events:none;border-radius:50%;transition:border-color .12s,box-shadow .12s;position:absolute;inset:4%}.stick.sprint .stick-rim{border-style:solid;border-color:var(--player);box-shadow:0 0 0 2px var(--ink-navy), inset 0 0 0 2px var(--ink-navy)}.stick-knob{border:var(--mark);border-radius:var(--drawn-round);background:var(--player);width:50%;height:50%;box-shadow:var(--lift);pointer-events:none;transition:transform .12s ease-out;position:absolute;top:25%;left:25%}.stick.held .stick-knob{transition:none}.kind-stick .stick-wrap .cap{margin-top:2cqh}.kind-stick .center-col{grid-area:center;justify-content:center;align-self:stretch;gap:5cqh}.actions{grid-area:actions;width:100%;height:100%;min-height:0;position:relative}.key.action{--size:min(19cqw, 36cqh);position:absolute}.key.action.shoot{top:6%;right:4%}.key.action.pass{bottom:4%;left:4%}.key.action.small{--size:min(11cqw, 21cqh);top:6%;left:8%}.kind-stick .key.action .t{font-size:calc(var(--size) * .2);letter-spacing:.05em}.kind-stick .key.action .s{font-size:calc(var(--size) * .11)}.kind-stick .key.pill .t{font-size:calc(var(--size) * .34)}.kind-stick .key.pill .s{display:none}.kind-wait .deck{flex-direction:column;justify-content:center;align-items:center;gap:5cqh;padding:4cqh 8cqw 6cqh;display:flex}.wait-card{border:var(--mark);border-radius:var(--drawn);background:var(--grain), var(--card);width:100%;max-width:460px;box-shadow:var(--lift-big);text-align:center;padding:6cqh 6cqw;transform:rotate(1deg)}.wait-icon{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3cdefs%3e%3cfilter%20id='w'%20x='-10%25'%20y='-10%25'%20width='120%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.04'%20numOctaves='2'%20seed='5'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20scale='3'/%3e%3c/filter%3e%3cpattern%20id='h'%20width='6'%20height='6'%20patternUnits='userSpaceOnUse'%20patternTransform='rotate(-38)'%3e%3crect%20width='2'%20height='6'%20fill='%23fff'%20opacity='.25'/%3e%3c/pattern%3e%3c/defs%3e%3cg%20filter='url(%23w)'%20fill='none'%20stroke-linecap='round'%3e%3cpath%20d='M100%20100%20m0%20-6%20a6%206%200%201%201%20-6%206%20a18%2018%200%201%201%2018%2018%20a34%2034%200%201%201%20-34%20-34%20a52%2052%200%201%201%2052%2052%20a70%2070%200%200%201%20-60%20-20'%20stroke='%2313294f'%20stroke-width='22'/%3e%3cpath%20d='M100%20100%20m0%20-6%20a6%206%200%201%201%20-6%206%20a18%2018%200%201%201%2018%2018%20a34%2034%200%201%201%20-34%20-34%20a52%2052%200%201%201%2052%2052%20a70%2070%200%200%201%20-60%20-20'%20stroke='%231cbfc9'%20stroke-width='12'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;width:64px;height:64px;margin:0 auto 18px;animation:1.8s linear infinite spin}.wait-text{color:var(--ink-navy);font-size:19px;font-weight:800;line-height:1.4}.overlay{text-align:center;background:var(--grain), #fdf6e3f2;color:var(--ink-navy);z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.spinner{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20200%20200'%3e%3cdefs%3e%3cfilter%20id='w'%20x='-10%25'%20y='-10%25'%20width='120%25'%20height='120%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.04'%20numOctaves='2'%20seed='5'/%3e%3cfeDisplacementMap%20in='SourceGraphic'%20scale='3'/%3e%3c/filter%3e%3cpattern%20id='h'%20width='6'%20height='6'%20patternUnits='userSpaceOnUse'%20patternTransform='rotate(-38)'%3e%3crect%20width='2'%20height='6'%20fill='%23fff'%20opacity='.25'/%3e%3c/pattern%3e%3c/defs%3e%3cg%20filter='url(%23w)'%20fill='none'%20stroke-linecap='round'%3e%3cpath%20d='M100%20100%20m0%20-6%20a6%206%200%201%201%20-6%206%20a18%2018%200%201%201%2018%2018%20a34%2034%200%201%201%20-34%20-34%20a52%2052%200%201%201%2052%2052%20a70%2070%200%200%201%20-60%20-20'%20stroke='%2313294f'%20stroke-width='22'/%3e%3cpath%20d='M100%20100%20m0%20-6%20a6%206%200%201%201%20-6%206%20a18%2018%200%201%201%2018%2018%20a34%2034%200%201%201%20-34%20-34%20a52%2052%200%201%201%2052%2052%20a70%2070%200%200%201%20-60%20-20'%20stroke='%231cbfc9'%20stroke-width='12'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;width:56px;height:56px;animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border:var(--mark-thin);border-radius:var(--drawn-pill);background:var(--card);box-shadow:var(--lift-small);color:var(--ink-navy);z-index:30;white-space:nowrap;padding:8px 16px;font-size:15px;font-weight:700;transition:opacity .3s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)rotate(-1deg)}.sim{z-index:25;border:var(--mark-thin);border-radius:var(--drawn-small);background:var(--card);box-shadow:var(--lift-small);color:var(--ink-soft);flex-direction:column;gap:6px;padding:10px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:10px;right:10px}.sim button{border:2px solid var(--ink-navy);background:var(--cream-2);color:var(--ink-navy);border-radius:10px;padding:6px 10px;font-weight:800}.sim input{width:140px}.haptic-switch{opacity:0;pointer-events:none;position:absolute;top:-100px;left:-100px}.motion-help{z-index:50;border:var(--mark);border-radius:var(--drawn);background:var(--grain), var(--card);width:min(86vw,420px);color:var(--ink-navy);box-shadow:var(--lift-big);padding:20px 22px;font-size:16px;line-height:1.45;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-.6deg)}.motion-help>b{background:linear-gradient(var(--coral), var(--coral)) left bottom / 100% 3px no-repeat;padding-bottom:2px;font-size:19px;font-weight:900}.motion-help p{margin:8px 0 0}.motion-help .small{color:var(--ink-soft);font-size:14px}.motion-help button{border:var(--mark);border-radius:var(--drawn-pill);background:var(--yellow);width:100%;box-shadow:var(--lift);color:var(--ink-navy);font:inherit;margin-top:14px;padding:12px;font-weight:900}.motion-help button:active{box-shadow:var(--pressed);transform:translate(3px,4px)}