.game{-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0;overflow:hidden}.game-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.hud-label{letter-spacing:.1em;text-transform:uppercase;color:var(--soda-text);font-size:10px;font-weight:700}.hud-top{border-radius:100px;align-items:center;gap:16px;max-width:calc(100vw - 24px);padding:8px 10px 8px 20px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-logo{align-items:center;gap:6px;font-size:22px;display:inline-flex}.hud-timer{justify-items:center;line-height:1.1;display:grid}.hud-timer .num{color:var(--text);font-size:20px}.hud-timer .hot{color:var(--cherry-dark)}.hud-online{background:var(--melon-soft);color:var(--melon-text)}.hud-ping{font-family:var(--f-mono);color:var(--muted);min-width:52px;font-size:12px}.hud-ping.bad{color:var(--cherry-dark)}.hud-icon{cursor:pointer;background:#ffffff8c;border:0;border-radius:50%;width:36px;height:36px}.hud-board{border-radius:var(--r-xl);width:230px;padding:10px;font-size:13px;position:absolute;top:14px;right:14px}.tabs{background:#ffffff73;border-radius:100px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px;padding:3px;display:grid}.tabs button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:100px;padding:5px 0;font-size:12px;font-weight:700}.tabs button[aria-selected=true]{background:var(--soda-text);color:var(--on-color)}.hud-board ol{margin:0;padding:0;list-style:none}.hud-board li{border-radius:8px;grid-template-columns:20px 1fr auto;gap:6px;padding:3px 6px;display:grid}.hud-board li.me{background:var(--soda-soft);color:var(--soda-text)}.hud-board .rank{color:var(--muted);font-weight:700}.hud-board li:first-child .rank{color:var(--straw-dark)}.hud-board .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hud-board .you{color:var(--melon-text);margin:6px 6px 0;font-size:12px;font-weight:700}.hud-chat{width:min(360px,100vw - 28px);font-size:13px;position:absolute;bottom:14px;left:14px}.hud-chat ul{gap:2px;margin:0 0 6px;padding:0;list-style:none;display:grid;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.hud-chat li{overflow-wrap:anywhere;background:#fff8e79e;border-radius:12px;width:fit-content;max-width:100%;padding:3px 10px}.hud-chat li b{color:var(--soda-text)}.hud-chat li.sys{background:#ffd54f73}.hud-chat input{opacity:.6;background:#fff8e78c;border:1px solid #fffc;border-radius:100px;width:100%;height:36px;padding:0 14px;transition:opacity .16s,background .16s}.hud-chat.open input,.hud-chat input:focus{opacity:1;box-shadow:var(--focus);background:#fff8e7e6;outline:none}.hud-mass{border-radius:100px;padding:6px 18px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hud-mass .num{color:var(--soda-text);font-size:20px}.touch-actions{flex-direction:column;gap:10px;display:none;position:absolute;bottom:200px;right:16px}.touch-actions button{border:0;border-radius:50%;width:70px;height:70px;font-weight:700}@media (pointer:coarse){.touch-actions{display:flex}}.overlay{background:radial-gradient(#fff8e759,#fff8e70d 70%);place-items:center;padding:16px;animation:.2s fade;display:grid;position:absolute;inset:0}.card{border-radius:var(--r-2xl);text-align:center;justify-items:center;gap:12px;width:min(440px,100%);padding:32px 28px;animation:.26s cubic-bezier(.2,.9,.3,1.2) rise;display:grid}.card h1.logo{margin:0;font-size:56px}.card h2{color:var(--soda-text);margin:0;font-size:26px}.card .tag{color:var(--text-2);margin:0 0 8px;font-size:17px}.overline{letter-spacing:.1em;text-transform:uppercase;color:var(--melon-text);margin:0;font-size:11px;font-weight:700}.stats{gap:28px;margin:4px 0 8px;display:flex}.stats div{display:grid}.stats .num{color:var(--soda-text);font-size:34px}.stats small{color:var(--muted);font-weight:600}.keys{color:var(--text-2);margin:4px 0 0;font-size:12px}kbd{border:1px solid var(--border-strong);font-family:var(--f-mono);background:#ffffffb3;border-radius:6px;padding:1px 6px;font-size:11px}.fine{color:var(--muted);margin:0;font-size:12px}.winners{gap:6px;width:100%;margin:6px 0;padding:0;list-style:none;display:grid}.winners li{border-radius:var(--r-lg);background:#ffffff8c;grid-template-columns:32px 1fr auto;align-items:center;padding:10px 14px;font-weight:700;display:grid}.winners .medal{font-size:20px}.winners .name{text-align:left;font-family:var(--f-mono);font-size:14px}@media (max-width:720px){.hud-board{width:160px;font-size:12px;top:72px}.hud-online,.hud-ping{display:none}.hud-chat{width:calc(100vw - 200px)}}.hud-sector{background:var(--soda-soft);color:var(--soda-text);font-family:var(--f-mono)}.stick{pointer-events:none;background:#fff8e759;border:2px solid #ffffffd9;border-radius:50%;place-items:center;width:128px;height:128px;margin:-64px 0 0 -64px;display:grid;position:absolute;box-shadow:0 10px 30px #3e27231f}.stick-knob{background:radial-gradient(circle at 34% 30%,#e0f7fa,#26c6da 55%,#0097a7);border-radius:50%;width:56px;height:56px;box-shadow:0 6px 16px #0097a759}.keys-touch{display:none}@media (pointer:coarse){.keys-desk{display:none}.keys-touch{display:block}.game-canvas{cursor:default}.touch-actions{bottom:calc(min(180px,24vw) + 36px)}.touch-actions button{width:68px;height:68px;color:var(--soda-text);font-size:14px}.touch-actions button:active{transform:scale(.94)}}@media (max-width:720px){.hud-top{top:max(8px, env(safe-area-inset-top));gap:10px;padding:6px 8px 6px 12px}.hud-logo{gap:0;font-size:0}.hud-logo img{width:26px;height:26px}.hud-timer .num{font-size:17px}.hud-icon{width:32px;height:32px}.hud-board{top:auto;bottom:auto;top:calc(max(8px, env(safe-area-inset-top)) + 58px);width:148px;padding:6px;right:8px}.hud-board li:nth-child(n+6){display:none}.hud-board li{padding:2px 4px}.tabs button{padding:4px 0;font-size:11px}.hud-chat{left:8px;bottom:max(8px, env(safe-area-inset-bottom));width:calc(100vw - min(180px,24vw) - 40px);font-size:12px}.hud-chat ul li:nth-last-child(n+5){display:none}.hud-chat input{height:32px}.hud-mass{bottom:auto;top:calc(max(8px, env(safe-area-inset-top)) + 58px);padding:4px 12px;left:8px;transform:none}.hud-mass .num{font-size:16px}.card{padding:24px 18px}.card h1.logo{font-size:44px}}:root:has(.game){overscroll-behavior:none;overflow:hidden}:root:has(.game) body{overscroll-behavior:none;overflow:hidden}.hud-chat ul{pointer-events:none}.winners{max-height:min(52vh,460px);overflow-y:auto}.winners li{padding:8px 12px}.winners .medal{color:var(--muted);font-size:15px;font-weight:700}.name-field{border:1px solid var(--border-strong);background:#fffc;border-radius:100px;align-items:center;width:min(320px,100%);height:50px;padding:0 18px;transition:box-shadow .16s;display:flex;box-shadow:inset 0 1px 3px #3e27230f}.name-field:focus-within{box-shadow:var(--focus)}.name-field input{min-width:0;font-family:var(--f-mono);text-align:right;background:0 0;border:0;outline:none;flex:1;font-size:17px;font-weight:600}.name-field input::placeholder{color:var(--muted);font-weight:500}.name-suffix{font-family:var(--f-mono);color:var(--soda-text);font-size:17px;font-weight:700}.name-field input:focus-visible{box-shadow:none}