/* Full-screen game UI. The visible backdrop is the live Three.js arena. */
body{overflow:hidden;background:#071014}header{position:absolute;right:28px;top:20px;height:auto;padding:0;border:0;z-index:25;gap:12px}header .utility{border:0;background:#07101599;color:#bfc7c4;font:600 11px Barlow,Arial,sans-serif;letter-spacing:1.5px;padding:10px 13px}.arena{margin:0;border:0;height:100svh;min-height:0}.vignette{box-shadow:inset 0 0 200px 70px #050a1055}.hud{top:40px;left:40px;right:40px}.round span{font-size:10px;letter-spacing:1.5px}.pause{top:137px;right:40px}.hud,.pause,footer{transition:opacity .2s}body:not([data-screen="playing"]):not([data-screen="paused"]):not([data-screen="ended"]) .hud,body:not([data-screen="playing"]) .pause,body:not([data-screen="playing"]) footer{opacity:0;pointer-events:none}body[data-screen="playing"] header,body[data-screen="paused"] header,body[data-screen="ended"] header{top:auto;bottom:20px;right:25px}footer{position:absolute;bottom:0;left:0;padding:20px 30px;height:auto;z-index:3;pointer-events:none}.title-screen{padding:0;justify-content:center;align-items:center;background:linear-gradient(0deg,#030811d9,transparent 55%,#03081155)}.title-stack{width:min(690px,90vw);text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:-3vh}.title-stack h1{margin:0 0 12px;width:100%;height:auto;font-size:inherit;line-height:1;letter-spacing:0;filter:drop-shadow(0 10px 25px #0009)}.title-stack h1 img{width:100%;height:auto;max-height:43svh;object-fit:contain;display:block}.main-menu{display:flex;flex-direction:column;align-items:stretch;width:min(340px,77vw);gap:4px}.main-menu button{position:relative;background:transparent;border:0;color:#e8e9de;padding:13px 20px;font:italic 800 30px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;transition:color .15s,background .15s,transform .15s}.main-menu button:first-child,.main-menu button:hover,.main-menu button:focus-visible{background:linear-gradient(90deg,transparent,#ddfc52ee 15%,#ddfc52ee 85%,transparent);color:#101713;transform:skewX(-5deg)}.main-menu:has(button:hover) button:first-child:not(:hover){background:transparent;color:#e8e9de}.main-menu button:disabled{opacity:.35;cursor:wait}#loadStatus{font-size:12px;letter-spacing:2px;margin:14px;color:#b0c8b5}.select-screen{display:block;padding:0;background:linear-gradient(90deg,#06101b77,transparent 45%,#07121ddd)}.select-heading{position:absolute;top:30px;left:40px;right:40px}.back{background:none;border:0;padding:8px 0;color:#c6d1cf;letter-spacing:1.5px;font-size:12px;font-weight:600}.select-heading>span{display:block;margin-top:30px;font-size:12px;letter-spacing:3px;color:var(--lime)}.select-heading h2{font:italic 800 clamp(28px,3.4vw,52px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin:8px 0}.select-name{position:absolute;left:6%;bottom:25%;max-width:36%}.select-name>span{font-size:12px;letter-spacing:3px;color:var(--fighter)}.select-name h3{font:italic 900 clamp(44px,5vw,76px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin:12px 0;color:#f3f3e8;text-shadow:0 4px 25px #0008}.fighter-details{position:absolute;right:7%;top:24%;width:min(330px,30%)}.fighter-stats{display:grid;gap:13px}.fighter-stats>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.fighter-stats span{font-size:11px;color:#abbabf;letter-spacing:2px}.fighter-stats b{display:flex;gap:5px}.fighter-stats i{display:block;width:24px;height:6px;background:#3a4750;transform:skew(-20deg)}.fighter-stats i.filled{background:var(--fighter)}.move-detail{border-top:1px solid #68798855;margin:26px 0 20px;padding-top:21px}.move-label{font-size:11px;letter-spacing:2px;color:#a7b7c4;display:flex;justify-content:space-between}.move-label kbd{border-color:var(--fighter);color:var(--fighter)}.move-detail h3{font:italic 800 32px 'Barlow Condensed',Impact,sans-serif;margin:13px 0 7px;color:var(--fighter)}.move-detail p{font-size:15px;line-height:1.5;margin:0 0 14px;color:#d1d9d8;max-width:340px}.move-detail small{font-size:10px;letter-spacing:1.1px;color:#95a9b1}.difficulty-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:1.2px;color:#a7b7c4;margin:20px 0}.difficulty-label select{font-size:12px;letter-spacing:1px;background:#0a1824;border:1px solid #5c6c7855;padding:8px}.fighter-details .primary{min-width:0;width:100%;background:var(--fighter)}#roster{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);width:min(880px,90%);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#roster button{color:#c0c8ce;border:1px solid #6b788366;border-bottom:4px solid var(--accent);padding:16px 18px;text-align:left;background:#0b1625d9;position:relative;transition:background .15s,transform .15s}#roster button[aria-pressed="true"]{background:var(--accent);color:#09151e;transform:translateY(-8px);border-color:var(--accent)}#roster button>span{position:absolute;top:9px;right:10px;font-size:11px;opacity:.6}#roster strong{display:block;font:800 23px 'Barlow Condensed',Impact,sans-serif;margin:8px 0}#roster small{font-size:9px;letter-spacing:1.5px}.bracket-screen{justify-content:center;background:#05111cdd;padding:35px}.bracket-content{width:min(960px,100%);text-align:center}.bracket-content>.back{display:block;margin-bottom:30px}.bracket-content>h2{font:italic 900 64px 'Barlow Condensed',Impact,sans-serif;margin:12px 0 35px}#bracketMatches{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left;align-items:center;margin-bottom:35px}.bracket-stage h3{font-size:11px;letter-spacing:3px;color:#8c9faa}.bracket-match{border-left:3px solid #879ca4;background:#152431;margin:12px 0;box-shadow:8px 8px 0 #060d1555}.bracket-match>span{display:block;padding:17px 15px;font:700 22px 'Barlow Condensed',Impact,sans-serif;color:#d7dfdf;border-bottom:1px solid #44556655}.bracket-match .you{color:var(--lime)}.bracket-content .primary{margin:auto}.special-meter{font:600 11px Barlow,Arial,sans-serif;letter-spacing:1px;color:#8f9c9e;margin-top:15px}.special-meter.ready{color:var(--lime)}.touch-special{grid-column:1/-1;color:var(--lime)!important}.control-list{margin:25px 0}.control-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #45575c66;padding:10px 0;font-size:12px;gap:15px}.control-list dt{color:#a8b8b9}.control-list dd{margin:0;color:var(--lime)}.audio-credits{display:block;color:#92a9ad;text-align:center;font-size:11px;margin-top:20px}.dialog{background:#101c29ee}.dialog h2{margin-top:0}.dialog p{font-size:14px}.dialog .stats{margin:24px 0}.dialog .secondary{font-size:12px}#impact{z-index:2;top:28%}#toast{top:22%}.touch-controls{bottom:32px}.names{font-size:24px}.title-screen~.touch-controls{z-index:4}@media(max-height:760px) and (min-width:701px){.fighter-details{top:20%;right:6%;width:300px}.move-detail{margin:15px 0;padding-top:12px}.move-detail h3{font-size:28px}.move-detail p{font-size:14px}.select-heading>span{margin-top:15px}.fighter-stats{gap:10px}#roster{bottom:3%}#roster button{padding:10px 16px}.fighter-details .primary{padding:13px}.difficulty-label{margin:12px 0}.select-name{bottom:24%}.title-stack h1 img{max-height:44svh}.main-menu button{padding:9px 20px;font-size:27px}}
@media(max-width:700px){header{top:12px;right:12px;gap:2px}header .utility{font-size:9px;padding:9px}.arena{height:100svh;min-height:0}.title-stack{margin-top:-2vh}.title-stack h1{margin-bottom:28px}.title-stack h1 img{max-height:40svh}.main-menu button{font-size:28px;padding:12px}.hud{top:26px;left:15px;right:15px;gap:10px}.names{font-size:17px}.names b{font-size:12px}.round{min-width:75px}.round span{font-size:8px;letter-spacing:.5px;max-width:100px;display:block}.special-meter{font-size:9px;max-width:130px;line-height:1.5}.pause{top:115px;right:15px}.select-heading{top:16px;left:18px;right:18px}.select-heading>span{margin-top:12px;font-size:10px}.select-heading h2{font-size:28px}.select-screen{background:linear-gradient(0deg,#06111ef5 0%,#06111ec9 39%,transparent 76%);overflow-y:auto}.select-name{left:18px;top:38%;bottom:auto;max-width:46%}.select-name h3{font-size:38px}.select-name>span{font-size:9px;letter-spacing:1.5px}.fighter-details{top:auto;bottom:125px;right:18px;width:52%}.fighter-stats{gap:8px}.fighter-stats span{font-size:9px;letter-spacing:1px}.fighter-stats i{width:17px;height:4px}.fighter-stats b{gap:3px}.move-detail{margin:14px 0 0;padding-top:10px}.move-label{font-size:9px;letter-spacing:1px}.move-detail h3{font-size:24px;margin-top:7px}.move-detail p{font-size:12px;line-height:1.4;margin-bottom:8px}.move-detail small{font-size:8px;letter-spacing:0}.difficulty-label{font-size:9px;letter-spacing:0;margin:10px 0}.difficulty-label select{font-size:9px;padding:6px}.fighter-details .primary{padding:12px 10px;font-size:12px}#roster{bottom:18px;width:calc(100% - 26px);gap:5px}#roster button{padding:10px 5px;border-bottom-width:3px}#roster strong{font-size:15px;line-height:1.1;margin:14px 0 5px}#roster small{font-size:7px;letter-spacing:0}#roster button>span{font-size:9px;right:6px;top:6px}#bracketMatches{gap:12px;grid-template-columns:1fr 1fr;margin-bottom:25px}.bracket-stage:last-child{grid-column:1/-1}.bracket-match>span{font-size:18px;padding:11px}.bracket-content>h2{font-size:44px;margin:10px 0 20px}.bracket-content>.back{margin-bottom:25px}.bracket-screen{padding:20px}.bracket-stage h3{font-size:10px}.bracket-stage:last-child .bracket-match{margin:0}.bracket-content .primary{width:100%}.touch-controls{bottom:24px;left:15px;right:15px}body[data-screen="playing"] header,body[data-screen="paused"] header,body[data-screen="ended"] header{bottom:4px;right:12px}.dialog{padding:24px}footer{display:none}}
#bracketMatches{grid-template-columns:repeat(3,1fr);gap:10px;align-items:stretch}.ladder-slot{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#142331;border-left:3px solid #4b606b;opacity:.55}.ladder-number{font:700 25px 'Barlow Condensed',Impact,sans-serif;color:#8b9ea7}.ladder-slot strong{display:block;font:800 24px 'Barlow Condensed',Impact,sans-serif}.ladder-slot small{display:block;font-size:9px;letter-spacing:1.4px;margin-top:5px;color:#9cafb4}.ladder-slot.current{opacity:1;border-color:var(--rival);background:#20343f;box-shadow:inset 0 0 0 1px #7e9b8d33}.ladder-slot.current strong,.ladder-slot.current small{color:var(--rival)}.ladder-slot.won{opacity:.9;border-color:var(--lime)}.ladder-slot.won .ladder-number{color:var(--lime)}.ladder-slot.won strong{text-decoration:line-through;text-decoration-color:#dfff7077}.main-menu:has(button:focus-visible) button:first-child:not(:focus-visible){background:transparent;color:#e8e9de}@media(max-width:700px){#bracketMatches{grid-template-columns:repeat(2,1fr);gap:6px}.ladder-slot{padding:10px 8px;gap:8px}.ladder-slot strong{font-size:17px}.ladder-slot small{font-size:7px;letter-spacing:.6px}.ladder-number{font-size:20px}.bracket-content>h2{font-size:36px;margin:8px 0 15px}.bracket-content>.back{margin-bottom:18px}.bracket-content>.eyebrow{font-size:10px}.bracket-content .primary{padding:14px}.bracket-screen{overflow-y:auto}}

.combat-cue{color:#efff95;font-size:12px;font-weight:900;letter-spacing:.12em;min-height:16px;margin-top:7px}.enemy-cue{color:#ffad84;text-align:right}.touch-punches{flex-wrap:wrap}@media(max-width:700px){.combat-cue{font-size:9px;letter-spacing:.05em}}

/* Compact broadcast score strip. */
.hud{top:26px;left:50%;right:auto;transform:translateX(-50%);width:min(1000px,calc(100% - 64px));gap:0;align-items:flex-start;filter:drop-shadow(0 2px 8px #0006)}
.fighter-info{position:relative;width:calc((100% - 110px)/2);max-width:none;padding:10px 16px 8px;background:#10191de8;border-top:3px solid #4c94c5}.fighter-info.opponent{border-color:#d15a52}.names{font-size:21px;letter-spacing:.4px;line-height:24px}.names b{font-size:11px;font-variant-numeric:tabular-nums;color:#acb8bc}.health{height:5px;transform:none;margin-top:7px;background:#71818b44}.stamina{width:100%;height:2px;margin-top:5px;background:#71818b33}.tiny{font-size:8px;letter-spacing:1px;margin-top:5px;color:#94a1a7}.round{width:110px;min-width:110px;background:#e9e8df;color:#111b22;padding:7px 5px 5px;align-self:stretch}.round span{color:#33414a;font:700 9px Barlow,Arial;letter-spacing:.8px}.round strong{font-size:38px;line-height:1.08;font-variant-numeric:tabular-nums;letter-spacing:0}.round small{font-size:8px;letter-spacing:2px;color:#46525b}.combat-cue{position:absolute;top:calc(100% + 4px);left:0;white-space:nowrap;font-size:11px;margin:0;color:#e8e8d5}.enemy-cue{left:auto;right:0;color:#efac91}.combat-cue:empty{display:none}.special-meter{position:absolute;top:calc(100% + 25px);left:0;font-size:10px;margin:0;color:#a2b0b7}.special-meter.ready{color:#cbd2d5}.pause{top:130px;right:32px;border:0;background:#10191de8}.keys{gap:14px}.keys>span{font-size:9px}kbd{border-radius:0;box-shadow:none;font-size:10px;padding:4px 5px}#impact{color:#eeeee6;text-shadow:0 3px 18px #000a;font-style:normal;letter-spacing:1px}#toast{font-size:11px;letter-spacing:1px;color:#d0d6d8}
.glove-picker{margin:18px 0 12px}.glove-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px;color:#a7b7c4}.glove-heading b{font-size:10px;color:#e4e8e6;font-weight:500}#gloveChoices{display:flex;gap:8px;margin-top:10px}#gloveChoices button{width:46px;height:36px;border:1px solid #62717a;background:#13202a;padding:5px}#gloveChoices button i{display:block;height:100%;background:linear-gradient(125deg,var(--glove) 65%,var(--glove-trim) 66%,var(--glove-trim) 76%,var(--glove) 77%)}#gloveChoices button[aria-pressed=true]{border:2px solid #e6e8df;padding:4px;box-shadow:0 3px #e6e8df}.fighter-details{top:20%}.move-detail{margin:18px 0 12px;padding-top:15px}.move-detail p{font-size:14px}.difficulty-label{margin:14px 0}
@media(max-width:700px){.hud{top:15px;width:calc(100% - 24px)}.fighter-info{padding:7px 8px 6px;width:calc((100% - 76px)/2)}.names{font-size:14px;letter-spacing:0;line-height:19px}.names b{display:none}.round{width:76px;min-width:76px;padding:6px 3px}.round strong{font-size:30px}.round span{font-size:7px;letter-spacing:0}.round small{display:none}.tiny{font-size:7px;letter-spacing:.4px}.combat-cue{font-size:8px;max-width:140px}.special-meter{font-size:8px;max-width:140px}.pause{top:121px;right:12px}.fighter-details{top:auto;bottom:130px}.fighter-stats{display:none}.glove-picker{margin:10px 0}.glove-heading,.glove-heading b{font-size:8px;letter-spacing:.5px}#gloveChoices{gap:6px;margin-top:7px}#gloveChoices button{height:29px;width:35px}.move-detail p{font-size:11px}.move-detail{margin:10px 0;padding-top:10px}.select-name{top:32%;max-width:43%}.select-name h3{font-size:32px}.touch-controls{bottom:24px}.touch-punches{grid-template-columns:repeat(2,56px);gap:5px}.touch-controls button{border-radius:2px;background:#111b24dd;border-color:#74879199;color:#e1e9eb;height:43px;font-size:10px}.touch-special{color:#e1e9eb!important}}
@media(max-width:700px){.select-name{top:17%;max-width:70%}.select-name h3{font-size:28px;max-width:260px;margin-top:7px}.select-name>span{font-size:8px}}