.small{font-size:12.5px}.play-overlay{position:absolute;top:12px;left:304px;right:424px;display:flex;justify-content:center;pointer-events:none;z-index:5}.play-panel{width:min(560px,100%);display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:20px 22px 22px;background:#141116f7;box-shadow:0 20px 60px #0000008c;pointer-events:auto}.play-panel{position:relative}.sound-corner{position:absolute;top:8px;right:8px;display:flex;gap:2px}.sound-corner .btn{padding:6px 8px}.sound-corner svg{width:16px;height:16px}.play-panel p{margin:0}.play-panel>.btn{align-self:flex-start}body.fight-page:has(.play-overlay:not(.hidden)) .top,body.fight-page:has(.play-overlay:not(.hidden)) .controls{visibility:hidden}.match-head{display:flex;flex-direction:column;gap:6px}.mh-vs{display:flex;align-items:baseline;gap:12px;font-family:var(--display);font-stretch:70%;font-weight:900;font-size:38px;line-height:.95;text-transform:uppercase}.mh-a{color:var(--side-a)}.mh-b{color:var(--side-b)}.mh-x{font-size:13px;font-weight:800;font-stretch:85%;letter-spacing:.14em;color:var(--mute)}.predictor{--v: 50%;--q: .5;display:flex;flex-direction:column;gap:8px;padding:14px 0 4px}.pr-labels{display:flex;justify-content:space-between;font-family:var(--display);font-stretch:85%;font-weight:750;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.pr-a{color:var(--side-a)}.pr-b{color:var(--side-b)}.pr-track{position:relative;height:28px}.pr-bands{position:absolute;left:0;right:0;top:8px;bottom:8px}.pr-band{position:absolute;top:0;bottom:0;opacity:.32;box-shadow:inset -1px 0 0 var(--ink-0)}.pr-band.a{background:var(--side-a)}.pr-band.b{background:var(--side-b)}.pr-band.alt{opacity:.2}.predictor[data-side="0"] .pr-band.a,.predictor[data-side="1"] .pr-band.b{opacity:.85}.predictor[data-side="0"] .pr-band.a.alt,.predictor[data-side="1"] .pr-band.b.alt{opacity:.6}.pr-mid{position:absolute;left:calc(50% - 1px);top:2px;bottom:2px;width:2px;background:var(--ivory)}.pr-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.pr-input::-webkit-slider-runnable-track{height:28px;background:transparent}.pr-input::-moz-range-track{height:28px;background:transparent}.pr-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:28px;background:transparent}.pr-input::-moz-range-thumb{width:40px;height:28px;border:none;border-radius:0;background:transparent}.pr-knob{position:absolute;top:0;left:calc((100% - 40px) * var(--q));width:40px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--ivory);color:var(--ink-0);box-shadow:0 2px 10px #0009;font-family:var(--display);font-stretch:85%;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;pointer-events:none}.predictor.locked .pr-knob{opacity:.7}.predictor:not([data-side]) .pr-knob,.predictor[data-side=""] .pr-knob{background:var(--mute)}.pr-ticks{position:relative;height:14px}.pr-tick{position:absolute;transform:translate(-50%);font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}.pr-readout{margin-top:6px;font-family:var(--display);font-stretch:80%;font-weight:800;font-size:20px;text-transform:uppercase;color:var(--ivory-2)}.predictor[data-side="0"] .pr-readout{color:var(--side-a)}.predictor[data-side="1"] .pr-readout{color:var(--side-b)}.pr-hint{font-size:12px;min-height:16px}.pr-tick:nth-child(4){transform:none}.pr-tick:nth-child(8){transform:translate(-100%)}.pick-dock .predictor{padding-top:10px;gap:6px}.pick-dock .pr-readout{margin-top:2px;font-size:18px}.pick-dock .pr-hint:empty{display:none}@media(max-width:520px){.pr-tick:nth-child(3),.pr-tick:nth-child(7){display:none}}.name-form{display:flex;gap:4px}.name-form .field{flex:1}.score-block{display:grid;grid-template-columns:auto 1fr;gap:4px 22px;align-items:center;padding:16px 18px;background:var(--ink-2)}.sb-points{grid-row:span 2;display:flex;align-items:baseline;gap:6px}.sb-points .display{font-size:64px}.sb-points.win .display{color:var(--gold)}.sb-points.lose .display{color:var(--mute)}.sb-unit{font-family:var(--display);font-stretch:85%;font-weight:700;text-transform:uppercase;color:var(--mute)}.sb-rows{display:grid;gap:8px}.sb-row{display:flex;flex-direction:column;gap:2px}.sb-detail{grid-column:2}.actions{display:flex;gap:6px}.wait-clock{font-size:48px;color:var(--gold)}.call-banner{position:absolute;top:12px;left:304px;display:flex;flex-direction:column;gap:2px;padding:8px 14px;background:#141116eb}.call-banner strong{color:var(--gold)}@media(max-width:1440px){.play-overlay{right:364px}}#game,#ui>:not(.play-overlay){transition:opacity .25s ease}body.stage-pending #game,body.stage-pending #ui>:not(.play-overlay){opacity:0;pointer-events:none}.play-overlay.prefight{left:12px;right:12px}.play-overlay.prefight .play-panel{width:min(980px,100%);max-height:calc(100vh - var(--nav-h) - 24px);overflow-y:auto}.pick-dock{display:flex;flex-direction:column;gap:10px}.pick-dock>.btn{align-self:flex-start}.play-overlay.prefight .pick-dock{position:sticky;bottom:-22px;z-index:2;margin:0 -22px -22px;padding:2px 22px 18px;background:#141116;box-shadow:0 -16px 24px #0d0b0fb3}body.fight-page:has(.play-overlay.prefight:not(.hidden)) #game,body.fight-page:has(.play-overlay.prefight:not(.hidden)) #ui>.arena-pick,body.fight-page:has(.play-overlay.prefight:not(.hidden)) #ui>.side,body.fight-page:has(.play-overlay.prefight:not(.hidden)) #ui>.bottom{visibility:hidden}.fight-sheets{display:flex;flex-direction:column;gap:8px}.fs-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fsheet{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--ink-2);min-width:0}.fs-top{display:flex;gap:12px;align-items:stretch}.fsheet.side-1 .fs-top{flex-direction:row-reverse}.fs-portrait{flex:none;line-height:0}.fs-id{display:flex;flex-direction:column;justify-content:space-between;gap:8px;flex:1;min-width:0}.fs-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.fs-name{font-family:var(--display);font-stretch:75%;font-weight:900;font-size:24px;line-height:1;text-transform:uppercase}.fsheet.side-0 .fs-name{color:var(--side-a)}.fsheet.side-1 .fs-name{color:var(--side-b)}.fs-cls,.fs-sub,.fs-label,.fs-islot{font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.fs-sub{display:flex;justify-content:space-between;gap:8px}.fs-upcount{color:var(--gold)}.fs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.fs-stat{display:flex;flex-direction:column;gap:1px;padding:5px 8px;background:var(--ink-3);min-width:0}.fs-stat:last-child{grid-column:span 3}.fs-value{font-weight:650;font-size:14px;color:var(--ivory);white-space:nowrap}.fs-stat.up .fs-value{color:var(--gold)}.fs-gear{display:flex;flex-direction:column;gap:4px}.fs-item{display:flex;align-items:center;gap:10px;padding:4px;background:var(--ink-3)}.fs-item.up{background:linear-gradient(90deg,rgba(230,180,80,.2),var(--ink-3) 70%)}.fs-item .icon{width:38px;height:38px;flex:none}.fs-itext{display:flex;flex-direction:column;gap:0;min-width:0}.fs-iname{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;font-weight:600;font-size:13px;color:var(--ivory)}.fs-item.up .fs-iname{color:var(--gold)}.fs-tag{font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.fs-istats{font-size:11.5px;color:var(--ivory-2)}.fs-spells{display:flex;flex-wrap:wrap;gap:6px}.fs-spell{display:flex;flex-direction:column;align-items:center;gap:3px;width:58px;cursor:help}.fs-spell .icon{width:36px;height:36px}.fs-sname{font-size:10.5px;line-height:1.15;text-align:center;color:var(--ivory-2)}.fs-spell.up .fs-sname{color:var(--gold);font-weight:650}.fs-spell.up{background:radial-gradient(circle at 50% 22px,rgba(230,180,80,.45),transparent 34px)}.fs-spell.up .icon{filter:drop-shadow(0 0 6px rgba(230,180,80,.7))}.fs-spell .fs-tag{font-size:9.5px;line-height:1.1;text-align:center;color:var(--gold)}.fs-top-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.fs-arena{display:flex;flex-direction:column;background:var(--ink-2);min-width:0}.fs-arena-pic{line-height:0;overflow:hidden}.fs-arena-pic canvas{display:block;width:100%;height:150px;object-fit:cover;object-position:50% 62%}.fs-arena-text{display:flex;flex-direction:column;gap:4px;padding:10px 14px 12px}.fs-arena-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.fs-arena-tag,.fs-mods-title,.fs-mod-tag{font-size:10.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.fs-arena-name{font-family:var(--display);font-stretch:75%;font-weight:900;font-size:22px;line-height:1;text-transform:uppercase;color:var(--ivory)}.fs-arena-champ{font-size:12px;font-weight:700;color:var(--gold)}.fs-mods{display:flex;flex-direction:column;gap:2px;min-width:0}.fs-mods-title{padding-bottom:4px}.fs-mod:last-child{flex:1}.fs-mod{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 14px;background:var(--ink-2)}.fs-mod.on{background:linear-gradient(90deg,rgba(230,180,80,.2),var(--ink-2) 80%)}.fs-mod.on .fs-mod-tag{color:var(--gold)}.fs-mod-body{display:flex;flex-direction:column;gap:3px;min-width:0}.fs-mod-line{font-size:13px;font-weight:600;color:var(--ivory)}.fs-mod-line.strong{font-family:var(--display);font-stretch:75%;font-weight:900;font-size:18px;line-height:1;text-transform:uppercase}.fs-mod-none{font-size:12.5px;color:var(--mute)}.fs-event-flavor{margin:0;font-size:12.5px;font-style:italic;color:var(--ivory-2)}.fs-effects{display:flex;flex-wrap:wrap;gap:3px 14px}.fs-effect{font-size:12.5px;font-weight:650;color:var(--ivory)}.fs-effect:before{content:"▲ ";font-size:9px;color:var(--good)}.fs-effect.down:before{content:"▼ ";color:var(--bad)}@media(max-width:760px){.fs-top-row,.fs-cols{grid-template-columns:1fr}}@media(max-width:520px){.fsheet{padding:10px}.fs-top{gap:10px}.fs-portrait canvas,.fs-portrait img{width:76px!important;height:auto!important}.fs-head{flex-direction:column;gap:2px}.fs-name{font-size:21px}.fs-stat{padding:4px 6px}.fs-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}}@media(max-width:760px){.call-banner,.room-page .room-banner{top:auto;bottom:calc(var(--hud-bottom, 240px) - 12px);left:8px;right:8px;padding:6px 10px}.play-overlay,.play-overlay.prefight{left:8px;right:8px}}