:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#090313;--paper:#fffdf4;--violet:#761cff;--magenta:#ff0f72;--green:#0d4217;--yellow:#ffe51f;font-family:Impact,Haettenschweiler,Arial Black,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}@supports (height:100dvh){html,body,#app{height:100dvh}}body{overscroll-behavior:none;background:#10001e}button{font:inherit}.game-shell{isolation:isolate;background:#10001e;width:100%;height:100%;min-height:420px;position:relative}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.hud-layer,.screen-layer{pointer-events:none;position:absolute;inset:0}.round-timer{color:var(--paper);letter-spacing:-.045em;-webkit-text-stroke:clamp(2px, .45vh, 5px) #090313;paint-order:stroke fill;text-shadow:0 5px #090313,0 8px 14px #00000073;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(60px,11vh,92px);font-weight:900;line-height:.86;transition:transform .12s,color .12s;position:absolute;top:clamp(14px,2.3vh,28px);left:50%;transform:translate(-50%)}.round-timer.is-urgent{color:#fff13a;transform:translate(-50%)scale(1.04)}.player-power-hud{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;max-width:min(72vw,440px);display:flex;position:absolute;top:clamp(92px,13.5vh,118px);left:50%;transform:translate(-50%)}.player-power-hud[hidden],.power-chip[hidden]{display:none}.power-chip{--effect-color:#78ff63;--effect-angle:0deg;border:1px solid color-mix(in srgb, var(--effect-color) 55%, transparent);min-width:0;color:var(--paper);box-shadow:0 8px 24px #0000003d, 0 0 18px color-mix(in srgb, var(--effect-color) 22%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090313c2;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;display:flex}.effect-chip[data-effect=mini]{--effect-color:#ff8ce8}.effect-chip[data-effect=jammer],.effect-chip[data-effect=size-recovery]{--effect-color:#bd78ff}.effect-chip[data-effect=returning],.rescue-chip{--effect-color:#ffe66e}.item-chip[data-item=kinetic-pulse]{--effect-color:#4fe8ff}.item-chip[data-item=repulsor]{--effect-color:#ff9f43}.item-icon{--effect-angle:360deg}.power-icon{width:30px;height:30px;color:var(--effect-color);background:radial-gradient(circle closest-side, #180628 69%, transparent 72%), conic-gradient(var(--effect-color) var(--effect-angle), #ffffff26 0);text-shadow:0 0 10px;border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:900;line-height:1;display:grid}.rescue-icon{--effect-angle:360deg}.power-copy{text-align:left;gap:1px;min-width:0;display:grid}.power-copy strong,.power-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.power-copy strong{color:var(--effect-color);letter-spacing:.11em;font-size:10px}.power-copy small{color:#ffffffad;letter-spacing:.06em;font-size:9px;font-weight:900}.round-banner{color:var(--paper);letter-spacing:.02em;-webkit-text-stroke:clamp(2px, .55vw, 7px) #090313;paint-order:stroke fill;text-shadow:0 8px #090313;opacity:0;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(48px,9vw,116px);transition:opacity .18s,transform .18s;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)scale(.9)}.round-banner.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.status-chip{color:#ffffffd1;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#09031394;border:2px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;max-width:min(48vw,340px);padding:9px 13px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:12px;font-weight:800;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:20px;left:20px;transform:translateY(-8px);box-shadow:0 8px 24px #00000038}.status-chip.is-visible{opacity:1;transform:translateY(0)}.status-chip.is-spectating{top:calc(env(safe-area-inset-top,0px) + 68px);color:#ffdc74;border-color:#ffdc746b;max-width:min(70vw,520px)}.status-dot{background:#65ff8c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #65ff8c}.screen-layer{padding:max(24px, calc(env(safe-area-inset-top,0px) + 12px)) max(24px, calc(env(safe-area-inset-right,0px) + 12px)) max(24px, calc(env(safe-area-inset-bottom,0px) + 12px)) max(24px, calc(env(safe-area-inset-left,0px) + 12px));opacity:0;visibility:hidden;background:radial-gradient(circle at 50% 46%,#0000 0 24%,#07011257 72%),linear-gradient(#0802121f,#08021294);place-items:center;transition:opacity .22s,visibility .22s step-end;display:grid}.screen-layer.is-visible{pointer-events:auto;opacity:1;visibility:visible;transition:opacity .22s,visibility}.menu-card{width:min(94vw,760px);max-height:calc(100% - 32px);color:var(--paper);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(120% 90% at 50% -20%,#761cff42,#0000 60%),linear-gradient(160deg,#220a46eb,#090314f2),#120326;border:1px solid #ffffff29;border-radius:26px;padding:clamp(24px,3.5vw,36px) clamp(24px,4vw,40px);animation:.32s cubic-bezier(.2,.9,.3,1.2) menu-card-in;position:relative;overflow-y:auto;box-shadow:0 32px 90px #0000008c,0 0 0 6px #761cff14,0 0 60px #761cff2e,inset 0 1px #ffffff24}.menu-card:before{content:"";opacity:.85;background:linear-gradient(90deg,#0000,#8bfff2 30%,#ff0f72 70%,#0000);border-radius:999px;height:2px;position:absolute;top:0;left:12%;right:12%}.locale-switcher[hidden]{display:none}@keyframes menu-card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-eyebrow{color:#ffbcf2;letter-spacing:.28em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin:0 0 10px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:12px;font-weight:900;display:flex}.menu-eyebrow:before,.menu-eyebrow:after{content:"";background:linear-gradient(90deg,#0000,#ffbcf2b3);width:26px;height:1px}.menu-eyebrow:after{background:linear-gradient(90deg,#ffbcf2b3,#0000)}.menu-title{letter-spacing:-.05em;-webkit-text-stroke:3px #090313;paint-order:stroke fill;text-shadow:0 6px #090313,0 18px 42px #ff0f7247;margin:0;font-size:clamp(52px,8.5vw,78px);line-height:.84}html[lang=zh-CN] .menu-title{letter-spacing:.04em;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:.96}.menu-copy{color:#ffffffc7;max-width:410px;margin:16px auto 18px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1.65}.controls-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px;display:flex}.controls-row[hidden]{display:none}.control-key{color:#ffffffeb;letter-spacing:.04em;background:linear-gradient(#ffffff24,#ffffff0f);border:1px solid #ffffff42;border-bottom-width:3px;border-radius:9px;justify-content:center;align-items:center;min-width:36px;height:32px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 3px 8px #00000047}.menu-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.menu-settings>.turret-count-panel,.menu-settings>.arena-panel{grid-column:1/-1}.menu-settings[hidden]{display:none}.lobby-card,.room-card{width:min(94vw,760px);max-height:calc(100% - 32px);color:var(--paper);text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(120% 90% at 50% -20%,#4fe8ff33,#0000 60%),linear-gradient(160deg,#180c3ef0,#090314f5),#120326;border:1px solid #ffffff29;border-radius:26px;gap:12px;padding:clamp(18px,2.6vw,26px) clamp(18px,3vw,30px) clamp(16px,2.4vw,24px);animation:.32s cubic-bezier(.2,.9,.3,1.2) menu-card-in;display:grid;position:relative;overflow-y:auto;box-shadow:0 32px 90px #0000008c,0 0 0 6px #4fe8ff12,0 0 60px #4fe8ff24,inset 0 1px #ffffff24}.menu-card[hidden],.lobby-card[hidden],.room-card[hidden]{display:none}.board-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.board-heading{min-width:0}.board-eyebrow{color:#8bfff2;letter-spacing:.22em;text-transform:uppercase;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:9px;font-weight:900}.board-title{letter-spacing:-.02em;-webkit-text-stroke:2px #090313;paint-order:stroke fill;text-shadow:0 4px #090313;margin:2px 0 0;font-size:clamp(22px,3.4vw,30px);line-height:1.06}html[lang=zh-CN] .board-title{letter-spacing:.03em;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.board-copy{color:#ffffffb3;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.6}.icon-button{width:40px;height:40px;color:var(--paper);cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;padding:0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:20px;font-weight:900;line-height:1;transition:border-color .14s,background .14s,transform .14s;display:inline-flex}.icon-button:hover{background:#4fe8ff24;border-color:#4fe8ff99}.icon-button:active{transform:translateY(1px)}.icon-button:focus-visible{outline-offset:2px;outline:3px solid #fff}.online-refresh-button{color:#8bfff2;border-width:1px;min-height:34px;padding:6px 12px;font-size:9px}.online-room-list{overscroll-behavior:contain;scrollbar-color:#4fe8ff85 #0000002e;scrollbar-width:thin;gap:7px;max-height:min(38vh,264px);display:grid;overflow-y:auto}.online-room-list:empty{display:none}.online-room-item{min-width:0}.online-room-card{width:100%;min-height:54px;color:var(--paper);text-align:left;cursor:pointer;background:linear-gradient(105deg,#4fe8ff17,#0000 45%),#090313a3;border:1px solid #4fe8ff38;border-radius:12px;grid-template-columns:minmax(118px,.8fr) auto minmax(140px,1.1fr) auto;align-items:center;gap:10px;padding:9px 12px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;transition:border-color .14s,background .14s,transform .14s;display:grid;box-shadow:inset 0 1px #ffffff12}.online-room-card:hover{background:linear-gradient(105deg,#4fe8ff29,#0000 50%),#130523c7;border-color:#4fe8ff94;transform:translateY(-1px)}.online-room-card:focus-visible{outline-offset:2px;border-color:#4fe8ff;outline:3px solid #4fe8ff3d}.online-room-card:disabled{cursor:wait;filter:grayscale(.65);opacity:.46;transform:none}.online-room-card-heading{gap:2px;min-width:0;display:grid}.online-room-card-code{color:#4fe8ff;letter-spacing:.09em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:900}.online-room-card-status{color:#ffe14fd1;letter-spacing:.1em;font-size:8px;font-weight:900}.online-room-card-players{color:#78ff63;letter-spacing:.05em;white-space:nowrap;background:#78ff6314;border:1px solid #78ff6340;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:900}.online-room-card-rules{color:#ffffffa8;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:800;overflow:hidden}.online-room-card-action{color:#8bfff2;letter-spacing:.08em;font-size:9px;font-weight:900}.online-room-list-status{color:#ffffff85;letter-spacing:.04em;min-height:13px;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:9px;font-weight:800}.online-room-list-status[data-phase=error]{color:#ffb14f}.online-entry{border-top:1px solid #ffffff1a;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.3fr) minmax(120px,.8fr);align-items:end;gap:8px;padding-top:4px;display:grid}.online-code-field{text-align:left;gap:4px;min-width:0;display:grid}.online-code-label{color:#ffffff94;letter-spacing:.12em;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:8px;font-weight:900}.online-code-input{width:100%;min-width:0;height:40px;color:var(--paper);letter-spacing:.16em;text-transform:uppercase;background:#090313b8;border:2px solid #ffffff2e;border-radius:10px;outline:none;padding:0 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:900}.online-code-input:focus{border-color:#4fe8ff;box-shadow:0 0 0 3px #4fe8ff26}.online-button{min-height:40px;color:var(--paper);letter-spacing:.06em;cursor:pointer;background:linear-gradient(#ffffff24,#ffffff0f);border:2px solid #ffffff2e;border-radius:10px;padding:7px 12px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:10px;font-weight:900}.online-button:focus-visible{outline-offset:2px;outline:3px solid #fff}.online-create-button,.online-start-button,.room-chat-send{color:#10041c;background:linear-gradient(#8bfff2,#38d6e8);border-color:#090313;box-shadow:0 3px #b52b74}.online-leave-button{color:#ffb1c5;border-color:#ff587e7a}.online-button[hidden]{display:none}.online-button:disabled,.online-code-input:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.46}.room-body{grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);align-items:stretch;gap:12px;display:grid}.room-seats-panel,.room-chat{background:#0000003d;border:1px solid #ffffff1a;border-radius:15px;align-content:start;gap:7px;min-width:0;padding:11px;display:grid;box-shadow:inset 0 2px 10px #0000004d}.room-seats{gap:5px;display:grid}.room-seat{background:#0903138a;border:1px solid #ffffff1f;border-left-width:4px;border-radius:9px;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:34px;padding:6px 9px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;display:flex}.room-seat[data-seat=player]{border-left-color:#ff3b5c}.room-seat[data-seat=orange]{border-left-color:#ff9d2e}.room-seat[data-seat=white]{border-left-color:#eef2ff}.room-seat[data-seat=pink]{border-left-color:#ff7ab8}.room-seat[data-state=empty]{opacity:.52;border-left-color:#ffffff2e}.room-seat-name{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:11px;font-weight:900;overflow:hidden}.room-seat-status{color:#ffffff85;letter-spacing:.08em;font-size:8px;font-weight:900}.room-seat[data-state=online] .room-seat-status{color:#78ff63}.room-seat[data-state=offline] .room-seat-status{color:#ffb14f}.room-seat-badge{color:#ffffffc2;letter-spacing:.1em;border:1px solid #ffffff38;border-radius:999px;padding:2px 6px;font-size:7px;font-weight:900}.room-seat-badge[data-badge=host]{color:#ffe14f;border-color:#ffe14f75}.room-seat-badge[data-badge=you]{color:#4fe8ff;border-color:#4fe8ff85}.online-player-count{color:#ffffff9e;letter-spacing:.05em;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:9px;font-weight:900}.online-room-rules{color:#ffffff9e;letter-spacing:.06em;margin:3px 0 0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:9px;font-weight:800}.online-room-code{color:#4fe8ff;letter-spacing:.12em;-webkit-text-stroke:0;text-shadow:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.room-chat-log{overscroll-behavior:contain;scrollbar-color:#4fe8ff85 #0000002e;scrollbar-width:thin;background:#0903139e;border-radius:10px;align-content:start;gap:5px;min-height:128px;max-height:min(30vh,190px);padding:8px;display:grid;overflow-y:auto}.room-chat-empty{color:#fff6;letter-spacing:.04em;text-align:center;margin:auto;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:9px;font-weight:800}.room-chat-empty[hidden]{display:none}.room-chat-line{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:7px;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;display:grid}.room-chat-author{letter-spacing:.06em;white-space:nowrap;font-size:9px;font-weight:900}.room-chat-line[data-seat=player] .room-chat-author{color:#ff6b85}.room-chat-line[data-seat=orange] .room-chat-author{color:#ff9d2e}.room-chat-line[data-seat=white] .room-chat-author{color:#eef2ff}.room-chat-line[data-seat=pink] .room-chat-author{color:#ff7ab8}.room-chat-text{color:#ffffffd6;overflow-wrap:anywhere;min-width:0;font-size:11px;font-weight:700;line-height:1.5}.room-chat-line.is-local .room-chat-text{color:#fff}.room-chat-form{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.room-chat-input{width:100%;min-width:0;height:40px;color:var(--paper);background:#090313b8;border:2px solid #ffffff2e;border-radius:10px;outline:none;padding:0 11px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:13px;font-weight:700}.room-chat-input:focus{border-color:#4fe8ff;box-shadow:0 0 0 3px #4fe8ff26}.room-chat-input:disabled{cursor:not-allowed;opacity:.5}.room-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.room-result-line{color:#ffe14f;letter-spacing:.05em;text-align:center;background:#ffe14f14;border:1px solid #ffe14f4d;border-radius:11px;margin:0;padding:8px 11px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:11px;font-weight:900}.room-result-line[hidden]{display:none}.room-card.is-finished{gap:8px;padding-block:16px 14px}.room-card.is-finished .room-seats-panel,.room-card.is-finished .room-chat{gap:5px;padding:8px}.room-card.is-finished .room-seats{gap:3px}.room-card.is-finished .room-seat{min-height:28px;padding:4px 7px}.room-card.is-finished .room-chat-log{min-height:76px;max-height:76px}.room-card.is-finished .room-result-line{padding:6px 9px}.room-card.is-finished .room-result-button,.room-card.is-finished .room-actions .online-button{min-height:34px;padding-block:6px}.online-status{color:#ffffff9e;letter-spacing:.04em;min-height:15px;margin:0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:9px;font-weight:800}.online-status[data-phase=connected]{color:#78ff63}.online-status[data-phase=reconnecting],.online-status[data-phase=error]{color:#ffb14f}.settings-button{z-index:2;top:max(20px, calc(env(safe-area-inset-top,0px) + 14px));right:max(20px, calc(env(safe-area-inset-right,0px) + 14px));width:46px;height:46px;color:var(--paper);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c031ab8;border:1px solid #ffffff38;border-radius:14px;justify-content:center;align-items:center;padding:0;transition:border-color .14s,background .14s,transform .2s;display:inline-flex;position:absolute;box-shadow:0 10px 26px #0000006b,inset 0 1px #ffffff24}.settings-button[hidden]{display:none}.settings-button svg{width:24px;height:24px}.settings-button:hover{background:#180830db;border-color:#4fe8ff9e;transform:rotate(35deg)}.settings-button:focus-visible{outline-offset:2px;outline:3px solid #fff}.settings-dialog{z-index:6;padding:max(20px, calc(env(safe-area-inset-top,0px) + 12px)) max(20px, calc(env(safe-area-inset-right,0px) + 12px)) max(20px, calc(env(safe-area-inset-bottom,0px) + 12px)) max(20px, calc(env(safe-area-inset-left,0px) + 12px));place-items:center;display:grid;position:absolute;inset:0}.settings-dialog[hidden]{display:none}.settings-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06010eb8;position:absolute;inset:0}.settings-panel{width:min(94vw,720px);max-height:100%;color:var(--paper);background:radial-gradient(120% 90% at 50% -20%,#761cff42,#0000 60%),linear-gradient(160deg,#220a46f5,#090314f7),#120326;border:1px solid #ffffff29;border-radius:24px;padding:clamp(18px,2.6vw,26px) clamp(18px,3vw,30px);animation:.22s cubic-bezier(.2,.9,.3,1.2) menu-card-in;position:relative;overflow-y:auto;box-shadow:0 32px 90px #0009,inset 0 1px #ffffff24}.online-result-dialog{z-index:7;padding:max(18px, calc(env(safe-area-inset-top,0px) + 10px)) max(18px, calc(env(safe-area-inset-right,0px) + 10px)) max(18px, calc(env(safe-area-inset-bottom,0px) + 10px)) max(18px, calc(env(safe-area-inset-left,0px) + 10px));place-items:center;display:grid;position:absolute;inset:0}.online-result-dialog[hidden]{display:none}.online-result-backdrop{-webkit-backdrop-filter:blur(7px)saturate(.82);backdrop-filter:blur(7px)saturate(.82);background:radial-gradient(circle at 50% 38%,#53189d24,#0000 46%),#06010eb3;position:absolute;inset:0}.online-result-panel{--result-accent:#ff7aa8;--result-accent-soft:#ff7aa82e;width:min(94vw,880px);max-height:100%;color:var(--paper);background:radial-gradient(100% 80% at 50% -16%, var(--result-accent-soft), transparent 62%), linear-gradient(154deg, #200a44f7, #080313fa), #10031f;box-shadow:0 36px 110px #000000ad, 0 0 0 6px #761cff17, 0 0 54px var(--result-accent-soft), inset 0 1px 0 #ffffff26;scrollbar-color:#8bfff273 #0000002e;scrollbar-width:thin;border:1px solid #ffffff2e;border-radius:26px;gap:clamp(10px,1.7vh,16px);padding:clamp(18px,2.4vw,28px);animation:.3s cubic-bezier(.16,.92,.28,1.14) online-result-in;display:grid;position:relative;overflow-y:auto}.online-result-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--result-accent) 24%, #8bfff2 76%, transparent);height:3px;box-shadow:0 0 22px var(--result-accent);border-radius:999px;position:absolute;top:0;left:9%;right:9%}.online-result-panel[data-outcome=victory]{--result-accent:#ffe14f;--result-accent-soft:#ffe14f2e}.online-result-panel[data-outcome=interrupted]{--result-accent:#8bfff2;--result-accent-soft:#8bfff229}@keyframes online-result-in{0%{opacity:0;transform:translateY(18px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}.online-result-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.online-result-heading{min-width:0}.online-result-eyebrow{color:var(--result-accent);letter-spacing:.26em;text-transform:uppercase;margin:0 0 4px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:10px;font-weight:900}.online-result-title{color:var(--paper);letter-spacing:.02em;-webkit-text-stroke:3px #090313;paint-order:stroke fill;text-shadow:0 6px 0 #090313, 0 16px 34px var(--result-accent-soft);margin:0;font-size:clamp(40px,7vw,68px);line-height:.92}html[lang=zh-CN] .online-result-title{letter-spacing:.08em;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.online-result-description{color:#ffffffb8;max-width:610px;margin:9px 0 0;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1.5}.online-result-summary{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.online-result-summary>*{color:#ffffffb3;letter-spacing:.08em;background:#ffffff0f;border:1px solid #ffffff21;border-radius:999px;margin:0;padding:6px 10px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:9px;font-weight:900}.online-result-summary>strong{border-color:color-mix(in srgb, var(--result-accent) 52%, transparent);color:var(--result-accent);background:var(--result-accent-soft);font-size:11px}.online-result-placement[hidden]{display:none}.online-result-scoreboard{background:#04010c75;border:1px solid #ffffff1f;border-radius:16px;min-width:0;overflow:hidden;box-shadow:inset 0 2px 18px #0000003d}.online-result-table-head,.online-result-row{grid-template-columns:58px minmax(190px,1fr) 92px 70px 86px;align-items:center;gap:10px;display:grid}.online-result-table-head{color:#ffffff70;letter-spacing:.14em;background:#ffffff0a;min-height:34px;padding:6px 12px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:8px;font-weight:900}.online-result-table-head>span:not(:nth-child(2)){text-align:center}.online-result-rows{display:grid}.online-result-row{border-top:1px solid #ffffff14;min-height:50px;padding:7px 12px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;position:relative}.online-result-row.is-local{background:linear-gradient(90deg, var(--result-accent-soft), transparent 58%), #ffffff08}.online-result-row.is-local:before{content:"";background:var(--result-accent);width:3px;box-shadow:0 0 14px var(--result-accent);border-radius:999px;position:absolute;top:7px;bottom:7px;left:0}.online-result-rank,.online-result-status,.online-result-eliminations,.online-result-survival{text-align:center;min-width:0}.online-result-rank>span{color:var(--result-accent);font-size:17px;font-weight:900}.online-result-player{min-width:0}.online-result-identity{align-items:center;gap:7px;min-width:0;display:flex}.online-result-identity strong{color:#fff;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:900;overflow:hidden}.online-result-player>small{color:#ffffff6b;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0 17px;font-size:8px;font-weight:800;display:block;overflow:hidden}.online-result-player-marker{background:#ff3b5c;border:2px solid #ffffffb8;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 10px #ff3b5c}.online-result-row[data-player-id=orange] .online-result-player-marker{background:#ff9d2e;box-shadow:0 0 10px #ff9d2e}.online-result-row[data-player-id=white] .online-result-player-marker{background:#eef2ff;box-shadow:0 0 10px #eef2ff}.online-result-row[data-player-id=pink] .online-result-player-marker{background:#ff7ab8;box-shadow:0 0 10px #ff7ab8}.online-result-badge{color:#ffffffa8;letter-spacing:.09em;border:1px solid #fff3;border-radius:999px;flex:none;padding:2px 5px;font-size:6px;font-weight:900}.online-result-badge[data-badge=host]{color:#ffe14f;border-color:#ffe14f61}.online-result-badge[data-badge=local]{border-color:color-mix(in srgb, var(--result-accent) 52%, transparent);color:var(--result-accent)}.online-result-status>span,.online-result-eliminations>span,.online-result-survival>span{color:#ffffffd6;letter-spacing:.04em;font-size:11px;font-weight:900}.online-result-row[data-status=survived] .online-result-status>span{color:#7dff92}.online-result-cell-label{display:none}.online-result-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.online-result-actions .online-result-room-button,.online-result-actions .secondary-button{border-radius:14px;min-width:190px;padding:12px 22px 10px;font-size:17px}.online-result-reopen-button{right:max(18px, calc(env(safe-area-inset-right,0px) + 12px));bottom:max(18px, calc(env(safe-area-inset-bottom,0px) + 12px));color:#bafff7;letter-spacing:.07em;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090313c7;border:2px solid #8bfff285;border-radius:13px;min-height:44px;padding:9px 15px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:10px;font-weight:900;position:absolute;box-shadow:0 5px #225566e0,0 10px 24px #00000052,0 0 20px #4fe8ff2e}.online-result-reopen-button[hidden],.room-result-button[hidden]{display:none}.online-result-reopen-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.room-result-button{color:#bafff7;background:#4fe8ff14;border-color:#8bfff252;justify-self:center}.settings-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.settings-title{letter-spacing:.04em;-webkit-text-stroke:2px #090313;paint-order:stroke fill;text-shadow:0 4px #090313;margin:0;font-size:clamp(20px,3vw,26px)}.controls-panel .controls-row{margin:0}.menu-option-panel{background:#00000038;border:1px solid #ffffff1a;border-radius:15px;min-width:0;padding:11px 11px 12px;box-shadow:inset 0 2px 10px #0000004d}.menu-option-panel[hidden],.result-line[hidden]{display:none}.setting-label{color:#ffffff9e;letter-spacing:.26em;margin:0 0 8px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:10px;font-weight:900}.segmented-picker{gap:6px;display:grid}.turret-count-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.arena-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.audio-panel{padding-block:9px 10px}.audio-picker,.locale-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.controls-panel{grid-column:1/-1}.audio-button{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:6px 10px;display:grid}.audio-button span{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:10px;font-weight:900;overflow:hidden}.audio-button small{color:#ffffffb3;letter-spacing:.08em;text-align:center;background:#ffffff17;border-radius:999px;min-width:38px;padding:3px 7px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:8px;font-weight:900}.audio-button.is-selected small{color:#10041c;background:#10041c29}.option-button{color:#ffffffa3;cursor:pointer;background:#ffffff0f;border:2px solid #ffffff24;border-radius:10px;flex:1;min-width:0;min-height:38px;padding:7px 4px 6px;transition:color .12s,background .12s,border-color .12s,box-shadow .12s,transform .12s}.option-button span,.option-button small{display:block}.turret-count-button{min-height:44px}.turret-count-button span{letter-spacing:.035em;font-size:16px}.turret-count-button small{letter-spacing:.08em;margin-top:2px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:8px;font-weight:900}.arena-button span{letter-spacing:.035em;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:9px;font-weight:900;line-height:1.15}.option-button:hover:not(:disabled):not(.is-selected){color:#fff;background:#ffffff1f;border-color:#ffffff57}.option-button.is-selected{color:#10041c;background:linear-gradient(#8bfff2,#38d6e8);border-color:#090313;transform:translateY(-1px);box-shadow:0 3px #b52b74,0 0 22px #38d6e873}.option-button:disabled{cursor:not-allowed;opacity:.38}.option-button:focus-visible{outline-offset:2px;outline:3px solid #fff}.screen-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.primary-button,.online-result-room-button,.secondary-button{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:3px solid #090313;border-radius:16px;min-width:210px;padding:15px 28px 13px;font-size:24px;transition:transform .1s,box-shadow .1s,filter .1s}.primary-button,.online-result-room-button{color:#10041c;background:linear-gradient(#fff459,#f6cb17);box-shadow:0 7px #b52b74,0 12px 28px #00000059,0 0 34px #ffe51f4d}.secondary-button{color:var(--paper);background:#ffffff14;border-color:#ffffff57;box-shadow:0 7px #461970e0,0 12px 28px #00000047}.secondary-button[hidden]{display:none}.primary-button:hover,.online-result-room-button:hover,.secondary-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-button:hover,.online-result-room-button:hover{box-shadow:0 9px #b52b74,0 16px 30px #00000061,0 0 40px #ffe51f61}.secondary-button:hover{background:#ffffff24;border-color:#ffffff94;box-shadow:0 9px #461970e0,0 16px 30px #00000057}.primary-button:active,.online-result-room-button:active,.secondary-button:active{transform:translateY(5px)}.primary-button:active,.online-result-room-button:active{box-shadow:0 2px #b52b74,0 7px 20px #00000052}.secondary-button:active{box-shadow:0 2px #461970e0,0 7px 20px #00000047}.primary-button:focus-visible,.online-result-room-button:focus-visible,.secondary-button:focus-visible{outline-offset:4px;outline:4px solid #fff}.result-line{color:#ffdc74;min-height:26px;margin:16px 0 22px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:16px;font-weight:900}.touch-stick{bottom:calc(env(safe-area-inset-bottom,0px) + 26px);left:calc(env(safe-area-inset-left,0px) + 26px);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0802124d;border:2px solid #ffffff38;border-radius:50%;width:116px;height:116px;transition:border-color .1s ease-out,background-color .1s ease-out,box-shadow .1s ease-out;display:none;position:absolute;box-shadow:inset 0 0 28px #0000005c}.touch-stick.is-active{background:#1c0a3473;border-color:#ffffff61;box-shadow:inset 0 0 28px #0000004d,0 0 18px #8751ff24}.pause-button{top:calc(env(safe-area-inset-top,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 14px);width:48px;height:48px;color:var(--paper);pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090313b8;border:2px solid #ffffff61;border-radius:14px;place-items:center;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:22px;line-height:1;display:none;position:absolute;box-shadow:0 5px #461970e6,0 10px 24px #00000052}.online-hud-leave-button{top:calc(env(safe-area-inset-top,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 14px);color:#ffd6e1;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090313b8;border:2px solid #ff587e73;border-radius:12px;min-height:42px;padding:8px 12px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:10px;font-weight:900;display:none;position:absolute;box-shadow:0 4px #70184ce0,0 9px 20px #0000004d}.online-hud-leave-button.is-visible{display:block}.pause-button.is-visible{display:grid}.pause-button:active{transform:translateY(4px);box-shadow:0 1px #461970e6,0 6px 16px #00000047}.pause-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.touch-stick-knob{will-change:transform;background:#fff3;border:2px solid #ffffff52;border-radius:50%;width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-stick.is-active .touch-stick-knob{background:#ffffff47;border-color:#ffffff7a}.jump-button{right:calc(env(safe-area-inset-right,0px) + 34px);bottom:calc(env(safe-area-inset-bottom,0px) + 34px);color:#10041c;letter-spacing:.05em;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffe51fdb;border:3px solid #fff6;border-radius:50%;place-items:center;width:92px;height:92px;font-size:18px;display:none;position:absolute;box-shadow:0 7px #b52b74e6,0 12px 28px #00000059}.jump-button:active{transform:translateY(5px);box-shadow:0 2px #b52b74e6,0 7px 20px #00000052}.combat-button{color:#10041c;text-align:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border:3px solid #fff6;border-radius:50%;place-items:center;width:66px;height:66px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:13px;font-weight:900;line-height:1.05;display:none;position:absolute;box-shadow:0 6px #461970e6,0 11px 24px #00000057}.kick-button{right:calc(env(safe-area-inset-right,0px) + 132px);bottom:calc(env(safe-area-inset-bottom,0px) + 102px);background:#4fe8ffe6}.item-button{right:calc(env(safe-area-inset-right,0px) + 132px);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);color:var(--paper);background:#b52b74e6}.combat-button:not(:disabled):active{transform:translateY(4px);box-shadow:0 2px #461970e6,0 7px 18px #0000004d}.combat-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.42}@media (pointer:coarse){.touch-stick.is-visible{display:block}.jump-button.is-visible,.combat-button.is-visible{display:grid}}@media (width<=680px){.game-shell{min-height:320px}.round-timer{top:calc(env(safe-area-inset-top,0px) + 10px);font-size:clamp(48px,13vw,62px)}.player-power-hud{top:calc(env(safe-area-inset-top,0px) + 72px);flex-wrap:wrap;max-width:calc(100vw - 28px)}.power-chip{padding:4px 8px 4px 4px}.power-icon{width:26px;height:26px;font-size:15px}.status-chip{top:calc(env(safe-area-inset-top,0px) + 70px);max-width:calc(100vw - 32px);bottom:auto;left:50%;right:auto;transform:translate(-50%,-8px)}.status-chip.is-visible{transform:translate(-50%)}.screen-layer{padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 12px) calc(env(safe-area-inset-bottom,0px) + 10px) calc(env(safe-area-inset-left,0px) + 12px)}.menu-card{border-radius:20px;width:min(100%,540px);max-height:calc(100dvh - 24px);padding:14px 14px 16px}.lobby-card,.room-card{border-radius:20px;gap:10px;width:min(100%,540px);max-height:calc(100dvh - 24px);padding:14px 14px 16px}.settings-button{top:max(12px, calc(env(safe-area-inset-top,0px) + 10px));right:max(12px, calc(env(safe-area-inset-right,0px) + 10px));border-radius:12px;width:42px;height:42px}.settings-panel{border-radius:20px;width:min(100%,540px);padding:14px 14px 16px}.online-result-dialog{padding:calc(env(safe-area-inset-top,0px) + 10px) calc(env(safe-area-inset-right,0px) + 10px) calc(env(safe-area-inset-bottom,0px) + 10px) calc(env(safe-area-inset-left,0px) + 10px)}.online-result-panel{border-radius:20px;gap:9px;width:min(100%,560px);max-height:calc(100dvh - 20px);padding:14px}.online-result-header{gap:8px}.online-result-title{font-size:clamp(34px,12vw,48px)}.online-result-description{margin-top:6px;font-size:10px;line-height:1.4}.online-result-summary{gap:5px}.online-result-summary>*{padding:5px 7px;font-size:7px}.online-result-summary>strong{font-size:9px}.online-result-table-head{display:none}.online-result-row{grid-template-columns:34px minmax(0,1fr) 54px 38px 48px;gap:6px;min-height:54px;padding:7px 8px}.online-result-rank>span{font-size:14px}.online-result-identity{gap:5px}.online-result-identity strong{font-size:10px}.online-result-player>small{margin-left:15px;font-size:7px}.online-result-badge{padding:1px 3px;font-size:5px}.online-result-status>span,.online-result-eliminations>span,.online-result-survival>span{font-size:9px}.online-result-cell-label{color:#ffffff61;letter-spacing:.06em;margin-bottom:2px;font-size:6px;font-weight:900;display:block}.board-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.board-title{font-size:clamp(18px,6vw,24px)}.board-copy{font-size:11px}.icon-button{width:38px;height:38px}.room-body{grid-template-columns:minmax(0,1fr)}.room-chat-log{min-height:104px;max-height:168px}.menu-eyebrow{letter-spacing:.22em;margin-bottom:6px;font-size:10px}.menu-title{font-size:clamp(30px,9vw,42px)}.menu-copy{margin:8px auto 10px;font-size:12px;line-height:1.5}.controls-row{gap:6px;margin-bottom:10px}.control-key{min-width:30px;height:26px;padding:0 9px;font-size:10px}.menu-settings{grid-template-columns:minmax(0,1fr);gap:8px}.online-entry{grid-template-columns:minmax(0,1fr)}.online-room-list{max-height:210px}.online-room-card{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;min-height:58px;padding:8px 10px}.online-room-card-players,.online-room-card-action{justify-self:end}.online-room-card-rules{justify-self:start}.online-refresh-button{min-height:44px}.room-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.online-button{min-width:0;padding-inline:7px}.room-chat-input{height:44px}.room-chat-send{min-width:58px;min-height:44px;padding-inline:10px}.menu-option-panel{border-radius:12px;padding:8px 9px 9px}.setting-label{margin-bottom:5px}.segmented-picker{gap:5px}.option-button{min-height:32px;padding:5px 4px 4px}.audio-panel{padding-block:7px 8px}.audio-button{min-height:30px;padding:4px 8px}.result-line{min-height:20px;margin:8px 0 10px;font-size:13px}.screen-actions{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.primary-button,.online-result-room-button,.secondary-button{border-width:2px;border-radius:13px;width:100%;min-width:0;padding:11px 20px 9px;font-size:18px}.arena-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.turret-count-button span{font-size:13px}.turret-count-button small{margin-top:1px}.online-result-actions{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.online-result-actions .online-result-room-button,.online-result-actions .secondary-button{width:100%;min-width:0;padding:10px 16px 8px;font-size:15px}.online-result-reopen-button{right:max(12px, calc(env(safe-area-inset-right,0px) + 10px));bottom:max(12px, calc(env(safe-area-inset-bottom,0px) + 10px))}}@media (pointer:coarse) and (width<=680px){.controls-panel{display:none}.hud-layer{--touch-edge-offset:clamp(14px, 4vw, 18px);--touch-stick-size:clamp(136px, 40vw, 160px);--jump-button-size:clamp(76px, 22vw, 88px);--combat-button-size:clamp(54px, 15vw, 64px)}.touch-stick{bottom:calc(env(safe-area-inset-bottom,0px) + var(--touch-edge-offset));left:calc(env(safe-area-inset-left,0px) + var(--touch-edge-offset));width:var(--touch-stick-size);height:var(--touch-stick-size)}.touch-stick-knob{width:42%;height:42%}.jump-button{right:calc(env(safe-area-inset-right,0px) + var(--touch-edge-offset));bottom:calc(env(safe-area-inset-bottom,0px) + clamp(47px, 13vw, 53px));width:var(--jump-button-size);height:var(--jump-button-size);font-size:clamp(14px,4vw,17px)}.combat-button{right:calc(env(safe-area-inset-right,0px) + var(--touch-edge-offset) + var(--jump-button-size) + 8px);width:var(--combat-button-size);height:var(--combat-button-size);font-size:clamp(10px,2.9vw,13px)}.kick-button{bottom:calc(env(safe-area-inset-bottom,0px) + var(--touch-edge-offset) + var(--combat-button-size) + 12px)}.item-button{bottom:calc(env(safe-area-inset-bottom,0px) + var(--touch-edge-offset))}}@media (pointer:coarse) and (orientation:landscape) and (height<=520px){.round-timer{top:calc(env(safe-area-inset-top,0px) + 8px);font-size:46px}.pause-button{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 12px);border-radius:12px;width:44px;height:44px;font-size:20px}.touch-stick{bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 14px);width:88px;height:88px}.touch-stick-knob{width:38px;height:38px}.jump-button{right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 20px);width:72px;height:72px;font-size:14px}.combat-button{width:52px;height:52px;font-size:10px}.kick-button{right:calc(env(safe-area-inset-right,0px) + 96px);bottom:calc(env(safe-area-inset-bottom,0px) + 76px)}.item-button{right:calc(env(safe-area-inset-right,0px) + 96px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}