:root{--page:#1b1c21;--body:#d2cec5;--body-hi:#e2ded6;--body-lo:#aaa59b;--bezel:#4a4e5c;--bezel-lo:#383b46;--label:#2f3a86;--stripe-a:#8b2f5c;--stripe-b:#2f3a86;--ab:#9c2c55;--ab-hi:#c04a74;--ab-lo:#6d1c3a;--dpad:#2c2d33;--dpad-hi:#45464e;--pill:#7d7b78;--led:#ff3b3b;--u:1cqw}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at 50% 30%, #2a2c34, var(--page) 70%);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body{justify-content:center;align-items:center;display:flex}button{font:inherit;cursor:pointer;border:0;padding:0}#device{--dw:min(100vw, calc(56dvh - 18px), 480px);--du:calc(var(--dw) / 100);width:var(--dw);height:min(100dvh - 32px,178vw,860px);padding:max(calc(var(--du) * 5), env(safe-area-inset-top)) calc(var(--du) * 5) max(calc(var(--du) * 6), env(safe-area-inset-bottom));background:linear-gradient(100deg, #ffffff40, transparent 30%), linear-gradient(180deg, var(--body-hi), var(--body) 30%, var(--body-lo));border-radius:calc(var(--du) * 4) calc(var(--du) * 4) calc(var(--du) * 18) calc(var(--du) * 4);box-shadow:inset 0 0 0 1px #ffffff59, inset calc(var(--du) * -1) calc(var(--du) * -1.2) calc(var(--du) * 2) #0000002e, 0 calc(var(--du) * 3) calc(var(--du) * 8) #0000008c;grid-template:"bezel bezel"minmax(0,1fr)"brand brand""dpad ab""menu menu"/1fr 1fr;display:grid;position:relative;container-type:size}@media (width<=520px) and (orientation:portrait){#device{--dw:100vw;border-radius:0 0 calc(var(--du) * 14) 0;width:100vw;height:100dvh;box-shadow:none}}.bezel{background:linear-gradient(180deg, var(--bezel), var(--bezel-lo));border-radius:calc(var(--u) * 2.5) calc(var(--u) * 2.5) calc(var(--u) * 10) calc(var(--u) * 2.5);min-height:0;padding:calc(var(--u) * 2) calc(var(--u) * 4) calc(var(--u) * 5);box-shadow:inset 0 calc(var(--u) * .6) calc(var(--u) * 1.5) #00000073;flex-direction:column;grid-area:bezel;display:flex}.bezel-label{align-items:center;gap:calc(var(--u) * 2);margin-bottom:calc(var(--u) * 2);color:#b9bccb;font-size:calc(var(--u) * 2.4);letter-spacing:.12em;white-space:nowrap;font-weight:600;display:flex}.bezel-label .stripe{height:calc(var(--u) * 1.4);background:linear-gradient(180deg, var(--stripe-a) 0 45%, transparent 45% 55%, var(--stripe-b) 55%);border-radius:1px;flex:1}.bezel-body{gap:calc(var(--u) * 2.5);flex:1;align-items:stretch;min-height:0;display:flex}.power{width:calc(var(--u) * 5);margin-left:calc(var(--u) * -2);justify-content:center;align-items:center;gap:calc(var(--u) * 1);color:#9da0ae;font-size:calc(var(--u) * 1.6);letter-spacing:.05em;writing-mode:vertical-rl;flex-direction:column;display:flex;transform:rotate(180deg)}.led{width:calc(var(--u) * 2);height:calc(var(--u) * 2);background:radial-gradient(circle at 35% 35%,#6a3434,#3a1414 60%);border-radius:50%;transition:background .2s,box-shadow .2s}#device.powered .led{background:radial-gradient(circle at 35% 35%, #ffb3b3, var(--led) 45%, #8a1010);box-shadow:0 0 calc(var(--u) * 2) #ff3c3cbf}#game.classic{filter:url(#classic-lcd)}#screen{border-radius:calc(var(--u) * .6);min-width:0;box-shadow:0 0 0 calc(var(--u) * .5) #22252d, inset 0 0 calc(var(--u) * 3) #0009;background:#132a17;flex:1;position:relative;overflow:hidden}#game{width:100%;height:100%;image-rendering:pixelated;touch-action:none;position:absolute;inset:0}#screen:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff12,#0000 35%);position:absolute;inset:0}.brand{padding:calc(var(--u) * 2.2) 0 calc(var(--u) * 1) calc(var(--u) * 1);color:var(--label);grid-area:brand;font-style:italic;line-height:1}.brand-a{font-size:calc(var(--u) * 4.2);margin-right:calc(var(--u) * 1.2);font-weight:700}.brand-b{font-size:calc(var(--u) * 5.6);letter-spacing:.04em;font-weight:900}.dpad{width:calc(var(--u) * 36);height:calc(var(--u) * 36);margin:calc(var(--u) * 3) 0 0 calc(var(--u) * 1);touch-action:none;cursor:pointer;background:radial-gradient(circle,#0000001f 55%,#0000 70%);border-radius:50%;grid-area:dpad;place-self:center start;position:relative}.dpad .arm,.dpad .hub{background:linear-gradient(180deg, var(--dpad-hi), var(--dpad));box-shadow:0 calc(var(--u) * .8) 0 #17181c;position:absolute}.dpad .arm{--w:calc(var(--u) * 11);--l:calc(var(--u) * 13);border-radius:calc(var(--u) * 1.2);transition:transform 40ms}.dpad .up,.dpad .down{width:var(--w);height:var(--l);left:calc(50% - var(--w) / 2)}.dpad .left,.dpad .right{width:var(--l);height:var(--w);top:calc(50% - var(--w) / 2)}.dpad .up{top:calc(var(--u) * 1.5)}.dpad .down{bottom:calc(var(--u) * 1.5)}.dpad .left{left:calc(var(--u) * 1.5)}.dpad .right{right:calc(var(--u) * 1.5)}.dpad .hub{width:calc(var(--u) * 11.4);height:calc(var(--u) * 11.4);left:calc(50% - var(--u) * 5.7);top:calc(50% - var(--u) * 5.7);box-shadow:none;background:radial-gradient(circle, #232429 30%, var(--dpad) 32%)}.dpad .arm.pressed{transform:translateY(calc(var(--u) * .5));box-shadow:0 calc(var(--u) * .3) 0 #17181c;filter:brightness(.85)}.ab{place-self:center end;gap:calc(var(--u) * 4);margin:calc(var(--u) * 3) calc(var(--u) * 1) 0 0;padding:calc(var(--u) * 2);border-radius:calc(var(--u) * 12);background:#00000012;grid-area:ab;align-items:flex-start;display:flex;transform:rotate(-25deg)}.btn-wrap{align-items:center;gap:calc(var(--u) * 1.2);flex-direction:column;display:flex}.btn-wrap span,.pill-wrap span{color:var(--label);font-weight:800;font-size:calc(var(--u) * 3.2);letter-spacing:.08em}.btn-wrap button{width:calc(var(--u) * 15);height:calc(var(--u) * 15);background:radial-gradient(circle at 38% 32%, var(--ab-hi), var(--ab) 55%, var(--ab-lo));box-shadow:0 calc(var(--u) * 1) 0 #4d1228, 0 calc(var(--u) * 1.6) calc(var(--u) * 1.6) #00000059;touch-action:none;border-radius:50%;transition:transform 40ms}.btn-wrap button.pressed{transform:translateY(calc(var(--u) * .8));box-shadow:0 calc(var(--u) * .2) 0 #4d1228;filter:brightness(.9)}.aux{place-self:start;align-items:flex-start;gap:calc(var(--u) * 3);margin:calc(var(--u) * 1) 0 0 calc(var(--u) * 1);transform-origin:0;grid-area:ab;display:flex;transform:rotate(-25deg)}.aux-wrap{align-items:center;gap:calc(var(--u) * 1);flex-direction:column;display:flex}.aux-wrap span{color:var(--label);font-weight:800;font-size:calc(var(--u) * 2.4);letter-spacing:.08em}.aux-wrap button{width:calc(var(--u) * 8);height:calc(var(--u) * 8);background:radial-gradient(circle at 38% 32%, #8f8d8a, var(--pill) 55%, #55534f);box-shadow:0 calc(var(--u) * .6) 0 #4a4845, 0 calc(var(--u) * 1) calc(var(--u) * 1) #0000004d;touch-action:none;border-radius:50%;place-items:center;display:grid;position:relative}.aux-wrap button:before{content:"";inset:calc(var(--u) * -2.5);position:absolute}.aux-wrap button.pressed{transform:translateY(calc(var(--u) * .5));box-shadow:0 calc(var(--u) * .1) 0 #4a4845}.aux-led{width:calc(var(--u) * 2.2);height:calc(var(--u) * 2.2);box-shadow:inset 0 calc(var(--u) * .3) calc(var(--u) * .4) #00000080;background:#3b3a38;border-radius:50%;transition:background .12s,box-shadow .12s}#device.in-match .talk-led{background:#2f5b33}#device.mic-on .talk-led,#device.mode-ready .mode-led{box-shadow:0 0 calc(var(--u) * 1.5) #6dff7a, 0 0 calc(var(--u) * 3) #6dff7a80;background:#6dff7a}#device.mode-ready.mode-on .mode-led{box-shadow:0 0 calc(var(--u) * 1.5) #ffb347, 0 0 calc(var(--u) * 3) #ffb34780;background:#ffb347}.menu{justify-content:center;gap:calc(var(--u) * 7);padding:calc(var(--u) * 5) 0 0;margin-right:calc(var(--u) * 8);grid-area:menu;display:flex}.pill-wrap{align-items:center;gap:calc(var(--u) * 1);flex-direction:column;display:flex;transform:rotate(-25deg)}.pill-wrap span{font-size:calc(var(--u) * 2.4)}.pill-wrap button{width:calc(var(--u) * 13);height:calc(var(--u) * 3.6);border-radius:calc(var(--u) * 2);background:linear-gradient(180deg, #8f8d8a, var(--pill));box-shadow:inset 0 0 0 calc(var(--u) * .5) #0000002e, 0 calc(var(--u) * .5) 0 #55534f;touch-action:none;position:relative}.pill-wrap button:before{content:"";inset:calc(var(--u) * -3) calc(var(--u) * -2);position:absolute}.pill-wrap button.pressed{transform:translateY(calc(var(--u) * .4));box-shadow:0 calc(var(--u) * .1) 0 #55534f}.speaker{right:calc(var(--u) * 7);bottom:calc(var(--u) * 7);gap:calc(var(--u) * 1.6);pointer-events:none;display:flex;position:absolute;transform:rotate(-28deg)}.speaker i{width:calc(var(--u) * 1.3);height:calc(var(--u) * 11);border-radius:calc(var(--u) * 1);box-shadow:inset 0 calc(var(--u) * .4) calc(var(--u) * .4) #00000059;background:#00000038}@media (orientation:landscape) and (height<=560px){#device{--u:1.15cqh;--du:1.15dvh;width:100vw;height:100dvh;box-shadow:none;padding:max(calc(var(--du) * 3), env(safe-area-inset-top)) max(calc(var(--du) * 4), env(safe-area-inset-right)) max(calc(var(--du) * 2), env(safe-area-inset-bottom)) max(calc(var(--du) * 4), env(safe-area-inset-left));column-gap:calc(var(--du) * 4);border-radius:0;grid-template:"dpad bezel ab"minmax(0,1fr)"brand menu speaker"/1fr auto 1fr}.bezel{aspect-ratio:1.05;height:100%}.dpad,.ab{justify-self:center;margin:0}.aux{margin:0 calc(var(--u) * 30) calc(var(--u) * 34) 0;place-self:center}.brand{place-self:center;padding:0}.menu{padding:calc(var(--u) * 1) 0 0;margin:0}.speaker{display:none}}#manual{z-index:10;background:#e4dcc6;flex-direction:column;display:flex;position:fixed;inset:0}#manual[hidden]{display:none}.manual-bar{padding:max(8px, env(safe-area-inset-top)) 12px 8px;background:var(--bezel-lo);color:#d9dbe4;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.manual-bar button{background:var(--ab);color:#fff;letter-spacing:.08em;box-shadow:0 2px 0 var(--ab-lo);border-radius:6px;padding:8px 12px;font-size:12px;font-weight:800}#manual-frame{background:#f3eedf;border:0;flex:1;width:100%}.turnstile{z-index:100;background:#08160cbf;place-items:center;display:none;position:fixed;inset:0}.turnstile.show{display:grid}