:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{-webkit-user-select:none;user-select:none;background:#0a0f1e;width:100%;height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#scene{width:100%;height:100%;display:block}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud-fighter{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a10229e;border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 26px 10px;display:flex;position:absolute;bottom:22px;box-shadow:0 10px 30px #0006}.hud-fighter.p1{border-color:#ff7bbf80;left:24px}.hud-fighter.p2{border-color:#66b3ff80;right:24px}.hud-name{letter-spacing:3px;font-size:14px;font-weight:700}.hud-percent{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 12px #00000080;font-size:50px;font-weight:800;line-height:1}.hud-percent .pct{font-size:.5em}.hud-stocks{gap:8px;margin-top:4px;display:flex}.hud-stock{border-radius:50%;width:13px;height:13px;box-shadow:0 0 8px #0006}.hud-stock.lost{box-shadow:none}.hud-menu-btn{height:46px;font:inherit;letter-spacing:2px;color:#ffffffe0;cursor:pointer;pointer-events:auto;z-index:40;background:#0a10229e;border:1.5px solid #ffffff40;border-radius:12px;padding:0 18px;font-size:13px;font-weight:800;display:none;position:fixed;top:14px;right:68px;box-shadow:inset 0 1px #ffffff38,0 4px 12px #00000073}.hud-menu-btn.show{display:block}.hud-menu-btn:hover{background:#161e38d9;transform:translateY(-1px)}.hud-menu-btn:active{transform:translateY(1px)}.hud-confirm{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:45;pointer-events:auto;background:#060a16b8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.hud-confirm.show{display:flex}.confirm-card{text-align:center;background:#0c1224eb;border:1.5px solid #fff3;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:28px 38px 22px;display:flex;box-shadow:0 18px 50px #0009}.confirm-card h2{letter-spacing:5px;color:#fff;font-size:34px;font-weight:900}.confirm-card p{color:#ffffffb8;font-size:15px}.confirm-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.confirm-hint{letter-spacing:1px;color:#ffffff73;margin-top:4px;font-size:12px}.hud-result{z-index:25;pointer-events:none;background:#060a16c7;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:fixed;inset:0}.hud-result.show{display:flex}.hud-result h1{letter-spacing:3px;text-shadow:0 4px 30px #00000080;font-size:72px;font-weight:900}.hud-result p{color:#ffffffbf;font-size:16px}.label-layer{pointer-events:none;z-index:8;position:fixed;inset:0}.p-tag{border:1.5px solid var(--pc);box-shadow:0 0 12px color-mix(in srgb, var(--pc) 55%, transparent);will-change:transform;background:#080c18b3;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;display:flex;position:absolute;top:0;left:0}.p-letter{color:var(--pc);text-shadow:0 0 8px var(--pc);font-size:34px;font-weight:800;line-height:30px}.seg7{width:18px;height:30px;position:relative}.seg{background:#ffffff14;border-radius:1.5px;position:absolute}.seg.on{background:var(--pc);box-shadow:0 0 6px var(--pc)}.seg-a{width:10px;height:4px;top:0;left:4px}.seg-g{width:10px;height:4px;top:13px;left:4px}.seg-d{width:10px;height:4px;top:26px;left:4px}.seg-f{width:4px;height:9px;top:4px;left:0}.seg-b{width:4px;height:9px;top:4px;left:14px}.seg-e{width:4px;height:9px;top:17px;left:0}.seg-c{width:4px;height:9px;top:17px;left:14px}.start-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;text-align:center;background:#060a16d1;display:none;position:fixed;inset:0;overflow-y:auto}.start-screen.show{display:block}.start-inner{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100%;padding:24px;display:flex}.start-title{letter-spacing:4px;color:#fff;text-shadow:0 6px 40px #ff7bbf66;font-size:clamp(40px,9vw,84px);font-weight:900}.start-title span{color:#ff7bbf}.start-sub{color:#ffffffb8;margin-top:-8px;font-size:16px}.opt-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.opt-label{letter-spacing:2px;color:#ffffff8c;margin-right:2px;font-size:13px}.opt{font:inherit;letter-spacing:.4px;color:#eaf2ff;cursor:pointer;background:linear-gradient(#4a5c85 0%,#2b3552 100%);border:none;border-radius:13px;padding:11px 22px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms,filter .12s;transform:translateY(0);box-shadow:inset 0 1.5px #ffffff59,inset 0 -4px 7px #00000047,0 5px #171d31,0 9px 16px #00000080}.opt:hover{filter:brightness(1.13);transform:translateY(-2px);box-shadow:inset 0 1.5px #ffffff6b,inset 0 -4px 7px #00000047,0 7px #171d31,0 13px 22px #0000008c}.opt:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff40,inset 0 3px 7px #0006,0 1px #171d31,0 3px 6px #00000073}.opt.selected{color:#4a3200;background:linear-gradient(#ffec92 0%,#ffcb34 100%);transform:translateY(3px);box-shadow:inset 0 1.5px #ffffffa6,inset 0 3px 9px #965a0066,0 2px #b3811f,0 5px 12px #ffbe3c73}.start-btn,.hud-result .opt,.hud-confirm .opt{pointer-events:auto}.start-btn{letter-spacing:2px;margin-top:2px;padding:13px 44px;font-size:19px}.pick-label{text-align:right;min-width:42px;font-weight:800}.char-opt{flex-direction:column;align-items:center;gap:3px;width:92px;padding:8px 8px 7px;display:flex}.char-thumb{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px #0000008c);width:68px;height:68px;display:block}.char-name{letter-spacing:.3px;font-size:13px;font-weight:800}.char-opt.selected{color:#12182a;background:linear-gradient(180deg, color-mix(in srgb, var(--ca) 78%, white) 0%, var(--ca) 100%);box-shadow:inset 0 1.5px 0 #fff9, inset 0 3px 9px color-mix(in srgb, var(--ca) 55%, black), 0 2px 0 color-mix(in srgb, var(--ca) 45%, black), 0 5px 12px color-mix(in srgb, var(--ca) 45%, transparent)}.stage-picker{flex-direction:column;align-items:center;gap:9px;display:flex}.stage-cards{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.stage-card{font:inherit;cursor:pointer;color:#eaf2ff;text-align:center;background:linear-gradient(#38455f 0%,#232c44 100%);border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:stretch;gap:0;width:176px;padding:7px 7px 10px;transition:transform 90ms,box-shadow 90ms,border-color 90ms;display:flex;box-shadow:inset 0 1.5px #ffffff38,0 5px #171d31,0 10px 18px #00000080}.stage-card:hover{filter:brightness(1.1);transform:translateY(-2px)}.stage-card.selected{border-color:#ffcb34;transform:translateY(3px);box-shadow:inset 0 1.5px #ffffff4d,0 2px #b3811f,0 5px 16px #ffbe3c73}.sc-thumb{border-radius:8px;line-height:0;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #00000073}.sc-thumb svg,.sc-thumb img{width:100%;height:auto;display:block}.sc-name{letter-spacing:.6px;margin-top:8px;font-size:15px;font-weight:800;display:block}.sc-blurb{color:#fff9;margin-top:3px;font-size:11px;line-height:1.35;display:block}.stage-card.selected .sc-name{color:#ffe066}.start-controls{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.control-card{border:1.5px solid var(--pc);min-width:220px;box-shadow:0 0 20px color-mix(in srgb, var(--pc) 30%, transparent);background:#0c1224b3;border-radius:14px;padding:16px 20px}.cc-title{letter-spacing:2px;margin-bottom:10px;font-size:22px;font-weight:800}.ctrl-row{color:#ffffffd1;justify-content:space-between;align-items:center;gap:16px;padding:3px 0;font-size:14px;display:flex}.ctrl-row kbd{color:#1a2138;background:linear-gradient(#fff 0%,#d3d9e6 100%);border:none;border-radius:7px;padding:3px 10px;font-family:Consolas,monospace;font-size:13px;font-weight:700;box-shadow:inset 0 1px #fff,0 3px #98a1b4,0 4px 6px #0006}.start-prompt{color:#fff;margin-top:6px;font-size:18px;animation:1.2s ease-in-out infinite pulse}.start-prompt b{color:#ffe066}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.mute-btn{cursor:pointer;z-index:40;background:#0a10229e;border:1.5px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;line-height:1;transition:transform .1s,background .12s;display:flex;position:fixed;top:14px;right:14px;box-shadow:inset 0 1px #ffffff38,0 4px 12px #00000073}.mute-btn:hover{background:#161e38d9;transform:translateY(-1px)}.mute-btn:active{transform:translateY(1px)}#status{color:#fffc;z-index:15;background:#0a102299;border-radius:10px;padding:6px 14px;font-size:13px;transition:opacity .4s;position:fixed;top:18px;left:50%;transform:translate(-50%)}#status.hidden{opacity:0}