:root{color-scheme:dark;--bg: #060912;--bg2: #0A1020;--bg3: #0E1628;--ink: #EEF3FF;--ink2: rgba(238,243,255,.74);--ink3: rgba(238,243,255,.52);--ink4: rgba(238,243,255,.32);--line: rgba(160,190,255,.12);--line2: rgba(160,190,255,.2);--blue: #2F62E6;--sky: #4C9BF3;--cyan: #72E4F8;--grad: linear-gradient(180deg,#3567EE 0%,#4A95F3 55%,#78E6F9 100%);--grad-x: linear-gradient(95deg,#3567EE 0%,#4A95F3 50%,#78E6F9 100%);--danger: #FF5E73;--ease: cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden}body{font-family:Nunito,ui-rounded,system-ui,sans-serif;font-weight:500;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:12px}[hidden]{display:none!important}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum"}.label{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}.screen{display:none}.screen.on{display:block}.glass{background:#0c132494;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0f,0 10px 30px #00000040}.kbd{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:6px;border:1px solid var(--line2);border-bottom-width:2px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:var(--ink2);background:#eef3ff0a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:800;white-space:nowrap;transition:transform .2s,filter .2s,background .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:progress}.btn-play{background:var(--grad-x);color:#04101f;font-size:18px;padding:8px 8px 8px 28px;height:60px;box-shadow:0 10px 30px #4c9bf347,inset 0 1px #ffffff73}.btn-play:hover{filter:brightness(1.08)}.btn-play.full{width:100%;justify-content:space-between}.btn-play .chip{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#04101f;color:var(--cyan)}.btn-ghost{height:48px;padding:0 22px;font-size:15px;background:#eef3ff0f;border:1px solid var(--line2)}.btn-ghost:hover{background:#eef3ff1c}#home{position:fixed;inset:0}#home-bg{position:absolute;inset:0;width:100%;height:100%}#home:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 70% at 50% 50%,#06091233,#060912e6)}.home-card{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 32px));border-radius:24px;padding:28px}.mark{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:26px;letter-spacing:-.03em;line-height:1}.mark img{width:32px;height:auto;display:block}.mark .w{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.2em;margin-bottom:-.2em}.home-card h1{font-weight:900;font-size:44px;line-height:1;letter-spacing:-.035em;margin:22px 0 10px}.sub{color:var(--ink2);margin:0 0 22px}#join-form{display:flex;flex-direction:column;gap:8px}#nick{height:52px;border-radius:16px;border:1px solid var(--line2);background:#0609128c;padding:0 16px;font-size:16px;font-weight:700;outline:0;margin-bottom:8px}#nick:focus{border-color:#72e4f880}#nick::placeholder{color:var(--ink4);font-weight:500}.pc-note{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink3);padding:12px 6px 0}.status{min-height:1.5em;margin:10px 0 0;font-size:13px;color:#ffb3bd}#game{position:fixed;inset:0;background:#04060c;cursor:crosshair;user-select:none;-webkit-user-select:none}#stage,#stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;pointer-events:none}.hud-arena{top:18px;left:18px;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 10px;border-radius:999px}.hud-arena img{width:26px}.hud-arena .a{font-weight:900;font-size:14px;line-height:1.1}.hud-arena .p{font-size:11.5px;color:var(--ink3)}.hud-val{top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:10px 22px 10px 18px;border-radius:999px}.hud-val .label{font-size:10px}.hud-val .v{font-size:28px;font-weight:900;letter-spacing:-.03em;line-height:1}.hud-val .s{font-size:13px;color:var(--ink3)}.hud-val .sep{width:1px;height:26px;background:var(--line2)}.lb{top:18px;right:18px;width:236px;border-radius:20px;padding:14px 14px 10px}.lb .label{margin-bottom:8px;display:flex;justify-content:space-between}.lb ol{list-style:none;margin:0;padding:0;font-size:13px}.lb li{display:grid;grid-template-columns:22px 1fr auto;gap:6px;padding:3px 6px;border-radius:8px;color:var(--ink2)}.lb li .rk{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink4);padding-top:1px}.lb li .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.lb li .vl{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--ink)}.lb li.me{background:#72e4f81f;color:var(--ink)}.lb li.me .vl{color:var(--cyan)}.lb li.gap{display:block;text-align:center;color:var(--ink4);padding:0;line-height:1}.boost{bottom:26px;left:50%;transform:translate(-50%);width:340px}.boost .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px}.boost .track{height:10px;border-radius:99px;background:#eef3ff1a;overflow:hidden;border:1px solid rgba(160,190,255,.1)}.boost .fill{height:100%;width:100%;background:var(--grad-x);border-radius:99px;transform-origin:left}.boost.low .fill{background:linear-gradient(90deg,#ff5e73,#ff9a6b)}.hint{font-size:12px;color:var(--ink3);display:flex;gap:6px;align-items:center}.mini{bottom:18px;right:18px;width:148px;height:148px;border-radius:50%;overflow:hidden}.mini canvas{width:100%;height:100%;display:block}.net{bottom:22px;left:18px;font-size:11px;color:var(--ink4)}.toast{top:92px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:800;opacity:0;transition:opacity .4s;white-space:nowrap}.toast.on{opacity:1}.end{position:absolute;inset:0;display:grid;place-items:center;background:#04060c73;animation:fade .35s ease-out both;cursor:default}@keyframes fade{0%{opacity:0}to{opacity:1}}.end-card{width:min(440px,calc(100% - 32px));border-radius:24px;padding:28px;animation:rise .5s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.end-card h2{font-weight:900;font-size:44px;line-height:1;letter-spacing:-.035em;margin:14px 0 12px}.end-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 22px}.end-stats div{border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:#06091259}.end-stats dt{font-size:12px;color:var(--ink3)}.end-stats dd{margin:2px 0 0;font-size:22px;font-weight:700}.end-actions{display:flex;gap:10px;align-items:center}
