:root{--p1: #ff5a2b;--p2: #3ac8ff;--ink: #d8dcd2;--ink-dim: #7d857a;--panel: rgba(10, 13, 16, .82);--panel-edge: rgba(143, 255, 60, .18);--anomaly: #8fff3c;--danger: #ff3a1a;--ui-font: "Segoe UI", "Roboto", "Helvetica Neue", system-ui, sans-serif;--num-font: "Consolas", "SF Mono", "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#05060a;color:var(--ink);font-family:var(--ui-font);user-select:none;-webkit-user-select:none}#app{position:relative;width:100vw;height:100vh}#viewport{display:block;width:100%;height:100%}#ui-root{position:absolute;inset:0;pointer-events:none}button,.clickable{pointer-events:auto}.hud{position:absolute;inset:0;opacity:0;transition:opacity .25s ease}.hud.visible{opacity:1}.hud-top{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.roster{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.fighter-card{width:150px;padding:6px 9px 7px;background:var(--panel);border:1px solid rgba(255,255,255,.07);border-top:2px solid currentColor;border-radius:2px;transition:opacity .25s ease}.fighter-card.out{opacity:.32}.fighter-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.fighter-name{font-size:9.5px;font-weight:700;letter-spacing:1.6px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.fighter-card .pips{color:inherit}.fighter-card .pip{width:8px;height:8px}.fighter-card .meter-track{height:6px}.fighter-card .meter-value{font-size:11px;margin:4px 0 0}.fighter-card.critical .meter-fill{animation:pulse .5s infinite}.timer{font-family:var(--num-font);font-size:22px;letter-spacing:1px;min-width:68px;text-align:center;color:var(--ink);padding:2px 14px;background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:2px}.timer.warning{color:var(--danger);animation:pulse .7s infinite}.ping{position:absolute;top:14px;right:16px;font-family:var(--num-font);font-size:12px;letter-spacing:1px;color:var(--ink-dim);padding:2px 8px;background:var(--panel);border-radius:2px}.ping.warning{color:var(--danger)}.ping.hidden{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.pips{display:flex;gap:6px}.pip{width:13px;height:13px;border-radius:50%;border:1px solid currentColor;opacity:.35}.pip.filled{opacity:1;background:currentColor;box-shadow:0 0 10px currentColor}.meter-value{font-family:var(--num-font);font-size:20px;line-height:1;margin-bottom:6px}.meter-track{height:9px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);overflow:hidden}.meter-fill{height:100%;width:0%;background:var(--anomaly);transition:width .12s linear,background-color .3s linear}.buffs{display:flex;gap:5px;margin-top:5px;min-height:0}.buff{display:flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid currentColor;border-radius:2px;font-size:9.5px;font-weight:700;letter-spacing:1.6px;background:#0a0d10b3}.buff.shield{color:#7fe6ff}.buff.haste{color:#ffd23c}.buff-time{font-family:var(--num-font);font-weight:400;opacity:.8}.abilities{position:absolute;bottom:22px;display:flex;flex-direction:column;gap:4px}.abilities.hidden{display:none}.abilities.left{left:26px}.abilities.right{right:26px}.ability{position:relative;display:flex;align-items:center;gap:9px;width:246px;padding:5px 9px;transition:width .25s ease,background-color .25s ease;background:var(--panel);border:1px solid rgba(255,255,255,.07);border-left:2px solid currentColor;border-radius:2px}.abilities.right .ability{flex-direction:row-reverse;text-align:right;border-left:1px solid rgba(255,255,255,.07);border-right:2px solid currentColor}.ability.empty{opacity:.42}.ability.denied{animation:ability-denied .22s ease-out}@keyframes ability-denied{0%{opacity:1;background:#ff5a3c66;transform:translate(-3px)}40%{transform:translate(3px)}to{opacity:.42;background:var(--panel);transform:none}}.abilities.compact .ability{width:152px;background:#0a0d108c}.abilities.compact .ability-hint{display:none}.ability-dial{position:relative;width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center}.ability-arc{position:absolute;inset:0;transform:rotate(-90deg)}.ability-arc circle{fill:none;stroke-width:4}.ability-arc .arc-track{stroke:#ffffff1f}.ability-arc .arc-fill{stroke:currentColor}.ability-key{font-family:var(--num-font);font-size:8px;letter-spacing:.2px;color:var(--ink);text-align:center;line-height:1}.ability-charges{position:absolute;top:-3px;right:-4px;font-family:var(--num-font);font-size:10px;font-weight:700;color:var(--anomaly);text-shadow:0 0 6px rgba(0,0,0,.9)}.ability-text{min-width:0}.ability-name{font-size:11.5px;font-weight:700;letter-spacing:1.6px;line-height:1.25}.ability-hint{font-size:9.5px;letter-spacing:.2px;color:var(--ink-dim);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announce{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.announce-big{font-size:74px;font-weight:800;letter-spacing:6px;text-shadow:0 0 30px rgba(0,0,0,.9)}.announce-sub{font-size:15px;letter-spacing:5px;color:var(--ink-dim);margin-top:8px}.announce.hidden{opacity:0}.marker{position:absolute;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid currentColor;filter:drop-shadow(0 0 6px currentColor);display:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;overflow-x:hidden;padding:24px 16px;gap:26px;background:radial-gradient(ellipse at center,#05080ab8,#030406f0);backdrop-filter:blur(2px);pointer-events:auto}.screen.hidden{display:none}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:7px;color:var(--ink-dim);background:radial-gradient(ellipse at center,#05080ab8,#030406f0);backdrop-filter:blur(2px);pointer-events:none;animation:loading-pulse 1.2s ease-in-out infinite alternate}@keyframes loading-pulse{0%{color:#7d857a4d}}.title{font-size:68px;font-weight:900;letter-spacing:16px;margin:0;color:var(--ink);text-shadow:0 0 40px rgba(143,255,60,.22)}.subtitle{font-size:12px;letter-spacing:7px;color:var(--ink-dim);margin-top:-18px}.section-label{font-size:10px;letter-spacing:4px;color:var(--ink-dim);text-align:center;margin-bottom:10px}.arena-cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:860px}.arena-card{width:196px;padding:14px 16px 16px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:3px;cursor:pointer;text-align:left;color:inherit;font:inherit;transition:border-color .15s,transform .15s}.arena-card:hover{transform:translateY(-2px);border-color:#ffffff3d}.arena-card.selected{border-color:var(--anomaly);box-shadow:0 0 22px #8fff3c24 inset}.arena-card h3{margin:0 0 6px;font-size:17px;letter-spacing:3px}.arena-card p{margin:0;font-size:11.5px;line-height:1.5;color:var(--ink-dim)}.arena-shape{width:100%;height:62px;margin-bottom:10px;opacity:.75}.row{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.inline-label{font-size:10px;letter-spacing:3px;color:var(--ink-dim);margin-right:4px}.model-columns{display:flex;gap:34px;justify-content:center}.model-column{display:flex;flex-direction:column;gap:6px;width:300px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.model-portrait{display:block;width:100%;height:auto;image-rendering:auto}.model-column h4{margin:0 0 4px;font-size:11px;letter-spacing:3px}.model-column h4.p1{color:var(--p1)}.model-column h4.p2{color:var(--p2)}.model-option{padding:4px 4px 6px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:2px;color:inherit;font:inherit;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.model-option:hover{background:#ffffff0f}.model-option.selected{border-color:var(--anomaly);border-left-color:var(--anomaly)}.model-name{font-size:10px;font-weight:700;letter-spacing:1.4px;margin-top:2px}.model-blurb{font-size:10.5px;line-height:1.4;color:var(--ink-dim);min-height:30px;text-align:center}.btn{padding:10px 22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.16);border-radius:2px;color:var(--ink);font:inherit;font-size:12px;letter-spacing:2.4px;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:#ffffff1a;border-color:#ffffff57}.btn.primary{border-color:var(--anomaly);color:var(--anomaly);padding:14px 46px;font-size:14px;letter-spacing:5px}.btn.primary:hover{background:#8fff3c1f}.btn.toggle.on{border-color:var(--anomaly);color:var(--anomaly)}.btn.small{padding:7px 14px;font-size:11px;letter-spacing:1.6px}.controls{display:flex;gap:42px;margin-top:6px}.controls-col h4{margin:0 0 8px;font-size:11px;letter-spacing:3px}.controls-col h4.p1{color:var(--p1)}.controls-col h4.p2{color:var(--p2)}.controls-col table{border-collapse:collapse;font-size:11px;color:var(--ink-dim)}.controls-col td{padding:2px 14px 2px 0;vertical-align:baseline}.controls-col .ctl-name{color:var(--ink);font-weight:700;letter-spacing:1.4px;white-space:nowrap}.controls-col .ctl-key{color:var(--anomaly);font-family:var(--num-font);white-space:nowrap}.controls-col .ctl-hint{color:var(--ink-dim);padding-right:0}.hint{font-size:11px;letter-spacing:2px;color:var(--ink-dim)}.winner-line{font-size:46px;font-weight:800;letter-spacing:8px}.score-line{font-family:var(--num-font);font-size:30px;letter-spacing:6px;color:var(--ink-dim)}.debug{position:absolute;top:10px;left:12px;font-family:var(--num-font);font-size:11px;line-height:1.5;color:#8fff3cbf;white-space:pre;display:none}.debug.visible{display:block}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{background:#ffffff0d;border-color:#ffffff29}.online-input{width:190px;padding:9px 12px;background:var(--panel);border:1px solid rgba(255,255,255,.16);border-radius:2px;color:var(--ink);font:inherit;font-size:14px;letter-spacing:2px;user-select:text;-webkit-user-select:text}.online-input.code{width:110px;font-family:var(--num-font);letter-spacing:6px;text-transform:uppercase}.online-input:focus{outline:none;border-color:var(--anomaly)}.online-message{min-height:16px;font-size:11px;letter-spacing:2px;color:var(--ink-dim);text-align:center;margin-top:8px}.online-code-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}.online-code{font-size:38px;letter-spacing:10px;font-family:var(--num-font)}.online-members{display:flex;flex-direction:column;gap:4px;width:min(560px,90vw)}.online-member{display:grid;grid-template-columns:14px 1fr 110px 170px;align-items:center;gap:12px;padding:7px 12px;background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:2px}.online-bots{display:block;font-size:11px;letter-spacing:2px;color:var(--ink-dim)}.online-swatch{width:12px;height:12px;border-radius:50%;background:#3a3f42}.online-nick{font-size:14px;letter-spacing:1px}.online-fighter{font-size:11px;letter-spacing:2px;color:var(--ink-dim)}.online-badges{font-size:10px;letter-spacing:2px;color:var(--anomaly);text-align:right}.online-picker{grid-template-columns:repeat(6,1fr);width:min(620px,92vw)}.online-settings{display:flex;flex-direction:column;gap:8px}