:root{--ink:#17121f;--paper:#fff6e0;--purple:#5b2a9d;--teal:#19a7a0;--magenta:#d6287f;--marigold:#ffbe2e;--danger:#ff4b3e;--screen-key-size:clamp(48px, min(6.5vw, 11vh), 64px);--screen-key-gap:clamp(4px, .7vw, 8px);--joystick-size:clamp(112px, min(22vw, 40vh), 168px);--duo-key:clamp(44px, min(6vw, 13vh), 64px);--duo-stick:clamp(88px, min(14vw, 26vh), 150px);--display-font:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;--body-font:"Trebuchet MS", "Segoe UI", system-ui, sans-serif;--app-width:100vw;--app-height:100vh}@supports (height:1dvh){:root{--screen-key-size:clamp(48px, min(6.5vw, 11dvh), 64px);--joystick-size:clamp(112px, min(22vw, 40dvh), 168px);--duo-key:clamp(44px, min(6vw, 13dvh), 64px);--duo-stick:clamp(88px, min(14vw, 26dvh), 150px);--app-height:100dvh}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--paper);font-family:var(--body-font);background:#241338;margin:0;overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#stage{display:block;position:fixed;top:0;bottom:0;left:0;right:0}#hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}footer{z-index:2;text-align:center;background:#17121fd1;padding:6px 16px;font-size:13px;display:none;position:fixed;bottom:0;left:0;right:0}footer p{margin:0}body[data-screen] footer,body.no-webgl footer{display:block}.hud-top{grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;padding:14px 20px 0;display:grid}.fighter-bar{min-width:0}.bar-track{border:3px solid var(--ink);background:#3a2c4a;border-radius:7px;height:26px;position:relative;overflow:hidden;box-shadow:0 3px #17121f8c}.bar-fill,.bar-ghost{transform-origin:100%;position:absolute;top:0;bottom:0;left:0;right:0}.bar-ghost{background:var(--paper);transition:transform .7s cubic-bezier(.5,0,.4,1) .18s}.bar-fill{background:linear-gradient(180deg, #4fe0cf 0%, var(--teal) 55%, #0f7f7c 100%);transition:transform .11s linear}.fighter-bar.right .bar-fill,.fighter-bar.right .bar-ghost{transform-origin:0}.fighter-bar.right .bar-fill{background:linear-gradient(180deg, #ff6db3 0%, var(--magenta) 55%, #a01a5e 100%)}.fighter-bar .bar-fill.low{background:linear-gradient(180deg, #ffd05e 0%, var(--danger) 70%)}.name-row{justify-content:space-between;align-items:center;gap:10px;margin-top:5px;display:flex}.fighter-bar.right .name-row{flex-direction:row-reverse}.name{font-family:var(--display-font);letter-spacing:.04em;text-overflow:ellipsis;text-shadow:2px 2px 0 var(--ink), -1px -1px 0 var(--ink);white-space:nowrap;font-size:23px;overflow:hidden}.pips{flex:none;gap:6px;display:inline-flex}.pip{border:3px solid var(--ink);background:#fff6e04d;border-radius:50%;width:16px;height:16px}.pip.won{background:var(--marigold)}.timer{border:3px solid var(--ink);background:var(--purple);min-width:78px;font-family:var(--display-font);text-align:center;border-radius:10px;padding:2px 10px 0;font-size:42px;line-height:1.08;box-shadow:0 3px #17121f8c}.callout{color:var(--marigold);font-family:var(--display-font);letter-spacing:.03em;text-align:center;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);font-size:clamp(56px,13vw,132px);line-height:1;animation:.32s cubic-bezier(.2,1.7,.4,1) both callout-pop;position:absolute;top:26%;left:0;right:0}@keyframes callout-pop{0%{opacity:0;transform:scale(.35)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(-2deg)}}.controls-hint{text-align:center;text-shadow:1px 2px 0 var(--ink);white-space:pre;margin:0;font-size:clamp(11px,1.35vw,17px);font-weight:700;position:absolute;bottom:14px;left:0;right:0}.controls-hint[hidden]{display:none}.webgl-error{z-index:5;text-align:center;background:#241338;justify-content:center;align-items:center;margin:0;padding:16px;font-size:clamp(16px,2.6vw,22px);font-weight:700;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#screen-keys{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 clamp(8px,2vw,24px) clamp(8px,2vh,20px);display:flex;position:absolute;bottom:0;left:0;right:0}#screen-keys[hidden]{display:none}.screen-keys-cluster{grid-template-columns:repeat(3, var(--screen-key-size));gap:var(--screen-key-gap);display:grid}.screen-keys-cluster.dpad,.screen-keys-cluster.face{grid-template-rows:repeat(3, var(--screen-key-size))}.screen-keys-fight{align-items:center;gap:calc(var(--screen-key-gap) * 2);flex-direction:column;display:flex}.screen-key{--key-accent:var(--marigold);width:var(--screen-key-size);height:var(--screen-key-size);border:3px solid var(--ink);background:var(--paper);box-shadow:0 5px 0 var(--ink);color:var(--ink);cursor:pointer;font-family:var(--body-font);opacity:.9;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.screen-key[data-slot=dpadTop]{grid-area:1/2}.screen-key[data-slot=dpadLeft]{grid-area:2/1}.screen-key[data-slot=dpadRight]{grid-area:2/3}.screen-key[data-slot=dpadBottom]{grid-area:3/2}.screen-key[data-slot=jumpButton]{background:#ffe39a;grid-area:3/1}.screen-key[data-slot^=face]{background:var(--key-accent);border-radius:50%}.screen-key[data-slot=faceTop]{--key-accent:var(--magenta);color:var(--paper);grid-area:1/2}.screen-key[data-slot=faceLeft]{--key-accent:var(--marigold);grid-area:2/1}.screen-key[data-slot=faceRight]{--key-accent:var(--teal);grid-area:2/3}.screen-key[data-slot=faceBottom]{--key-accent:#7d44c7;color:var(--paper);grid-area:3/2}.screen-key[data-slot=shoulder]{width:calc(var(--screen-key-size) * 2.1);height:calc(var(--screen-key-size) * .8);background:#ffe39a;border-radius:999px;flex-direction:row;gap:6px;min-height:44px}.screen-key-letter{font-family:var(--display-font);font-size:calc(var(--screen-key-size) * .46);line-height:1}.screen-key-letter.word{font-size:calc(var(--screen-key-size) * .3)}.screen-key-caption{font-size:calc(var(--screen-key-size) * .17);letter-spacing:.01em;text-transform:uppercase;margin-top:2px;font-weight:700;line-height:1}.screen-key[data-slot=shoulder] .screen-key-caption{font-size:calc(var(--screen-key-size) * .2);margin-top:0}.screen-key.down{border-color:var(--key-accent);background:var(--ink);box-shadow:0 1px 0 var(--ink);color:var(--paper);opacity:1;transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.callout{animation:none}.bar-fill,.bar-ghost{transition:none}}@media (max-width:640px){.hud-top{gap:8px;padding:8px 8px 0}.name{font-size:15px}.timer{min-width:54px;font-size:28px}}.meters{grid-template-columns:1fr 1fr;gap:8px;margin-top:5px;display:grid}.meter{min-width:0}.meter-label{color:#fff6e0c7;letter-spacing:.1em;text-shadow:1px 1px 0 var(--ink);margin-bottom:1px;font-size:10px;font-weight:700;display:block}.meter-track{border:2px solid var(--ink);background:#3a2c4a;border-radius:5px;height:9px;overflow:hidden}.meter-fill{transform-origin:0;background:linear-gradient(#7fe9df,#19a7a0);width:100%;height:100%;transition:transform .11s linear;transform:scaleX(0)}.fighter-bar.right .meter-fill{transform-origin:100%}.meter.super .meter-fill{background:linear-gradient(#ff6db3,#a01a5e)}.meter.ready .meter-label{color:var(--paper)}.meter.special.ready .meter-track{box-shadow:0 0 10px 2px #7fe9dfd9}.meter.special.ready .meter-fill{background:linear-gradient(#d8fffb,#4fe0cf)}.meter.super.ready .meter-track{box-shadow:0 0 12px 3px #ffbe2ee6}.meter.super.ready .meter-fill{background:linear-gradient(180deg, #fff1b0, var(--marigold) 55%, #e08a00)}.meter.ready .meter-label{animation:.9s ease-in-out infinite alternate ready-blink}@keyframes ready-blink{0%{opacity:.65}to{opacity:1}}.passive{color:#aeeaff;letter-spacing:.04em;min-height:15px;text-shadow:1px 1px 0 var(--ink);margin-top:3px;font-size:12px;font-weight:700;display:block}.fighter-bar.right .passive{text-align:right}.mode-line{background:var(--ink);color:var(--marigold);letter-spacing:.04em;border-radius:6px;margin-top:2px;padding:2px 10px;font-size:16px;font-weight:800;display:table}.mode-line:empty{display:none}.fighter-bar.right .mode-line{margin-left:auto}.mode-banner{color:var(--marigold);font-family:var(--display-font);letter-spacing:.04em;text-align:center;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;pointer-events:none;font-size:clamp(24px,3.6vw,44px);line-height:1;position:absolute;top:118px;left:0;right:0}.mode-banner[hidden]{display:none}.count-panel{text-align:center;pointer-events:none;width:clamp(120px,18vw,210px);position:absolute;top:26%}.count-panel[hidden]{display:none}.count-panel.side-0{left:7%}.count-panel.side-1{right:7%}.count-number{color:var(--paper);font-family:var(--display-font);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-size:clamp(64px,11vw,132px);line-height:.95}.count-label{color:var(--marigold);font-family:var(--display-font);letter-spacing:.04em;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin-top:2px;font-size:clamp(22px,3vw,36px);line-height:1}.count-panel.final .count-number,.count-panel.final .count-label{color:#ff8a7a}.count-track{border:3px solid var(--ink);background:#3a2c4a;border-radius:8px;height:16px;margin-top:8px;overflow:hidden}.count-track[hidden]{display:none}.count-fill{background:linear-gradient(180deg, #fff1b0, var(--marigold));transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.event-callouts{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.event-callout{font-family:var(--display-font);letter-spacing:.04em;white-space:nowrap;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);line-height:1;animation:1.1s cubic-bezier(.2,1.5,.4,1) both event-pop;position:absolute}.event-callout[hidden]{display:none}.event-callout.move{color:var(--paper);text-align:center;font-size:clamp(34px,7vw,78px);top:16%;left:0;right:0}.event-callout.move.side-0{color:#7fe9df}.event-callout.move.side-1{color:#ff8fc7}.event-callout.reaction{color:var(--marigold);font-size:clamp(30px,5.5vw,62px);top:40%}.event-callout.reaction.side-0,.event-callout.combo.side-0{left:6%}.event-callout.reaction.side-1,.event-callout.combo.side-1{right:6%}.event-callout.combo{color:var(--paper);font-size:clamp(26px,4.4vw,52px);animation:.26s cubic-bezier(.2,1.7,.4,1) both combo-pop;top:27%}@keyframes event-pop{0%{opacity:0;transform:scale(.4)rotate(-4deg)}18%{opacity:1;transform:scale(1.08)rotate(-2deg)}75%{opacity:1;transform:scale(1)rotate(-2deg)}to{opacity:0;transform:scale(1)rotate(-2deg)translateY(-14px)}}@keyframes combo-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.screen-key.meter-key{opacity:.42;filter:saturate(.35)}.screen-key.meter-key.ready{border-color:var(--paper);box-shadow:0 5px 0 var(--ink), 0 0 0 4px var(--key-accent), 0 0 22px 8px var(--key-accent);filter:none;opacity:1;animation:.7s ease-in-out infinite alternate key-ready}.screen-key[data-slot=faceTop].ready{--key-accent:var(--marigold);background:linear-gradient(180deg, #fff1b0, var(--marigold));color:var(--ink)}.screen-key.meter-key.ready.down{box-shadow:0 1px 0 var(--ink)}@keyframes key-ready{0%{transform:scale(1)}to{transform:scale(1.09)}}@media (prefers-reduced-motion:reduce){.event-callout,.meter.ready .meter-label,.screen-key.meter-key.ready{animation:none}.meter-fill{transition:none}}#screens{z-index:1;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.screen{--gutter:clamp(16px, 3vw, 40px);--footer-room:32px;isolation:isolate;pointer-events:auto;background:#241338;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen:before{z-index:-2;background:repeating-conic-gradient(from 3deg at 50% 50%, #2e1a4d 0 9deg, #241338 9deg 18deg);content:"";position:absolute;top:-60%;bottom:-60%;left:-60%;right:-60%}.portrait-stage{z-index:-1;pointer-events:none;display:block;position:absolute;top:0;bottom:0;left:0;right:0}footer{color:#fff6e0d1;pointer-events:none;background:0 0}body[data-screen=title] footer,body[data-screen=about] footer{padding:0 var(--footer-gutter,24px) clamp(12px, 3.5vh, 28px);color:var(--paper);font-size:clamp(14px,1.5vw,18px);font-weight:700}.screen-heading{color:var(--paper);font-family:var(--display-font);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(26px,min(4.4vw,8vh),52px);font-weight:400;line-height:1}.key-chip{border:2px solid var(--ink);background:var(--paper);min-width:1.7em;box-shadow:0 2px 0 var(--ink);color:var(--ink);font-family:var(--body-font);text-align:center;text-transform:none;border-radius:5px;padding:.12em .4em;font-size:.72em;font-weight:700;line-height:1.2;display:inline-block}.back-button{border:3px solid var(--ink);background:var(--purple);box-shadow:0 3px 0 var(--ink);color:var(--paper);cursor:pointer;font-family:var(--display-font);letter-spacing:.04em;border-radius:8px;align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:clamp(15px,1.7vw,20px);display:inline-flex}.back-button:hover{outline:3px solid var(--marigold);outline-offset:2px}.back-button:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}.storage-note{border:2px solid var(--ink);background:var(--danger);color:var(--ink);margin:0;padding:3px 10px;font-size:clamp(12px,1.3vw,14px);font-weight:700}.logo{font-family:var(--display-font);font-size:var(--logo-size,clamp(84px, min(19vw, 32vh), 260px));letter-spacing:.015em;text-transform:uppercase;flex-direction:column;align-items:flex-start;line-height:.92;display:inline-flex;transform:rotate(-3deg)}.logo-top{color:var(--marigold);-webkit-text-stroke:.035em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--ink)}.logo-bottom{background:var(--magenta);box-shadow:.06em .06em 0 var(--ink);color:var(--paper);margin-top:.02em;margin-left:.3em;padding:.03em .16em .02em;transform:skew(-7deg)}.logo-hindi{color:var(--paper);text-shadow:.06em .06em 0 var(--ink);margin-top:.12em;margin-left:.5em;font-family:Kohinoor Devanagari,Noto Sans Devanagari,Nirmala UI,Mangal,sans-serif;font-size:.3em;font-weight:700;line-height:1.3}.screen-menu{--logo-size:clamp(44px, min(9vw, 16vh), 120px)}.screen-title{flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,5vh,44px);padding-bottom:clamp(36px,10vh,80px);display:flex}.press-any-key{border:4px solid var(--ink);background:var(--paper);box-shadow:0 5px 0 var(--ink);color:var(--ink);font-family:var(--display-font);letter-spacing:.05em;text-transform:uppercase;margin:0;padding:.14em .6em .08em;font-size:clamp(22px,min(3.4vw,7vh),42px);animation:1.1s steps(2,jump-none) infinite press-pulse}@keyframes press-pulse{0%{background:var(--paper)}to{background:var(--marigold)}}.menu-list{flex-direction:column;align-items:flex-start;gap:clamp(2px,1vh,10px);display:flex}.menu-item{color:var(--paper);cursor:pointer;font-family:var(--display-font);font-size:var(--item-size,clamp(38px, min(7vw, 14vh), 88px));letter-spacing:.02em;text-align:left;text-transform:uppercase;isolation:isolate;text-shadow:.04em .04em 0 var(--ink);background:0 0;border:0;align-items:baseline;gap:.6em;padding:.05em .34em 0;line-height:1.08;display:flex;position:relative}.menu-item:before{z-index:-1;content:"";background:0 0;position:absolute;top:.03em;bottom:0;left:0;right:0;transform:skew(-8deg)}.menu-item:focus{outline:none}.menu-item:focus:before{border:4px solid var(--ink);background:var(--marigold);box-shadow:.07em .07em 0 var(--ink)}.menu-item:focus{color:var(--ink);text-shadow:none}.menu-item:disabled,.menu-item.arming{cursor:default;opacity:.55}.menu-item-note{font-family:var(--body-font);letter-spacing:0;text-shadow:none;text-transform:none;font-size:.26em;font-weight:700}.screen-menu{justify-content:space-between;align-items:center;gap:var(--gutter);padding:var(--gutter) var(--gutter) var(--footer-room);display:flex}.menu-side{flex-direction:column;align-items:flex-end;gap:clamp(14px,5vh,40px);display:flex}.approval-stamp{border:3px solid var(--ink);background:var(--purple);box-shadow:0 4px 0 var(--ink);flex-direction:column;align-items:center;padding:.3em .7em .25em;font-size:clamp(14px,1.8vw,22px);display:inline-flex;transform:rotate(2deg)}.approval-value{color:var(--marigold);font-family:var(--display-font);letter-spacing:.03em;font-size:1.7em;line-height:1}.approval-label{letter-spacing:.1em;text-transform:uppercase;font-size:.56em;font-weight:700}.screen-difficulty,.screen-leaderboard{padding:clamp(10px, 2.5vh, 22px) var(--gutter) var(--footer-room);flex-direction:column;align-items:flex-start;gap:clamp(6px,2vh,18px);display:flex}.ladder{--item-size:clamp(34px, min(6.4vw, 13vh), 80px);flex:1;justify-content:center;width:100%}.ladder .menu-item:nth-child(2){margin-left:4vw}.ladder .menu-item:nth-child(3){margin-left:8vw}.ladder .menu-item:nth-child(4){margin-left:12vw}@media (prefers-reduced-motion:reduce){.press-any-key{animation:none}}.screen-prematch{padding:clamp(10px, 2.5vh, 22px) var(--gutter) var(--footer-room);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) 42vw minmax(0,1fr);display:grid}.screen-prematch .back-button{z-index:1;grid-area:1/1/auto/-1;justify-self:start}.prematch-side{grid-row:2;align-self:center;min-width:0}.prematch-side.side-1{text-align:right;grid-column:3}.prematch-owner{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:clamp(12px,1.4vw,16px);font-weight:700}.prematch-name{overflow-wrap:anywhere;color:var(--marigold);font-family:var(--display-font);letter-spacing:.02em;text-shadow:3px 3px 0 var(--ink);text-transform:uppercase;margin:0 0 clamp(4px,1.5vh,14px);font-size:clamp(26px,min(4.2vw,8.6vh),56px);font-weight:400;line-height:1}.side-1 .prematch-name{color:#ff8fc7}.controls-list{margin:0;font-size:clamp(12px,min(1.4vw,3.3vh),17px)}.controls-row{border-bottom:2px solid #fff6e033;justify-content:space-between;gap:12px;padding:1px 0;display:flex}.controls-row dt{font-weight:700}.controls-row dd{margin:0}.fight-list{--item-size:clamp(38px, min(6vw, 13vh), 76px);grid-column:1/-1;align-items:center}.screen-results{--item-size:clamp(24px, min(3.6vw, 8vh), 46px);padding:var(--gutter) var(--gutter) var(--footer-room);align-items:center;display:flex}.results-panel{flex-direction:column;align-items:flex-start;gap:clamp(3px,1.4vh,12px);width:min(52vw,620px);display:flex}.results-headline{color:var(--marigold);font-family:var(--display-font);letter-spacing:.02em;text-shadow:4px 4px 0 var(--ink);text-transform:uppercase;margin:0;font-size:clamp(34px,min(6vw,12vh),80px);font-weight:400;line-height:.98;transform:rotate(-1.5deg)}.results-quip{margin:0;font-size:clamp(15px,min(2vw,4.4vh),24px);font-weight:700}.results-points p{margin:0}.results-points{flex-wrap:wrap;align-items:baseline;gap:0 12px;max-width:42vw;display:flex}.results-gain{color:var(--marigold);font-family:var(--display-font);text-shadow:3px 3px 0 var(--ink);font-size:clamp(30px,min(4.6vw,10vh),62px);line-height:1}.results-total{font-size:clamp(14px,1.7vw,20px);font-weight:700}.results-unlock{background:var(--magenta);box-shadow:3px 3px 0 var(--ink);font-family:var(--display-font);letter-spacing:.03em;flex-basis:100%;padding:1px 8px;font-size:clamp(16px,min(2.2vw,5vh),28px)}.results-friendly{font-size:clamp(14px,1.7vw,20px)}.leaderboard{border-collapse:collapse;align-self:center;width:min(100%,1040px);font-size:clamp(13px,min(2.1vw,3.8vh),26px)}.leaderboard th{color:var(--marigold);letter-spacing:.1em;text-align:left;text-transform:uppercase;padding:0 8px;font-size:.72em}.leaderboard td{border-top:2px solid #fff6e033;padding:clamp(0px,.5vh,5px) 8px;font-weight:700}.leaderboard th:nth-child(n+4),.leaderboard td:nth-child(n+4){text-align:right}.leaderboard tbody tr:first-child td{color:var(--marigold);font-family:var(--display-font);letter-spacing:.02em;font-size:1.3em;font-weight:400}.leaderboard-empty{color:var(--marigold);font-family:var(--display-font);letter-spacing:.02em;text-align:center;text-shadow:4px 4px 0 var(--ink);text-transform:uppercase;align-self:center;margin:auto 0;font-size:clamp(30px,min(6vw,12vh),76px);transform:rotate(-2deg)}.screen-about{--logo-size:clamp(44px, min(9vw, 16vh), 110px);padding:clamp(10px, 2.5vh, 22px) var(--gutter) clamp(60px, 14vh, 100px);flex-direction:column;align-items:center;gap:clamp(12px,4vh,34px);display:flex}.screen-about .back-button{align-self:flex-start}.about-line{text-align:center;max-width:28em;margin:0;font-size:clamp(18px,min(2.8vw,6vh),34px);font-weight:700;line-height:1.2}.screen-select{padding:clamp(6px, 1.6vh, 14px) var(--gutter) var(--footer-room);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) 40vw minmax(0,1fr);column-gap:0;display:grid}.select-bar{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.select-title{text-align:center;flex:1;font-size:clamp(20px,min(3.2vw,7vh),40px)}.select-stamp .approval-stamp{font-size:clamp(11px,1.3vw,16px);transform:rotate(2deg)}.dossier{min-width:0;padding-top:clamp(4px,2vh,22px)}.dossier.side-0{grid-area:2/1}.dossier.side-1{text-align:right;grid-area:2/3}.dossier.waiting{opacity:.6}.dossier-owner{color:var(--marigold);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(11px,1.3vw,15px);font-weight:700}.side-1 .dossier-owner{color:#ff8fc7}.dossier-name{overflow-wrap:anywhere;color:var(--paper);font-family:var(--display-font);letter-spacing:.015em;text-shadow:3px 3px 0 var(--ink);text-transform:uppercase;margin:0;font-size:clamp(24px,min(4.4vw,9.5vh),60px);font-weight:400;line-height:.98}.dossier-archetype{color:var(--marigold);letter-spacing:.06em;text-transform:uppercase;margin:clamp(1px,.6vh,6px) 0 clamp(2px,1.2vh,12px);font-size:clamp(11px,1.35vw,16px);font-weight:700}.side-1 .dossier-archetype{color:#ff8fc7}.dossier-passive{margin:0;font-size:clamp(11px,min(1.35vw,3.2vh),16px);line-height:1.25}.dossier-passive-name{font-weight:700}.dossier-moves{margin-top:clamp(2px,1.2vh,12px)}.dossier-move{margin:0;font-size:clamp(11px,min(1.35vw,3.2vh),16px);font-weight:700;line-height:1.3}.dossier-move-kind{color:#fff6e0a8;letter-spacing:.08em;text-transform:uppercase;margin-right:.5em;font-size:.8em}.dossier-action{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:clamp(3px,1.6vh,16px);display:flex}.side-1 .dossier-action{justify-content:flex-end}.pick-button{border:3px solid var(--ink);background:var(--marigold);box-shadow:0 4px 0 var(--ink);color:var(--ink);cursor:pointer;font-family:var(--display-font);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.4em;padding:.14em .6em .08em;font-size:clamp(16px,min(2.3vw,5.4vh),30px);display:inline-flex;transform:skew(-6deg)}.side-1 .pick-button{background:var(--magenta);color:var(--paper)}.pick-button.buy{background:var(--teal);color:var(--ink)}.pick-button:hover{outline:3px solid var(--paper);outline-offset:2px}.pick-button:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.key-hints{gap:3px;font-size:clamp(12px,1.4vw,16px);display:inline-flex}.dossier-locked{color:var(--marigold);margin:0;font-size:clamp(11px,min(1.35vw,3.2vh),16px);font-weight:700;line-height:1.25}.side-1 .dossier-locked{color:#ff8fc7}.dossier-stamp{border:3px solid var(--marigold);color:var(--marigold);font-family:var(--display-font);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:.1em .5em .04em;font-size:clamp(16px,min(2.3vw,5.4vh),30px);transform:rotate(-4deg)}.side-1 .dossier-stamp{color:#ff8fc7;border-color:#ff8fc7}.random-mark{color:#ff8fc7;font-family:var(--display-font);-webkit-text-stroke:.03em var(--ink);paint-order:stroke fill;text-shadow:.04em .04em 0 var(--ink);pointer-events:none;font-size:clamp(110px,44vh,320px);line-height:1;position:absolute;bottom:30%;left:62.5%;transform:translate(-50%)rotate(6deg)}.random-mark[hidden]{display:none}.select-note{grid-column:1/-1;justify-self:center}.roster{grid-column:1/-1;grid-template-columns:repeat(var(--roster-columns,16), minmax(0, 1fr));gap:clamp(3px,.6vw,8px);margin-top:clamp(12px,3vh,22px);display:grid}.roster:focus{outline:none}.tile{--tile-shirt:#3a2c4a;--tile-vest:#3a2c4a;border:3px solid var(--ink);background:var(--paper);min-width:0;height:clamp(50px,12vh,92px);box-shadow:0 4px 0 var(--ink);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;padding:0 clamp(2px,.5vw,8px) clamp(2px,.5vh,5px);display:flex;position:relative;transform:skew(-6deg)}.tile-swatch{background:linear-gradient(90deg, var(--tile-shirt) 50%, var(--tile-vest) 50%);min-height:7px;color:var(--paper);font-family:var(--display-font);flex:1 1 0;justify-content:center;align-items:center;margin:0 calc(-1*clamp(2px,.5vw,8px)) clamp(1px,.5vh,4px);font-size:clamp(14px,3vh,26px);line-height:1;display:flex;overflow:hidden}.roster.two-rows{row-gap:clamp(6px,1.8vh,12px)}.roster.two-rows .tile{height:clamp(36px,8.6vh,66px)}.tile-name{overflow-wrap:break-word;word-break:normal;font-family:var(--display-font);letter-spacing:.01em;text-transform:uppercase;flex:none;font-size:clamp(9px,min(1.1vw,2.8vh),18px);line-height:1.12;overflow:hidden}.tile-cost{background:var(--ink);color:var(--marigold);font-family:var(--display-font);padding:0 4px;font-size:clamp(11px,1.4vw,16px);line-height:1.2;position:absolute;top:2px;right:3px}.tile-cost:empty{display:none}.tile.locked{color:var(--paper);background:#3a2c4a}.tile.locked .tile-swatch{filter:saturate(.25)brightness(.65)}.tile.cursor-first,.tile.cursor-second{z-index:1;background:var(--marigold);color:var(--ink)}.tile.cursor-first{outline:4px solid var(--marigold);outline-offset:1px;transform:skew(-6deg)translateY(-6px)}.tile.cursor-second{outline:4px solid var(--magenta);outline-offset:1px;background:#ff8fc7;transform:skew(-6deg)translateY(-6px)}.tile.cursor-first.cursor-second{outline-color:var(--marigold);box-shadow:0 4px 0 var(--ink), 0 0 0 9px var(--magenta)}.tile.cursor-first:before,.tile.cursor-second:after{border:2px solid var(--ink);font-family:var(--display-font);padding:0 .4em;font-size:clamp(11px,1.4vw,16px);line-height:1.2;position:absolute;top:-1.45em}.tile.cursor-first:before{background:var(--marigold);color:var(--ink);content:"P1";left:0}.tile.cursor-second:after{background:var(--magenta);color:var(--paper);content:"P2";right:0}.tile.picked-first,.tile.picked-second{filter:brightness(.82)}@media (hover:hover){.tile:hover{border-color:var(--paper)}}@media (prefers-reduced-motion:reduce){.tile.cursor-first,.tile.cursor-second{transform:skew(-6deg)}}.tile-create{border-style:dashed;border-color:var(--marigold);color:var(--paper);background:#3a2c4a}.tile.tile-create .tile-swatch{color:var(--marigold);background:0 0;font-size:clamp(22px,5vh,44px)}.pick-button.edit{background:var(--paper);font-size:clamp(13px,min(1.8vw,4.2vh),22px)}@media (max-width:700px) and (orientation:landscape){.tile{border-width:2px;padding-inline-start:1px;padding-inline-end:1px}.tile-swatch{margin-inline-start:-1px;margin-inline-end:-1px}.tile-name{letter-spacing:0;text-align:center}}@media (max-width:600px) and (orientation:landscape){.tile-name{font-size:7px}}.screen-creator{padding:clamp(6px, 1.6vh, 14px) var(--gutter) var(--footer-room);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,min(72vw,max(63vw,590px))) minmax(0,1fr);row-gap:clamp(4px,1.2vh,10px);display:grid}.creator-bar{grid-column:1/-1;align-items:center;gap:12px;display:flex}.creator-title{text-align:center;flex:1;margin:0;font-size:clamp(20px,min(3.2vw,7vh),40px)}.creator-panel{border:4px solid var(--ink);min-height:0;box-shadow:6px 6px 0 var(--magenta);background:#2e164af0;flex-direction:column;grid-column:1;align-self:start;padding:clamp(6px,1.4vh,12px) clamp(8px,1.4vw,16px);display:flex}.creator-rows{column-count:2;column-fill:balance;flex:none;column-gap:clamp(10px,1.6vw,20px)}.creator-row{break-inside:avoid;border:3px solid #0000;grid-template-columns:clamp(52px,8.4vw,96px) minmax(0,1fr);align-items:center;column-gap:6px;min-height:clamp(24px,7.4vh,54px);margin-bottom:clamp(1px,.6vh,7px);padding:1px 5px;display:grid}.creator-row:focus{outline:none}.creator-row.active{border-color:var(--marigold);box-shadow:3px 3px 0 var(--ink);background:#ffbe2e29}.creator-label{flex-direction:column;min-width:0;line-height:1.05;display:flex}.creator-label-text{color:var(--marigold);font-family:var(--display-font);letter-spacing:.06em;text-transform:uppercase;font-size:clamp(11px,min(1.35vw,3.3vh),17px)}.creator-current{color:#fff6e0c7;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,min(1vw,2.4vh),12px);font-weight:700;overflow:hidden}.creator-current:empty{display:none}.creator-input{border:3px solid var(--ink);background:var(--paper);width:100%;min-width:0;color:var(--ink);font-family:var(--display-font);letter-spacing:.04em;padding:2px 6px;font-size:clamp(14px,min(1.8vw,4.4vh),22px)}.creator-input:focus{outline:3px solid var(--marigold);outline-offset:1px}.creator-chips,.creator-swatches{flex-wrap:wrap;gap:clamp(2px,.4vw,5px);display:flex}.chip{border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;padding:2px clamp(5px,.7vw,9px);font-family:inherit;font-size:clamp(10px,min(1.2vw,3vh),15px);font-weight:700;line-height:1.2}.chip.selected{background:var(--marigold);box-shadow:0 3px 0 var(--magenta);transform:translateY(-1px)}.swatch{border:2px solid var(--ink);background:var(--swatch,#888);cursor:pointer;border-radius:50%;width:clamp(18px,min(2.1vw,4.6vh),28px);height:clamp(18px,min(2.1vw,4.6vh),28px);padding:0}.swatch.selected{box-shadow:0 0 0 2px var(--ink), 0 0 0 5px var(--paper);transform:scale(1.1)}.creator-stepper{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.step-button{border:2px solid var(--ink);background:var(--marigold);width:clamp(20px,min(2.4vw,5vh),30px);height:clamp(20px,min(2.4vw,5vh),30px);color:var(--ink);cursor:pointer;font-family:var(--display-font);padding:0;font-size:clamp(11px,min(1.5vw,3.6vh),18px);line-height:1}.step-value{text-align:center;flex-direction:column;min-width:0;display:flex}.step-main{font-family:var(--display-font);letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:clamp(12px,min(1.6vw,3.9vh),20px);line-height:1.05;overflow:hidden}.step-detail{color:#ff8fc7;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,min(1vw,2.4vh),12px);font-weight:700;line-height:1.1;overflow:hidden}.step-detail:empty{display:none}.creator-actions{flex:none;align-items:center;gap:4px 12px;display:flex}.creator-delete{border:3px solid var(--ink);color:#ff8fc7;cursor:pointer;font-family:var(--display-font);letter-spacing:.04em;text-transform:uppercase;background:0 0;padding:.14em .6em .08em;font-size:clamp(14px,min(1.9vw,4.6vh),24px)}.creator-delete:hover,.creator-delete.asking{background:var(--danger);color:var(--ink);outline:3px solid var(--paper);outline-offset:2px}.creator-delete:focus-visible{background:var(--danger);color:var(--ink);outline:3px solid var(--paper);outline-offset:2px}.creator-problem{color:var(--marigold);order:-1;margin:0;font-size:clamp(11px,min(1.35vw,3.2vh),16px);font-weight:700}@media (max-width:700px) and (min-height:500px){.screen-creator{grid-template-columns:minmax(0,1fr)}.creator-rows{column-count:1}}@media (max-width:760px) and (max-height:460px){.creator-row{grid-template-columns:46px minmax(0,1fr);min-height:22px;margin-bottom:0}.creator-current{display:none}.creator-label-text{font-size:10px}.chip{padding:1px 4px;font-size:10px}.swatch{width:17px;height:17px}.step-button{width:22px;height:22px}.step-main{font-size:11px}.step-detail{display:none}}.screen-matchtype{--arena-top:#2a1650;--arena-mid:#6d2a86;--arena-low:#d6487f;padding:clamp(8px, 2vh, 20px) var(--gutter) var(--footer-room);background:linear-gradient(180deg, var(--arena-top), var(--arena-mid) 60%, var(--arena-low));flex-direction:column;align-items:flex-start;gap:clamp(2px,1.4vh,12px);display:flex}.screen-matchtype:before{opacity:.22}.screen-matchtype[data-arena=packedRally]{--arena-top:#165a94;--arena-mid:#2a86b8;--arena-low:#c2a65c}.screen-matchtype[data-arena=countingHall]{--arena-top:#232d35;--arena-mid:#46606f;--arena-low:#71899a}.screen-matchtype[data-arena=monsoonStage]{--arena-top:#141f2c;--arena-mid:#2a3d4e;--arena-low:#2d6fae}.screen-matchtype[data-arena=assemblyHall]{--arena-top:#2b1a10;--arena-mid:#6b4522;--arena-low:#2c4a86}.screen-matchtype[data-arena=debateStudio]{--arena-top:#060914;--arena-mid:#141b3c;--arena-low:#2f4fa0}.matchtype-list{--item-size:clamp(24px, min(4.6vw, 8.6vh), 58px);flex:1;justify-content:center;width:100%;min-height:0}.matchtype-list .menu-item{align-items:baseline;max-width:100%}.matchtype-list .menu-item-note{font-size:clamp(12px,.34em,18px)}.menu-item-tag{background:var(--ink);color:var(--marigold);font-family:var(--body-font);letter-spacing:.04em;text-shadow:none;text-transform:uppercase;flex:none;padding:.14em .5em .1em;font-size:clamp(10px,.26em,14px);font-weight:700}.menu-item.blocked .menu-item-label{opacity:.62}.matchtype-status{min-height:1.3em;color:var(--marigold);margin:0;font-size:clamp(12px,min(1.5vw,3.6vh),18px);font-weight:700}.screen-bracket{padding:clamp(6px, 1.6vh, 16px) var(--gutter) var(--footer-room);flex-direction:column;gap:clamp(2px,1.2vh,12px);display:flex}.bracket-bar{align-items:center;gap:16px;display:flex}.bracket-title{font-size:clamp(20px,min(3.2vw,7vh),40px)}.bracket-note{color:var(--marigold);margin:0;font-size:clamp(12px,min(1.5vw,3.6vh),18px);font-weight:700}.bracket-columns{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2.4vw,32px);min-height:0;display:grid}.bracket-round{flex-direction:column;min-width:0;min-height:0;display:flex}.bracket-round-title{color:var(--marigold);letter-spacing:.1em;text-transform:uppercase;margin:0 0 clamp(1px,.8vh,8px);font-size:clamp(11px,min(1.3vw,3vh),15px);font-weight:700}.bracket-round-matches{flex-direction:column;flex:1;justify-content:space-around;gap:clamp(2px,.8vh,8px);min-height:0;display:flex}.bracket-match{border:3px solid var(--ink);background:var(--paper);box-shadow:0 3px 0 var(--ink);color:var(--ink);font-family:var(--display-font);text-transform:uppercase;font-size:clamp(12px,min(1.7vw,4vh),22px);line-height:1.12}.bracket-match.current{outline:4px solid var(--marigold);outline-offset:1px}.bracket-seat{text-overflow:ellipsis;white-space:nowrap;padding:.06em .4em .02em;overflow:hidden}.bracket-seat+.bracket-seat{border-top:2px solid var(--ink)}.bracket-seat.player{background:var(--marigold)}.bracket-seat.lost{color:#17121f80;text-decoration:line-through}.bracket-seat.won:after{content:" *"}.bracket-seat.empty{color:#17121f66}.bracket-action{--item-size:clamp(24px, min(4vw, 8vh), 46px);align-items:flex-end}.prematch-banner{text-align:center;grid-area:1/1/auto/-1;justify-self:center;margin:0}.prematch-banner-title{color:var(--paper);font-family:var(--display-font);letter-spacing:.03em;text-shadow:3px 3px 0 var(--ink);text-transform:uppercase;margin:0;font-size:clamp(22px,min(3.6vw,7.6vh),46px);font-weight:400;line-height:1}.prematch-banner-note{color:var(--marigold);margin:0;font-size:clamp(12px,min(1.5vw,3.6vh),18px);font-weight:700}.hud-top.single-fall .pips{visibility:hidden}.hud-centre{flex-direction:column;align-items:center;gap:6px;display:flex}.pause-button{border:3px solid var(--ink);background:var(--purple);min-width:44px;min-height:34px;box-shadow:0 3px 0 var(--ink);color:var(--paper);cursor:pointer;font-family:var(--display-font);letter-spacing:.04em;pointer-events:auto;touch-action:manipulation;border-radius:8px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:15px;display:inline-flex}.pause-button:hover{outline:3px solid var(--marigold);outline-offset:2px}.pause-button:focus-visible{outline:3px solid var(--marigold);outline-offset:2px}@media (pointer:coarse){.pause-button{min-height:44px;padding-right:14px}}body[data-screen] #hud *{animation-play-state:paused}body[data-screen] #hud .callout,body[data-screen] #hud .event-callouts,body[data-screen] #hud .controls-hint{visibility:hidden}.screen.over-match{background:#17121fbd}.screen.over-match:before{display:none}.screen-pause,.screen-pause-confirm,.screen-recovery{padding:var(--gutter) var(--gutter) var(--footer-room);justify-content:center;align-items:center;display:flex}.pause-panel{text-align:center;flex-direction:column;align-items:center;gap:clamp(6px,2vh,18px);max-width:100%;display:flex}.pause-list{--item-size:clamp(30px, min(5.4vw, 11vh), 64px);align-items:center}.pause-note,.recovery-cause{max-width:34em;margin:0;font-size:clamp(14px,1.7vw,20px);font-weight:700}.recovery-cause{border:3px solid var(--ink);background:var(--danger);color:var(--ink);padding:4px 12px}.screen-options{padding:clamp(10px, 2.5vh, 22px) var(--gutter) var(--footer-room);flex-direction:column;align-items:flex-start;gap:clamp(6px,1.6vh,16px);display:flex}.options-panel{grid-template-columns:minmax(260px,.38fr) minmax(0,1fr);gap:clamp(16px,3vw,48px);width:100%;min-height:0;padding:4px 6px 12px 4px;display:grid;overflow-y:auto}.options-subheading{color:var(--marigold);font-family:var(--display-font);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:clamp(20px,2.6vw,30px);font-weight:400}.options-section-title{letter-spacing:.08em;text-transform:uppercase;margin:10px 0 4px;font-size:clamp(13px,1.5vw,17px)}.option-row{grid-template-columns:6.5em minmax(0,1fr) 3em;align-items:center;gap:12px;margin-bottom:10px;font-size:clamp(16px,2vw,22px);font-weight:700;display:grid}.option-value{font-family:var(--display-font);text-align:right;font-size:1.3em}.option-slider{width:100%;height:36px;accent-color:var(--marigold);cursor:pointer;touch-action:pan-y;margin:0}.option-slider:focus-visible{outline:4px solid var(--marigold);outline-offset:4px}.options-controls{column-width:10em;column-gap:clamp(14px,2vw,28px);font-size:clamp(11px,min(1.5vw,3.2vh),17px)}.options-controls>.options-subheading{column-span:all}.options-section{break-inside:avoid}.options-section:first-of-type .options-section-title{margin-top:0}.options-controls-list{margin:0;font-size:1em}@media (max-height:460px){.options-controls{font-size:11px}.options-section-title{margin:6px 0 2px}.controls-row{padding:0}.option-row{grid-template-columns:4.6em minmax(0,1fr) 2.4em;gap:6px}}@media (max-width:720px) and (min-height:500px){.options-panel{grid-template-columns:minmax(0,1fr)}.option-row{grid-template-columns:5.5em minmax(0,1fr) 2.6em;gap:8px}}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}input,textarea{-webkit-user-select:text;user-select:text;touch-action:manipulation}button{touch-action:manipulation}.joystick{width:var(--joystick-size);height:var(--joystick-size);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);pointer-events:auto;touch-action:none;-webkit-touch-callout:none;background:radial-gradient(circle,#fff6e057 0%,#fff6e029 100%);border-radius:50%;flex:none;display:none;position:relative}.joystick:before{content:"";border:3px dashed #fff6e073;border-radius:50%;position:absolute;top:12%;bottom:12%;left:12%;right:12%}.joystick-knob{border:3px solid var(--ink);background:var(--paper);width:42%;height:42%;box-shadow:0 4px 0 var(--ink);opacity:.9;pointer-events:none;border-radius:50%;margin:-21% 0 0 -21%;position:absolute;top:50%;left:50%}.joystick.active .joystick-knob{background:var(--marigold);opacity:1}body.touch-ui .joystick{display:block}body.touch-ui .screen-keys-cluster.dpad{display:none}#screen-keys{padding-right:max(clamp(8px, 2vw, 24px), env(safe-area-inset-right));padding-bottom:max(clamp(8px, 2vh, 20px), env(safe-area-inset-bottom));padding-left:max(clamp(8px, 2vw, 24px), env(safe-area-inset-left))}.hud-top{padding-right:max(20px, env(safe-area-inset-right));padding-left:max(20px, env(safe-area-inset-left))}@media (max-width:640px){.hud-top{padding-right:max(8px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left))}}footer{padding-bottom:max(6px, env(safe-area-inset-bottom))}body.touch-ui .roster.two-rows .tile{height:clamp(44px,11vh,66px)}body.touch-ui .chip,body.touch-ui .swatch,body.touch-ui .step-button{position:relative}body.touch-ui .chip:after,body.touch-ui .swatch:after,body.touch-ui .step-button:after{content:"";position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}@media (min-height:461px){body.touch-ui .swatch{width:clamp(22px,min(2.4vw,6vh),30px);height:clamp(22px,min(2.4vw,6vh),30px)}body.touch-ui .step-button{width:clamp(26px,min(2.6vw,7vh),34px);height:clamp(26px,min(2.6vw,7vh),34px)}}.prematch-touch-line{max-width:22ch;margin:8px 0 0;font-size:clamp(13px,2.6vh,18px);font-weight:700;line-height:1.3;display:none}body.touch-ui .prematch-touch-line{display:block}body.touch-ui .prematch-side .controls-list,body.touch-ui .screen-key-letter,body.touch-ui .key-chip{display:none}body.touch-ui .screen-key-caption{font-size:calc(var(--screen-key-size) * .2);margin-top:0;font-weight:800}body.touch-ui .screen-key[data-slot=shoulder] .screen-key-caption{font-size:calc(var(--screen-key-size) * .26)}.screen-loading{z-index:4;color:var(--paper);pointer-events:none;background:#241338;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-line{text-align:center;margin:0;padding:0 16px;font-size:clamp(18px,3vw,30px);font-weight:900}.loading-dot{will-change:transform;background:#ffbe2e;border-radius:50%;width:18px;height:18px;animation:.52s ease-in-out infinite alternate loading-bounce}@keyframes loading-bounce{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.loading-dot{animation:none}}.context-notice{z-index:6;color:var(--paper);text-align:center;background:#17121feb;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;font-size:clamp(16px,2.4vw,24px);font-weight:700;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.context-notice button{color:#17121f;min-height:44px;font:inherit;cursor:pointer;background:#ffbe2e;border:0;border-radius:8px;padding:8px 24px}.context-notice.over-menu{pointer-events:none;flex-direction:row;padding:8px 16px;font-size:16px;top:0;bottom:auto;left:0;right:0}.context-notice.over-menu p{margin:0}.context-notice.over-menu button{pointer-events:auto}.podium-cue{z-index:0;pointer-events:none;will-change:transform;background:#ffbe2e;border-radius:50%;width:14px;height:14px;margin-left:-7px;animation:.52s ease-in-out infinite alternate loading-bounce;position:absolute}@media (prefers-reduced-motion:reduce){.podium-cue{animation:none}}html,body{height:var(--app-height)}#hud,#screens{width:var(--app-width);height:var(--app-height);bottom:auto;right:auto}footer{top:var(--app-height);bottom:auto;transform:translateY(-100%)}.screen{--gutter:max(clamp(16px, 3vw, 40px), env(safe-area-inset-left), env(safe-area-inset-right));--footer-room:calc(32px + env(safe-area-inset-bottom))}.hud-top{padding-top:max(14px, env(safe-area-inset-top))}.screen-title{cursor:pointer}.prompt-tap,body.touch-ui .prompt-keys{display:none}body.touch-ui .prompt-tap{display:inline}body.touch-ui #hud .controls-hint{display:none}#landscape-hint{z-index:3;top:max(8px, env(safe-area-inset-top));border:2px solid var(--ink);background:var(--purple);max-width:calc(100% - 16px);color:var(--paper);border-radius:8px;align-items:center;gap:4px;padding-left:10px;font-size:13px;font-weight:700;display:flex;position:fixed;right:8px}#landscape-hint button{min-width:36px;min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}body:not([data-screen=title]):not([data-screen=menu]) #landscape-hint{display:none}.creator-panel,.options-panel{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}.options-panel{flex:auto}.creator-panel{max-height:100%}.creator-rows,.creator-actions{flex:none}body.touch-ui .creator-input{font-size:16px}@media (max-width:480px),(max-height:420px){.screen-menu,.screen-matchtype,.screen-difficulty,.screen-leaderboard,.screen-about,.screen-bracket,.screen-options,.screen-pause,.screen-pause-confirm,.screen-recovery{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}.screen:before{position:fixed}.screen-title{--logo-size:clamp(48px, min(19vw, 30vh), 260px)}.menu-item-note{font-size:max(11px,.26em)}.matchtype-list,.ladder{flex:none;margin:auto 0}.screen-pause,.screen-pause-confirm,.screen-recovery{align-items:safe center}}@media (max-width:480px){.event-callout.combo{top:max(27%, calc(106px + env(safe-area-inset-top)))}.event-callout.reaction.side-0,.event-callout.combo.side-0{left:8px}.event-callout.reaction.side-1,.event-callout.combo.side-1{right:8px}.screen{--footer-room:calc(52px + env(safe-area-inset-bottom))}footer{padding:3px 8px max(3px, env(safe-area-inset-bottom));font-size:11px;line-height:1.2}body[data-screen=title] footer,body[data-screen=about] footer{padding:3px 12px max(8px, env(safe-area-inset-bottom));font-size:12px}.back-button{min-height:40px}}@media (max-height:420px){.screen{--footer-room:calc(28px + env(safe-area-inset-bottom))}footer{padding:1px 12px max(2px, env(safe-area-inset-bottom));font-size:10px;line-height:1.15}body[data-screen=title] footer,body[data-screen=about] footer{padding:1px 12px max(4px, env(safe-area-inset-bottom));font-size:11px;font-weight:700}.screen-title{padding-bottom:calc(26px + env(safe-area-inset-bottom));gap:6px}.screen-about{padding-bottom:calc(30px + env(safe-area-inset-bottom));gap:4px}.about-line{font-size:15px}.screen-menu{--logo-size:clamp(36px, min(9vw, 14vh), 120px);padding-top:6px}.screen-menu .menu-list{--item-size:clamp(22px, 12.5vh, 88px);gap:0}.ladder{--item-size:clamp(22px, 11.5vh, 80px);gap:0}.matchtype-list{--item-size:clamp(24px, 8.6vh, 58px);gap:0}.menu-item{line-height:1.04}.screen-select{grid-template-columns:minmax(0,1fr) 30vw minmax(0,1fr)}.dossier{flex-direction:column;min-height:0;display:flex;overflow:hidden}.dossier-owner,.dossier-name,.dossier-archetype{flex:none}.dossier-archetype{margin-bottom:1px}.dossier-moves{display:none}.dossier-passive{flex:0 auto;min-height:0;overflow:hidden}.dossier-action,.side-1 .dossier-action{flex:none;margin-top:auto;padding:3px 0 7px 6px}.side-1 .dossier-action{padding:3px 6px 7px 0}.pick-button{font-size:clamp(14px,5vh,22px)}.roster,.roster.two-rows{margin-top:16px}.event-callout.move,.event-callout.combo,.event-callout.reaction{top:calc(106px + env(safe-area-inset-top))}body.touch-ui .swatch{width:24px;height:24px}body.touch-ui .step-button{width:28px;height:28px}body.touch-ui .chip{min-height:24px}}@media (max-height:270px){.screen{--footer-room:calc(18px + env(safe-area-inset-bottom))}.dossier{padding-top:0}.dossier-passive,.dossier-locked,.dossier-archetype{display:none}.dossier-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.tile,.roster.two-rows .tile,body.touch-ui .roster.two-rows .tile{height:38px}.roster,.roster.two-rows{row-gap:5px;margin-top:14px}}@media (max-height:300px) and (min-aspect-ratio:6/5){.screen-keys-fight{position:relative}.screen-key[data-slot=shoulder]{z-index:1;width:var(--screen-key-size);height:var(--screen-key-size);border-radius:12px;position:absolute;top:0;left:0}body.touch-ui .screen-key[data-slot=shoulder] .screen-key-caption{font-size:calc(var(--screen-key-size) * .23)}}@media (max-aspect-ratio:6/5){.screen-menu{flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(10px,4vh,40px)}.menu-side{flex-direction:row;order:-1;justify-content:space-between;align-items:center;gap:12px}.screen-select{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.dossier.side-1{grid-column:2}.select-bar{grid-row:1}.select-note{grid-row:4}.roster,.roster.two-rows{grid-row:5;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));row-gap:7px;margin-top:16px}.tile,.roster.two-rows .tile,body.touch-ui .roster.two-rows .tile{height:clamp(40px,7vh,66px)}.tile-name{font-size:clamp(9px,1.4vh,14px)}.random-mark{font-size:clamp(90px,17vh,240px);bottom:42%;left:75%}.screen-creator{grid-template-rows:auto clamp(96px,24vh,300px) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.creator-panel{grid-row:3;align-self:stretch;margin-bottom:4px}.creator-rows{column-count:1}.creator-row{grid-template-columns:76px minmax(0,1fr);padding-block-start:3px;padding-block-end:3px}body.touch-ui .swatch{width:30px;height:30px}body.touch-ui .step-button{width:36px;height:36px}body.touch-ui .chip{min-height:32px;padding-inline-start:9px;padding-inline-end:9px}.creator-chips,.creator-swatches{gap:6px}.screen-prematch{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.prematch-side{align-self:start}.prematch-side.side-1{grid-column:2}.fight-list{grid-row:5}.options-panel{grid-template-columns:minmax(0,1fr)}.bracket-columns{gap:6px}}body.touch-ui .bracket-action{align-items:center}@media (min-aspect-ratio:6/5){body.touch-ui .results-panel .menu-list{margin-left:calc(var(--joystick-size) + 8px - var(--gutter))}}@media (max-aspect-ratio:6/5){:root{--keys-stack:calc(3 * var(--screen-key-size) + 4 * var(--screen-key-gap) + max(.8 * var(--screen-key-size), 44px) + 24px + env(safe-area-inset-bottom))}.fight-list,.bracket-action{margin-bottom:calc(var(--keys-stack) - var(--footer-room))}.bracket-action{align-items:center}.screen-results{align-items:flex-start}}#screen-keys.duo{--screen-key-size:var(--duo-key);--joystick-size:var(--duo-stick);--screen-key-gap:4px;padding:0 max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));gap:8px;display:none}body.touch-ui #screen-keys.duo{display:flex}body.touch-ui #screen-keys.duo[hidden]{display:none}.duo-player{pointer-events:none;align-items:flex-end;gap:8px;display:flex}.duo-player.player-0{--duo-colour:var(--teal);--duo-tint:#c4f3ee}.duo-player.player-1{--duo-colour:var(--magenta);--duo-tint:#ffcfe6;flex-direction:row-reverse}.duo-player .screen-keys-fight{grid-template-columns:repeat(3, var(--screen-key-size));grid-template-rows:repeat(2, var(--screen-key-size));gap:var(--screen-key-gap);display:grid}.duo-player.player-1 .screen-keys-fight{direction:rtl}.duo-player .screen-keys-cluster.face{display:contents}.duo-player .screen-key[data-slot]{width:var(--screen-key-size);height:var(--screen-key-size);border-color:var(--duo-colour);background:var(--duo-tint);min-height:0;box-shadow:0 4px 0 var(--ink);color:var(--ink);border-radius:10px;flex-direction:column;position:static}.duo-player .screen-key[data-slot].down{background:var(--ink);box-shadow:0 1px 0 var(--ink);color:var(--paper)}.duo-player .screen-key[data-slot=faceLeft]{grid-area:2/1}.duo-player .screen-key[data-slot=faceBottom]{grid-area:2/2}.duo-player .screen-key[data-slot=jumpButton]{grid-area:2/3}.duo-player .screen-key[data-slot=faceRight]{grid-area:1/1}.duo-player .screen-key[data-slot=faceTop]{grid-area:1/2}.duo-player .screen-key[data-slot=shoulder]{grid-area:1/3}body.touch-ui .duo-player .screen-key[data-slot] .screen-key-caption{font-size:max(9px, calc(var(--screen-key-size) * .2));letter-spacing:0;text-transform:uppercase}.duo-player .joystick{border-color:var(--duo-colour)}.duo-player .joystick-knob,.duo-player .joystick.active .joystick-knob{border-color:var(--duo-colour);background:var(--duo-tint)}@media (max-aspect-ratio:6/5){.duo-player,.duo-player.player-1{gap:var(--screen-key-gap);flex-direction:column}.duo-player.player-0{align-items:flex-start}.duo-player.player-1{align-items:flex-end}}