:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f4ed;font-synthesis:none;text-rendering:geometricprecision;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 18% 18%,#48acff38,#0000 26rem),radial-gradient(circle at 88% 24%,#ff567b33,#0000 28rem),linear-gradient(145deg,#080b10 0%,#151923 52%,#090d13 100%);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.62}input{color:#fff;letter-spacing:0;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#080c12eb;border:1px solid #ffffff24;border-radius:8px;outline:none;width:100%;padding:14px 48px 14px 15px;font-weight:850}input::placeholder{color:#ffffff57}input:focus{border-color:#6fbaff;box-shadow:0 0 0 3px #6fbaff2e}input[aria-invalid=true]{border-color:#ff5f7e;box-shadow:0 0 0 3px #ff5f7e2e}input[readonly]{color:#dbe8f5;cursor:default;padding-right:15px}h1,h2,p{margin-top:0}.shell{grid-template-columns:minmax(0,1fr);width:min(1440px,100vw - 24px);min-width:0;min-height:100svh;margin:0 auto;padding:12px 0;display:grid;position:relative}.battle-stage{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1018c2;border:1px solid #ffffff1a;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:calc(100svh - 24px);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 90px #0000005c}.topbar{z-index:6;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex;position:relative}.brand{min-width:0}.brand-subtitle{color:#d8e3f2;max-width:32ch;margin:7px 0 0;font-size:clamp(.82rem,1.8vw,1rem);font-weight:760;line-height:1.15}.eyebrow{color:#87c7ff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:900}h1{letter-spacing:0;margin:0;font-size:clamp(1.85rem,5vw,3.6rem);line-height:.9}h2{margin-bottom:0;font-size:clamp(1.35rem,4vw,2.2rem);line-height:1}.top-actions,.actions,.post-actions{gap:10px;display:flex}.post-actions{flex-wrap:wrap;justify-content:center}.top-actions{flex-wrap:wrap;justify-content:flex-end}.primary,.ghost{white-space:nowrap;border-radius:8px;min-height:46px;padding:0 16px;font-weight:900}.primary{color:#211707;background:#f7d35d;box-shadow:0 10px 26px #f7d35d2e}.ghost{color:#f7f4ed;background:#1f2530db;border:1px solid #ffffff21}.icon-button{min-width:104px}.scoreboard{z-index:2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px;min-width:0;padding:0 14px 12px;display:grid;position:relative}.fighter-card,.result,.battle-feed,.start-panel,.result-panel,.leaderboard-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1118d1;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 18px 54px #00000047}.fighter-card{padding:12px}.fighter-card.blue{border-color:#56b5ff61}.fighter-card.red{border-color:#ff5f7f61}.fighter-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.fighter-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.98rem,2.4vw,1.22rem);font-weight:950;overflow:hidden}.fighter-meta strong{color:#f7d35d;font-size:.92rem}.hp-track{background:#ffffff1f;border-radius:999px;height:10px;overflow:hidden}.hp-track div{border-radius:inherit;width:100%;height:100%;transition:width .16s}#leftHpBar{background:linear-gradient(90deg,#3ca7ff,#93d7ff)}#rightHpBar{background:linear-gradient(90deg,#ff5c7c,#ffb0a5)}.stats{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.stats span{color:#d5dce8;background:#ffffff14;border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:820}.result{color:#f7d35d;text-align:center;place-items:center;min-width:132px;padding:9px 14px;display:grid}.result strong,.result span{display:block}.result strong{color:#f7d35d;font-size:.94rem;font-weight:950;line-height:1.05}.result span{color:#cbd2dd;text-transform:uppercase;max-width:16ch;margin-top:4px;font-size:.68rem;font-weight:850;line-height:1.12}.result.draw{background:#f7d35d21;border-color:#f7d35d9e}.arena-wrap{z-index:1;place-items:center;min-width:0;min-height:0;padding:0 14px 12px;display:grid;position:relative}canvas{aspect-ratio:1;touch-action:none;background:#11151c;border:1px solid #ffffff1c;border-radius:8px;width:min(100%,100svh - 250px,780px);min-width:300px;max-width:100%;height:auto;min-height:0;display:block;box-shadow:inset 0 0 0 1px #ffffff09}.countdown{color:#fffffff0;pointer-events:none;text-shadow:0 12px 42px #00000080;place-items:center;font-size:clamp(4rem,14vw,10rem);font-weight:950;display:none;position:absolute;inset:0}.countdown.active{display:grid}.battle-feed{z-index:2;min-width:0;max-width:calc(100% - 28px);margin:0 14px 14px;padding:10px 12px;position:relative;overflow:hidden}.feed-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.feed-heading strong,#timer{color:#f7d35d;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}#battleLog{gap:8px;width:100%;min-width:0;min-height:38px;max-height:48px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}#battleLog li{color:#e1e7f0;text-overflow:ellipsis;white-space:nowrap;background:#fff1;border-radius:8px;flex:0 34ch;min-width:0;max-width:34ch;padding:9px 11px;font-size:.82rem;font-weight:780;overflow:hidden}#battleLog li.result-log,#battleLog li.system-log{color:#fff1ad;background:#f7d35d1c;border:1px solid #f7d35d4d}#battleLog li.pickup-log{color:#d9efff;background:#6fbaff1a;border:1px solid #6fbaff3d}.setup-overlay,.result-overlay{z-index:5;background:linear-gradient(#080b1085,#080b10d1),radial-gradient(circle at 50% 44%,#f7d35d1f,#0000 22rem);place-items:center;padding:18px;display:grid;position:absolute;inset:0}.setup-overlay[hidden],.result-overlay[hidden]{display:none}.start-panel,.result-panel{gap:13px;width:min(540px,100%);padding:22px;display:grid}.start-copy{margin-bottom:2px}.start-copy h2{margin:0 0 8px}.start-panel label{gap:7px;display:grid}.input-control{position:relative}.clear-input{color:#dfe8f4;background:#ffffff1c;border:1px solid #fff3;border-radius:999px;place-items:center;width:28px;height:28px;min-height:0;padding-bottom:2px;font-size:.82rem;font-weight:950;line-height:1;display:grid;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.clear-input:hover,.clear-input:focus-visible{color:#fff1ad;background:#f7d35d29;border-color:#f7d35d94}.clear-input[hidden]{display:none}.start-panel label span{color:#aeb6c4;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:850}.field-error{color:#ff9daf;min-height:1.05rem;font-size:.76rem;font-weight:850;line-height:1.1}.rival-status{color:#f7d35d;min-height:1.05rem;font-size:.76rem;font-weight:850;line-height:1.1}.form-hint{color:#d7dde8;margin:0;font-size:.9rem;font-weight:760}.post-actions[hidden]{display:none}.result-panel{text-align:center;justify-items:stretch;gap:18px;padding:clamp(22px,4vw,34px)}.result-panel h2{color:#f7d35d;text-transform:uppercase;margin:0;font-size:clamp(2.8rem,8vw,5.2rem);line-height:.95}.final-detail{color:#d7dde8;text-transform:uppercase;margin:0;font-size:1rem;font-weight:850}.player-rank-card{text-align:left;background:linear-gradient(135deg,#6fbaff24,#f7d35d14),#ffffff0b;border:1px solid #6fbaff42;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 16px;padding:14px 16px;display:grid}.rank-label{color:#87c7ff;letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;font-size:.72rem;font-weight:950}.player-rank-card strong{color:#f7d35d;overflow-wrap:anywhere;font-size:clamp(1.5rem,5vw,2.4rem);font-weight:950;line-height:1}.player-rank-card span:last-child{color:#d7dde8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:820;overflow:hidden}.result-overlay[data-status=draw] .result-panel h2{color:#f7d35d}.leaderboard-panel{z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070cad;place-items:center;padding:18px;display:grid;position:absolute;inset:0;overflow:hidden}.leaderboard-panel[hidden]{display:none}.leaderboard-modal{grid-template-rows:auto auto minmax(0,1fr);gap:12px;width:min(920px,100%);max-height:min(760px,100svh - 36px);padding:18px;display:grid;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{font-size:1.15rem}.leaderboard-summary{color:#cbd2dd;text-transform:uppercase;margin-top:4px;font-size:.82rem;font-weight:800;display:block}.leaderboard-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.leaderboard-status{color:#cbd2dd;margin:0;font-size:.84rem;font-weight:760}.leaderboard-list{scrollbar-color:#f7d35db3 #ffffff14;align-content:start;gap:8px;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow:auto}.leaderboard-list li{background:#ffffff0f;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.leaderboard-list li.current-player{background:#6fbaff1f;border:1px solid #6fbaff73}.leaderboard-rank{color:#f7d35d;font-size:.84rem;font-weight:950}.leaderboard-entry-main{min-width:0}.leaderboard-entry-main strong,.leaderboard-entry-main span{display:block}.leaderboard-entry-main strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:950;overflow:hidden}.you-tag{color:#87c7ff;vertical-align:middle;background:#6fbaff33;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:.62rem;font-weight:950;display:inline-block}.leaderboard-entry-main span{color:#aeb6c4;font-size:.72rem;font-weight:760}.small-button{min-height:34px;padding:0 10px;font-size:.76rem}.challenge-button:disabled{opacity:.5}@media (width<=760px){.shell{width:min(100vw - 14px,560px);padding:7px 0}.battle-stage{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:calc(100svh - 14px)}.topbar{align-items:flex-start;padding:12px}h1{font-size:clamp(1.72rem,9vw,2.7rem)}.top-actions{flex-direction:column;gap:8px}.top-actions .ghost{min-height:40px;padding:0 11px;font-size:.78rem}.scoreboard{grid-template-columns:1fr;gap:8px;padding:0 10px 10px}.result{order:-1;min-height:42px}.fighter-card{padding:10px}.stats{display:none}.arena-wrap{padding:0 10px 10px}canvas{width:min(100%,92vw,100svh - 300px);min-width:0}.battle-feed{margin:0 10px 10px}#battleLog{max-height:42px}#battleLog li{flex:0 0 100%;max-width:100%}.setup-overlay,.result-overlay{align-items:end;padding:12px}.start-panel,.result-panel{width:100%;padding:16px}.actions,.post-actions{grid-template-columns:1fr;display:grid}.leaderboard-panel{padding:8px}.leaderboard-modal{width:100%;max-height:calc(100svh - 16px);padding:14px}.leaderboard-modal .panel-heading{align-items:flex-start}.leaderboard-actions{flex-direction:column}.leaderboard-list li{grid-template-columns:auto minmax(0,1fr)}.leaderboard-list .small-button{grid-column:1/-1}}@media (width<=920px) and (height<=520px){.battle-stage{grid-template-rows:auto minmax(0,1fr)}.scoreboard{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.arena-wrap{padding-bottom:10px}canvas{width:min(100%,100svh - 128px)}.battle-feed{display:none}.setup-overlay,.result-overlay{align-items:center}.start-panel{grid-template-columns:1fr 1fr;align-items:end;max-width:720px}.result-panel{max-width:520px}.start-copy,.actions,.post-actions{grid-column:1/-1}.actions,.post-actions{grid-template-columns:1fr 1fr}}