:root{color:#eef8ff;background:#07111f;font-family:Inter,Noto Sans JP,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root,.app-shell{width:100%;height:100%;margin:0;overflow:hidden}.app-shell{position:relative;-webkit-user-select:none;user-select:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hp-panel{position:absolute;top:18px;width:min(34vw,360px);padding:10px 12px;border:1px solid rgb(220 240 255 / 32%);border-radius:8px;background:#030a14c2;box-shadow:0 4px 18px #0000004d}.local-hp{left:18px}.opponent-hp{right:18px}.hp-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:700}.hp-track{width:100%;height:12px;overflow:hidden;border-radius:3px;background:#263141}.hp-fill{height:100%;transition:width .1s linear}.hp-fill-local{background:#2799ff}.hp-fill-opponent{background:#ef4458}.cost-gauge{margin-top:8px;padding:4px 6px;border-radius:5px;transition:background .12s linear,box-shadow .12s linear}.cost-label{display:flex;justify-content:space-between;margin-bottom:4px;color:#ffdd8a;font-size:11px;font-weight:700;letter-spacing:.04em}.cost-track{position:relative;width:78%;height:9px;overflow:hidden;border-radius:3px;background:#2a2415;transition:width .2s ease-out}.cost-fill{position:relative;height:100%;background:linear-gradient(90deg,#d9a028,#ffd45f);transition:width .1s linear}.cost-extension{position:absolute;top:0;right:0;bottom:0;background:#ffdc8229}.cost-base-notch{position:absolute;top:-1px;bottom:-1px;width:2px;background:#ffe9b0;box-shadow:0 0 3px #ffe9b0cc}.cost-bonus{color:#ffe9b0}.cost-blocked{background:#f0465852;box-shadow:0 0 0 1px #ff7882b3}.economy-row{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:12px;font-weight:700}.economy-gold{color:#ffd45f}.economy-level{color:#cfe6f5}.level-up-flash{animation:level-up-pop .9s ease-out;color:#ffd45f}@keyframes level-up-pop{0%{transform:scale(1.5);text-shadow:0 0 10px rgb(255 212 95 / 90%)}to{transform:scale(1);text-shadow:none}}.xp-track{flex:1;height:6px;overflow:hidden;border-radius:3px;background:#223047}.xp-fill{height:100%;background:linear-gradient(90deg,#7fd4ff,#bfe9ff);transition:width .2s linear}.shop-panel{position:absolute;right:18px;bottom:16px;width:min(34vw,300px);padding:10px 12px;border:1px solid rgb(220 240 255 / 32%);border-radius:8px;background:#030a14c7;box-shadow:0 4px 18px #0000004d;font-size:12px}.shop-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:700}.shop-row{display:grid;grid-template-columns:22px 1fr auto auto;gap:8px;align-items:baseline;margin-top:4px}.shop-row-disabled{opacity:.55}.shop-name{font-weight:600}.shop-price{color:#ffd45f}.shop-stacks{color:#8ba4b6}.shop-section{margin-top:8px;padding-top:6px;border-top:1px solid rgb(220 240 255 / 18%)}.shop-section-label{font-size:11px;font-weight:700;color:#8ba4b6;margin-bottom:2px}.shop-section-downtime{border-radius:6px;padding:6px 6px 4px;margin-top:8px;background:#7fd4ff1f;box-shadow:0 0 0 1px #7fd4ff73}.shop-section-downtime .shop-section-label{color:#7fd4ff}.shop-cap-note{grid-column:2 / -1;color:#ffb9c1;font-size:11px}.shop-blocked{margin-top:6px;padding:4px 6px;border-radius:5px;background:#f046584d;box-shadow:0 0 0 1px #ff7882a6;color:#ffd3d8;font-weight:700}.instructions{position:absolute;top:18px;left:50%;padding:7px 12px;border-radius:6px;color:#d8e8f5;background:#030a14b8;font-size:12px;transform:translate(-50%)}.skill-panel{position:absolute;bottom:16px;left:50%;width:min(76vw,700px);padding:10px 14px;border:1px solid rgb(220 240 255 / 32%);border-radius:8px;background:#030a14c7;box-shadow:0 4px 18px #0000004d;font-size:12px;transform:translate(-50%)}.skill-panel-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:700}.skill-ammo{color:#bfe9ff}.skill-ammo.ammo-spread,.skill-ammo.ammo-slug{color:#ffd27f}.skill-ammo.ammo-drone{color:#63e6ff}.skill-row{display:grid;grid-template-columns:24px 230px 1fr;gap:8px;align-items:baseline;margin-top:4px}.skill-key{display:inline-block;border:1px solid rgb(220 240 255 / 45%);border-radius:4px;background:#1e3046cc;font-weight:700;text-align:center}.skill-name{color:#eef8ff;font-weight:600}.skill-desc{color:#eef8ffb8}.hp-track-unknown{background:repeating-linear-gradient(-45deg,#263141 0,#263141 8px,#1b2534 8px,#1b2534 16px);opacity:.6}.respawn-overlay{position:absolute;top:38%;left:50%;padding:14px 26px;border:1px solid rgb(255 120 130 / 55%);border-radius:10px;background:#0a0408c7;text-align:center;transform:translate(-50%,-50%)}.respawn-title{color:#ffd3d8;font-size:16px;font-weight:700}.respawn-timer{margin-top:6px;color:#eef8ff;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.match-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#0308109e}.match-over-title{font-size:64px;font-weight:900;letter-spacing:.18em;text-shadow:0 4px 24px rgb(0 0 0 / 60%)}.match-over-victory .match-over-title{color:#7fd4ff}.match-over-defeat .match-over-title{color:#ff8b98}.match-over-sub{color:#d8e8f5;font-size:15px}.match-over-button{margin-top:14px;padding:9px 18px;border:1px solid rgb(220 240 255 / 45%);border-radius:6px;background:#17283aeb;color:#eef8ff;font:inherit;font-weight:700;cursor:pointer;pointer-events:auto}.match-over-button:hover{background:#263e58f2}.debug-overlay{position:absolute;bottom:18px;left:18px;min-width:260px;padding:10px 12px;border:1px solid rgb(220 240 255 / 25%);border-radius:6px;background:#030a14d1;color:#bcd0df;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.debug-sub{padding-left:1em;color:#8ba4b6}.debug-reset{margin-top:6px;padding:3px 8px;border:1px solid rgb(220 240 255 / 35%);border-radius:4px;background:#17283ae5;color:#cfe6f5;font:inherit;cursor:pointer;pointer-events:auto}.connection-status{max-width:340px;margin-top:4px;color:#7ee3a1;overflow-wrap:anywhere}.status-error,.status-aborted,.status-closed{color:#ff9c9c}.auth-gate{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.auth-gate-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(86vw,280px);padding:24px 22px;border:1px solid rgb(220 240 255 / 32%);border-radius:10px;background:#030a14e0;box-shadow:0 8px 28px #0006;text-align:center}.auth-gate-symbol{margin-bottom:4px;font-size:34px}.auth-gate-label{font-size:12px;font-weight:700;color:#8ba4b6;letter-spacing:.04em}.auth-gate-input{padding:8px 10px;border:1px solid rgb(220 240 255 / 35%);border-radius:6px;background:#17283ae5;color:#eef8ff;font:inherit;text-align:center}.auth-gate-input:focus{outline:2px solid rgb(127 212 255 / 70%);outline-offset:1px}.auth-gate-button{padding:9px 18px;border:1px solid rgb(220 240 255 / 45%);border-radius:6px;background:#263e58f2;color:#eef8ff;font:inherit;font-weight:700;cursor:pointer}.auth-gate-button:disabled{opacity:.5;cursor:default}.auth-gate-button:not(:disabled):hover{background:#304c6af2}.auth-gate-error{color:#ff9c9c;font-size:13px}@media(max-width:700px){.hp-panel{width:calc(50vw - 24px)}.instructions{display:none}}