html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#07131f;color:#f7fbff;touch-action:none;overscroll-behavior:none;font-family:Arial,sans-serif}canvas{display:block}.game-hud{position:fixed;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:40;max-width:calc(100vw - 28px);pointer-events:none;text-shadow:0 2px 4px #07131f,0 0 5px #07131f}.game-hud[hidden],.hud-network[hidden]{display:none}.hud-place{color:#fff7b3;font-size:18px;font-weight:700}.hud-network{margin-top:5px;color:#b9d4df;font-size:12px;line-height:1.35}.hud-network span:not(.net-status):before{margin:0 5px;color:#63889a;content:"·"}.net-status{font-weight:700}.network-good{color:#63e6be}.network-warning{color:#ffd166}.network-bad{color:#ff6b7a;font-weight:700}.network-unknown{color:#8fb1c1}.hud-bonuses{margin-top:5px;color:#fff;font-size:14px}.join-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 35%,#123b55,#07131f 64%)}.join-screen[hidden]{display:none}.join-card{box-sizing:border-box;width:min(420px,100%);padding:30px;border:2px solid rgb(101 214 255 / 70%);border-radius:28px;background:#0b2334f0;box-shadow:0 20px 70px #00000073}.join-card h1{margin:0 0 10px;color:#fff176}.join-card p{margin:0 0 22px;color:#b9d4df;line-height:1.45}.mode-title{margin-bottom:5px;color:#fff;font-size:18px;font-weight:700}.mode-description{margin-bottom:16px;color:#8fb1c1;font-size:13px;line-height:1.4}.mode-description-last{margin:8px 4px 0;text-align:center}.join-card label,.join-card input,.join-card button{display:block;box-sizing:border-box;width:100%}.join-card label{margin-bottom:8px;font-size:14px}.join-card input{padding:14px 16px;border:2px solid #31566b;border-radius:14px;outline:none;background:#07131f;color:#fff;font:inherit;font-size:20px}.join-card input:focus{border-color:#65d6ff}.join-card button{margin-top:16px;padding:14px;border:0;border-radius:14px;background:#65d6ff;color:#07131f;font:inherit;font-weight:700;cursor:pointer}.join-card button:disabled{cursor:wait;opacity:.6}.join-card .secondary-button{margin-top:0;border:2px solid #46718a;background:transparent;color:#d9f3ff}.mode-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#63889a;font-size:12px}.mode-divider:before,.mode-divider:after{height:1px;flex:1;background:#29495a;content:""}#join-status{display:block;min-height:20px;margin-top:12px;color:#ffb3bd;font-size:14px}