html,body{height:100%}body{background:#050807;min-height:0;overflow:hidden}.stage{place-items:center;display:grid;position:fixed;inset:0}.stage .arena{aspect-ratio:16/9;width:min(100vw,177.778vh);box-shadow:none;border:0;border-radius:0;container-type:inline-size}.stage .arena:after{border-radius:0}.arena .panel h2{font-size:clamp(1.1rem,3.2cqw,3rem)}.arena .panel{padding:clamp(10px,2.2cqw,30px)}.arena .choice{min-height:clamp(54px,10.5cqw,158px)}.arena .choice strong{overflow-wrap:normal;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.62rem,1.35cqw,1.18rem);overflow:hidden}.arena .choice small{font-size:clamp(.5rem,.9cqw,.73rem)}.arena .fighter-name strong{font-size:clamp(.8rem,2.4cqw,2.25rem)}.arena .fighter-name small,.arena .clock small,.arena .special-line,.arena .combat-line,.arena .resource-line{font-size:clamp(.42rem,.95cqw,.74rem)}.arena .clock span{font-size:clamp(1rem,3.2cqw,2.8rem)}.arena .cue{font-size:clamp(1.5rem,6.2cqw,6rem)}.arena .dialogue{font-size:clamp(.62rem,1.5cqw,1.16rem)}.arena .life-track{height:clamp(6px,1.4cqw,19px)}.arena .primary,.arena .secondary{min-height:clamp(26px,2.8cqw,38px);padding:clamp(3px,.5cqw,8px) clamp(8px,1.2cqw,16px);font-size:clamp(.7rem,1.1cqw,.95rem)}.arena .difficulty-options button{min-width:0;padding:clamp(2px,.4cqw,5px) clamp(6px,.9cqw,12px);font-size:clamp(.65rem,1cqw,.9rem)}.arena .choices{gap:clamp(4px,.8cqw,12px);margin-bottom:clamp(6px,1.2cqw,16px)}.arena .match-options{margin-bottom:clamp(6px,1cqw,14px)}.toolbar{z-index:8;align-items:center;gap:6px;display:flex;position:absolute;bottom:2%;right:1.2%}.status-line{color:var(--muted);background:#0f1714c9;border-radius:999px;padding:2px 10px;font-size:clamp(.55rem,.95cqw,.8rem)}.status-line:empty{display:none}.icon-button{width:clamp(26px,2.6cqw,38px);height:clamp(26px,2.6cqw,38px);color:var(--gold);font:700 clamp(.8rem, 1.3cqw, 1.1rem)/1 var(--sans);background:#131c18e0;border:1px solid #b89861;border-radius:50%;place-items:center;padding:0;display:grid}.icon-button:hover{background:#26312a}.icon-button svg{fill:currentColor;width:60%;height:60%}.title-screen{z-index:6;background:#070a14;padding:0;overflow:hidden}.title-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.2s,transform 6s ease-out;position:absolute;inset:0;transform:scale(1.04)}.title-image.shown{opacity:1;transform:none}.title-screen:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05070dd9 75%);position:absolute;inset:55% 0 0}.title-bottom{z-index:1;text-align:center;text-shadow:0 2px 10px #000;justify-items:center;gap:clamp(4px,.7cqw,9px);display:grid;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.arena .title-button{min-height:0;padding:clamp(6px,.8cqw,12px) clamp(20px,3.4cqw,46px);font-size:clamp(.9rem,1.8cqw,1.5rem);animation:2.4s ease-in-out infinite title-pulse;box-shadow:0 0 0 1px #ffe2ae80,0 0 28px #ffb84a66}@keyframes title-pulse{50%{box-shadow:0 0 0 1px #ffe2aed0,0 0 42px #ffb84aa8}}.title-hint,.title-status{color:#e6dcc6;margin:0;font-size:clamp(.6rem,1cqw,.85rem)}.title-status{min-height:1.2em;color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.title-image{transition:opacity .3s;transform:none}.arena .title-button{animation:none}}.overlay.popup{z-index:9;background:#050807b8}.help-panel{text-align:left;width:min(860px,96%)}.help-panel h2,.settings-panel h2{text-align:center}.help-grid{grid-template-columns:1fr 1fr;gap:clamp(10px,2cqw,28px);display:grid}.help-grid h3{color:var(--gold);font:650 clamp(.7rem, 1.1cqw, .9rem)/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px}.help-grid dl{gap:clamp(3px,.5cqw,7px);margin:0;display:grid}.help-grid dl div{grid-template-columns:minmax(70px,38%) 1fr;align-items:baseline;gap:8px;display:grid}.help-grid dt{color:var(--muted);font-size:clamp(.62rem,1cqw,.85rem)}.help-grid dd{margin:0;font-size:clamp(.65rem,1.05cqw,.9rem)}.help-rules{color:var(--muted);margin:clamp(8px,1.4cqw,16px) 0;font-size:clamp(.6rem,.95cqw,.82rem)}.help-panel>button,.settings-panel>button{margin:0 auto;display:block}.settings-panel{width:min(440px,92%)}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font-weight:650;display:flex}.switch-row input{opacity:0;pointer-events:none;position:absolute}.switch{background:#38453a;border:1px solid #796a50;border-radius:999px;width:46px;height:24px;transition:background .15s;position:relative}.switch:after{content:"";background:#d9cfb8;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch-row input:checked+.switch{background:#ebc58a}.switch-row input:checked+.switch:after{background:#19160f;transform:translate(22px)}.switch-row input:focus-visible+.switch{outline-offset:3px;outline:2px solid #fff0bd}.sliders{text-align:left;grid-template-columns:max-content 1fr 3.2em;align-items:center;gap:10px 12px;margin:0 0 18px;display:grid}.sliders output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.sliders input{accent-color:#ebc58a;width:100%}.sliders.disabled{opacity:.45}.players{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.players li{background:#1c2621;border:1px solid #796a50;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:.85rem;display:flex}.players li.me{border-color:#ffe0a1}.players .avatar{object-fit:cover;background:#38453a;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:grid}.players small{color:var(--muted)}.players .host{color:var(--gold);font-weight:650}.choice.taken{filter:grayscale(.85)brightness(.55);cursor:not-allowed}.choice .owner{z-index:1;color:var(--gold);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#111b18e6;border-radius:3px;padding:1px 4px;font-size:clamp(.5rem,.9vw,.7rem);font-weight:650;position:absolute;top:4px;left:4px;right:4px;overflow:hidden}.choice:focus-visible{outline-offset:3px;outline:2px solid #fff0bd}.bracket-panel{width:min(980px,98%)}.bracket{justify-content:center;gap:clamp(8px,2vw,22px);margin:6px 0 12px;display:flex;overflow-x:auto}.round{flex-direction:column;flex:1 1 0;justify-content:space-around;gap:10px;min-width:0;max-width:260px;display:flex}.round h3{font:600 .8rem/1.2 var(--sans);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0}.bmatch{text-align:left;background:#182320;border:1px solid #5f5643;border-radius:4px}.bmatch.current{border-color:#ffe0a1;box-shadow:0 0 0 1px #ffe0a1,0 0 18px #ffd99033}.slot{align-items:center;gap:6px;min-height:30px;padding:4px 6px;font-size:clamp(.62rem,1.2vw,.82rem);display:flex}.slot+.slot{border-top:1px solid #3d3a2e}.slot img{object-fit:cover;object-position:center 30%;border-radius:3px;flex:none;width:22px;height:22px}.slot span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.slot small{color:var(--muted);font-variant-numeric:tabular-nums}.slot.win span{color:#fff0c9;font-weight:700}.slot.lose{opacity:.55}.slot.empty{color:#8a8a78}.bmatch .note{color:var(--muted);padding:2px 6px 4px;font-size:.66rem}.bracket-info{color:var(--muted);margin:0 0 10px}.bracket-info strong{color:#c5ffeb}.badge{z-index:4;color:#f0dcc0;pointer-events:none;background:#131914d9;border:1px solid #a98a56;border-radius:999px;padding:3px 12px;font-size:clamp(.55rem,.95cqw,.8rem);position:absolute;bottom:2.4%;left:1.2%}.lobby-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.players .ready{color:#9ff0c8;font-weight:700}.players .waiting{color:var(--muted)}#ready-button[aria-pressed=true]{color:#e9fff4;background:#2f5a45;border-color:#9ff0c8}.special-icon{color:#5d7e78;font-size:clamp(.7rem,1.4cqw,1.2rem);line-height:1;transition:color .2s,text-shadow .2s}.special-line.ready .special-track{border-color:#c5ffeb;box-shadow:0 0 10px #8dffd8aa}.special-line.ready .special-icon{color:#c5ffeb;text-shadow:0 0 10px #8dffd8;animation:1s ease-in-out infinite special-pulse}@keyframes special-pulse{50%{transform:scale(1.25)}}.meter-line{align-items:center;gap:clamp(6px,1cqw,14px);min-height:clamp(8px,1.2cqw,14px);margin-top:5px;display:flex}.opponent .meter-line{flex-direction:row-reverse}.pips{align-items:center;gap:3px;display:inline-flex}.pips b{color:var(--pip);margin-right:2px;font-size:clamp(.5rem,.9cqw,.75rem)}.pip{border:1px solid var(--pip);background:#0e1513cc;border-radius:2px;width:clamp(6px,.9cqw,11px);height:clamp(6px,.9cqw,11px);position:relative;overflow:hidden;transform:rotate(45deg)}.pip.on{background:var(--pip);box-shadow:0 0 6px var(--pip)}.pip.loading:after{content:"";background:var(--pip);opacity:.6;transform:scaleY(var(--fill,0));transform-origin:bottom;position:absolute;inset:0}.pips[data-kind=Mana]{--pip:#a98bff}.pips[data-kind=Ausdauer]{--pip:#8fe08a}.pips[data-kind=Pfeile]{--pip:#e8b06a}.pips[data-kind=Karma]{--pip:#ffd760}.dash-meter{color:#8e9a90;align-items:center;gap:3px;display:inline-flex}.dash-meter b{font-size:clamp(.6rem,1.1cqw,.95rem);line-height:1}.dash-bar{background:#142423dc;border:1px solid #a6d5d066;border-radius:2px;width:clamp(16px,2.6cqw,34px);height:clamp(3px,.4cqw,5px);overflow:hidden}.dash-bar i{transform-origin:0;background:#b6eedc;height:100%;display:block}.opponent .dash-bar i{transform-origin:100%}.dash-meter.available{color:#b6eedc}.dash-meter.active{color:#fff}.combo{color:#ffdf9e;align-items:center;gap:3px;font-size:clamp(.55rem,1cqw,.85rem);display:inline-flex}.combo .dot{border:1px solid #ffdf9e88;border-radius:50%;width:clamp(5px,.7cqw,9px);height:clamp(5px,.7cqw,9px)}.combo .dot.on{background:#ffdf9e;box-shadow:0 0 5px #ffcf6a}.combo .dot.queued{border-style:dashed;border-color:#ffdf9e}.combo .flag{font-size:clamp(.6rem,1.1cqw,.95rem);line-height:1}.combo .stun-bar{background:#3a1d2b;border-radius:2px;width:clamp(16px,2.6cqw,34px);height:clamp(3px,.4cqw,5px);overflow:hidden}.combo .stun-bar i{transform-origin:0;background:#ff9ac5;height:100%;display:block}.series{gap:3px;margin-top:3px;display:flex}.series i{border:1px solid #ebc58a;border-radius:50%;width:clamp(5px,.7cqw,9px);height:clamp(5px,.7cqw,9px)}.series i.won{background:#ebc58a;box-shadow:0 0 5px #ffd38a}.series .sep{border:0;width:4px}.toast{z-index:8;color:#ffe9b8;font:700 clamp(.9rem, 2.2cqw, 1.9rem)/1.1 var(--serif);text-align:center;pointer-events:none;background:#1a1408ee;border:1px solid #ffe0a1;border-radius:6px;padding:clamp(6px,.9cqw,12px) clamp(14px,2.4cqw,30px);animation:.35s ease-out toast-in;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ffb84a66}.toast small{font:500 clamp(.55rem, .95cqw, .8rem)/1.2 var(--sans);color:#e6dcc6;margin-top:3px;display:block}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)scale(.96)}}.bet-box{z-index:7;text-align:center;background:#111b18f2;border:1px solid #c3a775a1;border-radius:6px;width:min(460px,70%);padding:clamp(8px,1.1cqw,14px);position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #000a}.bet-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:clamp(.65rem,1.05cqw,.9rem);display:flex}.bet-head span{color:var(--gold)}.bet-picks,.bet-amounts{justify-content:center;gap:6px;margin-bottom:6px;display:flex}.bet-picks button,.bet-amounts button{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#26312a;border:1px solid #796a50;border-radius:4px;flex:1;padding:clamp(3px,.5cqw,7px) 8px;font-size:clamp(.62rem,1cqw,.85rem);overflow:hidden}.bet-amounts button{flex:none;min-width:54px}.bet-picks button[aria-pressed=true],.bet-amounts button[aria-pressed=true]{color:#19160f;background:#ebc58a;border-color:#f3d6a0;font-weight:700}.bet-picks button:disabled,.bet-amounts button:disabled{opacity:.45;cursor:not-allowed}.bet-status{color:var(--muted);margin:0;font-size:clamp(.58rem,.95cqw,.8rem)}.overlay:not([hidden])~.bet-box{bottom:2%}.coin-board{flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0 0 12px;font-size:clamp(.62rem,1cqw,.85rem);display:flex}.coin-board strong{color:var(--gold)}.coin-board .top{color:#ffe9b8;font-weight:700}.slot small.wins{color:#ffe0a1;font-weight:700}.bet-box.side{width:min(340px,32%);bottom:12%;left:auto;right:1.2%;transform:none}.bet-box.side .bet-picks{flex-direction:column}.life-track{position:relative}.life-track i{z-index:1;position:relative}.life-trail{transform-origin:0;background:linear-gradient(90deg,#ff6a4a,#ffd0a0);transition:transform .5s ease-in .35s;position:absolute;inset:0}.opponent .life-trail{transform-origin:100%}.callout{z-index:6;color:#fff3c4;font:800 clamp(2rem, 8cqw, 7rem)/1 var(--serif);letter-spacing:.04em;text-shadow:0 0 18px #ffb02e,0 0 46px #ff8a00,0 4px 6px #2a1700;pointer-events:none;animation:.9s cubic-bezier(.2,1.6,.4,1) both callout-in;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes callout-in{0%{opacity:0;transform:translate(-50%)scale(2.2)}25%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1.08)}}.combo-count{z-index:4;color:#ffe9b8;font:800 clamp(1rem, 3.6cqw, 3rem)/1 var(--serif);text-shadow:0 0 12px #ff9a3c,0 3px 4px #000;pointer-events:none;animation:.25s ease-out combo-pop;position:absolute;top:26%}.combo-count small{font:700 clamp(.5rem, 1.1cqw, .9rem)/1.2 var(--sans);letter-spacing:.2em;color:#ffd59a;display:block}.combo-count.left{left:5%}.combo-count.right{text-align:right;right:5%}@keyframes combo-pop{0%{opacity:.4;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.callout,.combo-count{animation:none}}.cheer-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cheer{bottom:calc(-3% + var(--stack,0) * 3%);align-items:flex-end;gap:clamp(4px,.6cqw,10px);width:42%;animation:3.2s ease-out both cheer-left;display:flex;position:absolute}.cheer.left{left:-2.5%}.cheer.right{flex-direction:row-reverse;animation-name:cheer-right;right:-2.5%}.cheer img{filter:drop-shadow(0 6px 10px #000c);width:clamp(110px,19cqw,280px);height:auto}.cheer.right img{transform:scaleX(-1)}.cheer-bubble{color:#2a1d0e;max-width:70%;font:700 clamp(.6rem, 1.15cqw, 1rem)/1.25 var(--sans);background:#fff6e2f2;border:1px solid #ffe0a1;border-radius:10px;margin-bottom:30%;padding:clamp(4px,.6cqw,9px) clamp(8px,1cqw,14px);position:relative;box-shadow:0 6px 16px #0008}.cheer-bubble small{color:#7a5a2a;font-size:.78em;font-weight:600;display:block}@keyframes cheer-left{0%{opacity:0;transform:translate(-110%)}12%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-110%)}}@keyframes cheer-right{0%{opacity:0;transform:translate(110%)}12%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}.cheer-hint{z-index:8;color:var(--muted);pointer-events:none;background:#0f1714c9;border:1px solid #5f5643;border-radius:999px;padding:2px 12px;font-size:clamp(.55rem,.95cqw,.8rem);position:absolute;bottom:2.4%;left:50%;transform:translate(-50%)}.cheer-hint.ready{color:#ffe0a1;border-color:#ebc58a}@media (prefers-reduced-motion:reduce){.cheer,.cheer.right{animation-name:none}}