:root{--game-width:min(calc(100vw - 12px), calc((100dvh - 102px) * 16 / 9));color:#f5f3e9;font-synthesis:none;overscroll-behavior:none;background:#0b1013;font-family:Verdana,Geneva,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#274550,#0b1013 65%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit;touch-action:none;-webkit-user-select:none;user-select:none}.cabinet{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;margin:0 auto;padding:4px 6px;display:flex}.marquee{width:var(--game-width);color:#69d4f5;text-align:center;letter-spacing:2px;background:#10161a;border:5px solid #28444d;border-bottom:0;justify-content:center;align-items:center;gap:clamp(16px,3vw,38px);height:60px;padding:3px 16px;font:900 clamp(18px,2.4vw,34px) Verdana,Geneva,sans-serif;display:flex}.marquee img{object-fit:contain;width:clamp(100px,13vw,150px);height:48px}.marquee span{color:#f46b32}.marquee small{color:#f5f3e9;letter-spacing:1.5px;margin-top:3px;font-size:.34em;display:block}.screen-wrap{width:var(--game-width);aspect-ratio:16/9;background:#10161a;border:8px solid #28444d;box-shadow:0 18px 50px #0009,inset 0 0 30px #000}canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.help{width:var(--game-width);color:#b5c1c5;text-align:center;background:#10161a;height:34px;padding:7px 8px;font-size:clamp(11px,1.1vw,15px);font-weight:800}.vs-modal{z-index:20;background:#06090cdc;place-items:center;padding:18px;position:fixed;inset:0}.vs-modal:not([hidden]){display:grid}.vs-card{background:#10161a;border:7px solid #69d4f5;width:min(520px,100%);padding:26px;box-shadow:0 18px 60px #000}.vs-card h2{color:#f46b32;text-align:center;margin:0 0 8px;font-size:clamp(26px,6vw,42px)}.vs-card p{color:#79c267;text-align:center;min-height:44px;font-weight:900}.vs-card label{color:#69d4f5;gap:7px;margin:15px 0;font-weight:900;display:grid}.vs-card input,.vs-card select{color:#f5f3e9;text-transform:uppercase;background:#17262d;border:3px solid #28444d;width:100%;padding:12px;font:900 20px Verdana,Geneva,sans-serif}.vs-card input:focus-visible,.vs-card select:focus-visible{outline-offset:3px;border-color:#69d4f5;outline:5px solid #f5f3e9}.vs-card .controller-focus{outline-offset:3px;border-color:#f46b32;outline:5px solid #f5f3e9;box-shadow:0 0 0 4px #69d4f566}.vs-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.vs-actions button{color:#f5f3e9;cursor:pointer;background:#28444d;border:3px solid #28444d;min-height:52px;font-weight:900}.vs-actions button:focus-visible{outline-offset:3px;outline:5px solid #f5f3e9}.vs-actions button[data-vs=host],.vs-actions button[data-vs=start]{color:#10161a;background:#f46b32}.vs-actions button[data-vs=join]{color:#10161a;background:#69d4f5}.touch{touch-action:none;overscroll-behavior:none;justify-content:space-between;align-items:center;width:min(720px,100%);padding:15px 25px;display:none}.actions{align-items:center;gap:18px;display:flex}.dpad{--stick-x:0px;--stick-y:0px;touch-action:none;cursor:grab;background:radial-gradient(circle,#20373e 0 29%,#17262d 30% 66%,#20373e 67%);border:5px solid #395c66;border-radius:50%;flex:0 0 142px;width:142px;height:142px;position:relative;box-shadow:inset 0 0 0 4px #10161a88,0 6px #080d10}.dpad:active{cursor:grabbing}.touch button{color:#f5f3e9;background:#28444d;border:0;border-radius:7px;width:58px;height:50px;font-weight:700;box-shadow:0 5px #10161a}.touch button:active{transform:translateY(4px);box-shadow:0 1px #17142c}.dpad>span{z-index:1;color:#69d4f5aa;pointer-events:none;font-size:14px;position:absolute}.dpad-up{top:7px;left:59px}.dpad-left{top:57px;left:8px}.dpad-down{bottom:7px;left:59px}.dpad-right{top:57px;right:8px}.joystick-knob{z-index:2;width:58px;height:58px;transform:translate(calc(-50% + var(--stick-x)),calc(-50% + var(--stick-y)));pointer-events:none;background:radial-gradient(circle at 36% 30%,#456773,#28444d 65%);border:4px solid #4d747f;border-radius:50%;transition:transform 45ms linear;position:absolute;top:50%;left:50%;box-shadow:0 5px 8px #0008,inset 0 3px 5px #ffffff18}.touch .a-button{background:#f46b32;border-radius:50%;width:76px;height:76px;font-size:28px}.touch .b-button{background:#28444d;border-radius:50%;width:62px;height:62px;font-size:23px;position:relative}.touch .b-button:after{content:"RUN";color:#91a2a8;letter-spacing:1px;font-size:10px;position:absolute;top:65px;left:50%;transform:translate(-50%)}.touch .b-button.is-active{color:#10161a;background:#69d4f5;transform:translateY(3px);box-shadow:0 2px #10161a,0 0 16px #69d4f599}.touch .b-button.is-active:after{color:#69d4f5;content:"RUN ON";white-space:nowrap}@media (pointer:coarse),(width<=700px){:root{--game-width:min(100%,calc((100dvh - 175px) * 16 / 9))}body{overscroll-behavior:none;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.touch{display:flex}.cabinet{justify-content:flex-start;height:100dvh;min-height:0;padding:4px;overflow:hidden}.help{display:none}.vs-card{padding:18px}.vs-actions{grid-template-columns:1fr}}@media (display-mode:fullscreen){:root{--game-width:min(100vw,calc((100dvh - 94px) * 16 / 9))}.cabinet{padding:0}}