:root{color:#0d1f2d;background:#163f5a;font-family:Inter,ui-rounded,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html,body{overscroll-behavior:none}button,input,select{font:inherit}.planes{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgb(140 210 255 / 18%),transparent 40rem),#163f5a}.planes-home{width:100%;height:100%;overflow-y:auto;padding:clamp(.75rem,2vw,1.5rem)}.planes-primary,.planes-secondary{min-height:2.5rem;padding:.45rem 1rem;border:0;border-radius:999px;font-weight:800;cursor:pointer}.planes-primary{background:#f2c14e;color:#0d1f2d;box-shadow:0 .2rem #b4882a}.planes-secondary{background:#0d1f2d;color:#fff}.planes-primary:disabled,.planes-secondary:disabled{opacity:.55;cursor:default}.planes-menu-screen{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:40rem;margin:0 auto}.planes-menu-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;border-radius:1rem;background:#eaf5fc;box-shadow:0 .4rem #0b2536}.planes-eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em;color:#2a6f97}.planes-title{margin:0;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:900;letter-spacing:.12em}.planes-menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.planes-profile,.planes-open{padding:1rem 1.25rem;border-radius:1rem;background:#eaf5fc;box-shadow:0 .4rem #0b2536}.planes-open h2{margin:0 0 .75rem;font-size:1.2rem}.planes-open-empty{margin:0;color:#4a6274}.planes-open-list{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.planes-open-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem .9rem;border-radius:.75rem;background:#fff}.planes-open-mode{flex:1;font-weight:800}.planes-open-count{color:#4a6274;font-variant-numeric:tabular-nums}.planes-error{margin:0;padding:.6rem 1rem;border-radius:.75rem;background:#ffe1dc;color:#8f2518;font-weight:700}.planes-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#06141eb3}.planes-modal{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:28rem;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.25rem;border-radius:1.1rem;background:#eaf5fc;color:#0d1f2d;box-shadow:0 .4rem #0b2536}.planes-modal h2,.planes-modal h3{margin:0}.planes-modal h3{font-size:.9rem;color:#2a6f97}.planes-segmented{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.planes-segment{min-width:3.4rem;min-height:2.5rem;padding:.3rem .7rem;border:2px solid #0d1f2d;border-radius:.6rem;background:#fff;color:#0d1f2d;font-weight:800;cursor:pointer}.planes-segment.is-selected{background:#0d1f2d;color:#fff}.planes-regions{--region-latency-border: #0b2536;width:100%}.planes-modal-actions{display:flex;gap:.5rem}.planes-game{position:absolute;top:0;right:0;bottom:0;left:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.planes-game-connecting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff}.planes-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.planes-canvas canvas{display:block}.planes-turn{position:absolute;bottom:0;z-index:4;width:min(42vw,15rem);height:min(45vh,15rem);padding:0;border:0;background:none;touch-action:none;-webkit-tap-highlight-color:transparent}.planes-turn.is-left{left:0}.planes-turn.is-right{right:0}.planes-turn-visual{position:absolute;bottom:max(1.25rem,env(safe-area-inset-bottom));display:grid;place-items:center;width:clamp(4.5rem,18vmin,6.5rem);height:clamp(4.5rem,18vmin,6.5rem);border:3px solid rgb(255 255 255 / 55%);border-radius:50%;background:#06141e73;color:#fff;font-size:clamp(2rem,8vmin,3rem);font-weight:900;line-height:1;pointer-events:none}.planes-turn.is-left .planes-turn-visual{left:max(.75rem,env(safe-area-inset-left))}.planes-turn.is-right .planes-turn-visual{right:max(.75rem,env(safe-area-inset-right))}.planes-turn:active .planes-turn-visual{background:#06141ebf;border-color:#fff}@media (hover: hover) and (pointer: fine){.planes-turn{display:none}}.planes-hud{position:absolute;z-index:5;pointer-events:none}.planes-connecting{top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-weight:800}.planes-scoreboard{top:max(.5rem,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:.6rem;padding:.35rem .75rem;border-radius:999px;background:#06141eb8;color:#fff;transform:translate(-50%)}.planes-team-score{display:flex;align-items:center;gap:.35rem}.planes-team-chip{width:.7rem;height:.7rem;border-radius:50%;background:var(--team-color)}.planes-team-name{font-size:.8rem;font-weight:700;opacity:.85}.planes-score{min-width:1.4rem;font-size:1.3rem;text-align:center;font-variant-numeric:tabular-nums}.planes-clock{display:flex;flex-direction:column;align-items:center;font-weight:800;font-variant-numeric:tabular-nums}.planes-ping{font-size:.6rem;font-weight:600;opacity:.7}.planes-menu{position:absolute;top:max(.5rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));z-index:6;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:min(22rem,60vw)}.planes-menu .planes-secondary{min-height:2.2rem;padding:.3rem .8rem;background:#06141eb8;font-size:.85rem}.planes-teams{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:.6rem;border-radius:.8rem;background:#06141ed9;color:#fff}.planes-team-list h3{margin:0 0 .25rem;color:var(--team-color);font-size:.85rem}.planes-team-list ul{display:flex;flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none}.planes-team-list li{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.planes-team-list li.is-local{font-weight:800}.planes-player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planes-bot-tag{padding:0 .3rem;border-radius:.3rem;background:#ffffff2e;font-size:.6rem;font-weight:800}.planes-player-stats{font-variant-numeric:tabular-nums;opacity:.8}.planes-killfeed{position:absolute;top:calc(max(.5rem,env(safe-area-inset-top)) + 9.5rem);right:max(.5rem,env(safe-area-inset-right));z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;margin:0;padding:0;list-style:none;pointer-events:none}.planes-killfeed li{display:flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:.4rem;background:#06141ea6;font-size:.75rem;font-weight:800}.planes-killfeed-icon{color:#fff;opacity:.7}.planes-banner{position:absolute;top:30%;left:50%;z-index:5;padding:.6rem 1.2rem;border-radius:.9rem;background:#06141ec7;color:#fff;font-size:1.2rem;font-weight:800;transform:translate(-50%);pointer-events:none}.planes-finished{display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:auto}.planes-finished strong{font-size:1.6rem}.planes-finished span{font-size:.9rem;opacity:.8}.voice-chat.planes-voice-chat{position:absolute;top:max(.5rem,env(safe-area-inset-top));left:max(.5rem,env(safe-area-inset-left));z-index:5;width:min(8rem,25vw);gap:.25rem;padding:0;border:0;background:none;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 80%)}.planes-voice-chat .voice-chat-actions,.planes-voice-chat .voice-chat-member{opacity:.6;transition:opacity .15s}.planes-voice-chat:hover .voice-chat-actions,.planes-voice-chat:hover .voice-chat-member,.planes-voice-chat:focus-within .voice-chat-actions,.planes-voice-chat .voice-chat-member.speaking{opacity:1}.planes-voice-chat .voice-chat-name,.planes-voice-chat .voice-chat-muted{font-size:.65rem}.planes-voice-chat .voice-chat-actions button{min-height:28px;padding:.1rem .3rem;border:1px solid rgb(0 0 0 / 25%);border-radius:.4rem;background:#0d1f2d;color:#fff;font-size:.7rem}.planes-voice-chat .voice-chat-actions .voice-chat-leave{background:#b23b2e}.planes-voice-chat .voice-chat-actions .voice-chat-join{border-color:#2a9d5c;background:#2a9d5c}.planes-voice-chat .voice-chat-error{color:#ff9d8f;font-size:.65rem}.planes-buff{bottom:max(.75rem,env(safe-area-inset-bottom));left:50%;padding:.25rem .7rem;border:2px solid #3ddc84;border-radius:999px;background:#06141eb8;color:#3ddc84;font-weight:800;font-variant-numeric:tabular-nums;transform:translate(-50%)}