:root{color-scheme:dark;--bg:#10120f;--panel:#1a1d17;--line:#32362a;--text:#f0f0e6;--muted:#969c8d;--gold:#ecc344;--green:#c5e865;--p1:#ecc344;--p2:#a3dced;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:360px}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,select{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold)}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button{border:0}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:22px;padding:0 5px;border:1px solid #505348;border-bottom-width:3px;border-radius:3px;background:#252820;font:10px Arial;color:#d9dccc}::selection{background:var(--gold);color:#171b13}.topbar{height:87px;max-width:1600px;padding:0 4.2%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-size:44px;font-weight:1000;font-style:italic;letter-spacing:-5px;line-height:1;color:var(--gold);transform:skew(-7deg);position:relative}.brand-mark span{font-size:18px;position:relative;left:4px;top:-17px;letter-spacing:0}.brand-name{font-weight:900;letter-spacing:4px;font-size:21px;border-left:1px solid #555842;padding-left:17px}.brand-name small{display:block;font-size:7px;font-weight:600;letter-spacing:1.7px;margin-top:5px;color:var(--muted)}nav{display:flex;gap:35px;height:100%;align-items:center}.nav-link{font-size:10px;letter-spacing:1.4px;font-weight:800;background:none;height:100%;position:relative;color:var(--muted)}.nav-link.active{color:var(--text)}.nav-link.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.nav-link span{font-size:16px;margin-left:7px}.top-actions{display:flex;align-items:center;gap:12px}.build-label{font-size:9px;letter-spacing:1.6px;color:#cbd0be;margin-right:10px;white-space:nowrap}.build-label i,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 10px #c5e84560}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--line);background:transparent;font-size:21px}.icon-button:hover{border-color:var(--gold);color:var(--gold)}#select-screen,#game-screen{max-width:1600px;margin:auto}.hero{position:relative;height:343px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-photo{position:absolute;inset:0 0 0 23%;background:url('assets/squad.jpeg') 50% 37%/cover no-repeat;filter:saturate(.65);opacity:.82;transform:scale(1.025)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10120f 0%,#10120ff8 24%,#10120fb8 43%,#10120f05 66%),linear-gradient(0deg,#10120f 0%,transparent 35%,#10120f30 100%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,black,transparent 60%)}.hero-content{position:relative;padding:30px 4.2%}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:8px;margin:0 0 13px}.eyebrow>span:not(.player-dot){display:inline-block;width:18px;height:2px;background:var(--gold)}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-size:clamp(43px,4.8vw,72px);font-weight:900;letter-spacing:1px;line-height:.97;margin:0 0 15px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-description{font-size:12px;line-height:1.65;color:#b7bead;margin:0 0 17px}.hero-meta{display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:1.1px}.hero-meta>span:first-child{background:#d9c84b15;border:1px solid #80703c80;padding:5px 7px;color:#e5ce77;font-size:10px}.hero-meta b{font-weight:600;color:#c4c9bb}.meta-separator{color:#68705e}.hero-stamp{position:absolute;right:4.5%;bottom:48px;display:flex;gap:12px;align-items:center;text-shadow:0 2px 5px #000}.hero-stamp>span{font-weight:1000;letter-spacing:-4px;font-style:italic;font-size:40px;color:var(--gold)}.hero-stamp small{font-size:7px;line-height:1.7;letter-spacing:1px}.hero-bottom{position:absolute;bottom:12px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.8px;color:#858e79}.selection{padding:28px 4.2% 0}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:7px;font-size:8px}h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:29px;letter-spacing:1.1px;font-weight:800;margin:0}.select-side{display:flex;padding:4px;background:#1b1f17;border:1px solid var(--line);gap:4px}.side-button{background:none;font-size:8px;font-weight:700;letter-spacing:.9px;padding:10px 14px;color:var(--muted)}.side-button.selected{background:#383c29;color:#f4e5a5}.player-dot{width:5px;height:5px;display:inline-block;border-radius:50%;margin-right:6px}.p1-dot{background:var(--p1)}.p2-dot{background:var(--p2)}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.fighter-card{position:relative;min-width:0;height:273px;border:1px solid #373d2e;background:#22281d;text-align:left;padding:0;overflow:hidden;isolation:isolate;transition:border-color .2s,transform .2s}.fighter-card:hover{border-color:var(--fighter-color);transform:translateY(-3px)}.fighter-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b100cf5 0%,#10140e85 27%,#18211500 62%);z-index:1}.fighter-card:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 2px transparent;z-index:4;pointer-events:none}.fighter-card.is-p1{border-color:var(--p1)}.fighter-card.is-p1:after{box-shadow:inset 0 0 0 1px var(--p1)}.fighter-card.is-p2{border-color:var(--p2)}.fighter-card.is-p2:after{box-shadow:inset 0 0 0 1px var(--p2)}.fighter-card.is-p1.is-p2:after{box-shadow:inset 2px 0 var(--p1),inset -2px 0 var(--p2)}.fighter-card img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;filter:saturate(.82);transition:transform .35s,filter .35s}.fighter-card:hover img,.fighter-card.is-p1 img{filter:saturate(1.05);transform:scale(1.04)}.card-number{position:absolute;z-index:2;top:14px;left:14px;font-size:9px;color:#deded594;letter-spacing:2px}.card-picks{position:absolute;z-index:5;top:0;right:0;display:flex;gap:2px}.pick-tag{background:var(--p1);color:#1b2114;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:1px}.pick-tag.player2{background:var(--p2)}.fighter-caption{position:absolute;z-index:2;bottom:16px;left:19px;right:19px}.fighter-caption small{color:var(--fighter-color);font-size:7px;letter-spacing:1.4px;font-weight:700}.fighter-caption strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:36px;letter-spacing:1.5px;line-height:1.2;margin-top:3px}.fighter-caption p{font-size:9px;color:#a6afa0;margin:4px 0 0}.card-arrow{position:absolute;right:16px;bottom:23px;z-index:3;font-size:23px;color:var(--fighter-color)}.fighter-intel{display:grid;grid-template-columns:1fr 1.7fr 1.3fr;align-items:center;gap:25px;padding:19px 0 18px;border-bottom:1px solid var(--line)}.intel-name{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}.tiny-label{display:block;font-size:7px;letter-spacing:1.2px;color:var(--muted);font-weight:700}.intel-name .tiny-label{grid-column:1/-1}.intel-name strong{font-size:13px;letter-spacing:1px}.intel-name>span:last-child{font-size:7px;color:var(--gold);letter-spacing:.4px}.fighter-intel>p{font-size:10px;line-height:1.6;color:#a9b19f;margin:0}.intel-special{border-left:1px solid #363d2a;padding-left:24px}.intel-special strong{display:block;font-size:11px;margin-top:4px}.intel-special small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.intel-special kbd{min-width:16px;height:17px;font-size:8px;margin-left:5px}.match-setup{padding:23px 4.2% 16px;display:grid;grid-template-columns:1.1fr 1fr .7fr 1.35fr;gap:20px;align-items:end}.setup-group label{display:block;font-size:7px;letter-spacing:1.3px;font-weight:700;color:var(--muted);margin-bottom:9px}select{width:100%;height:43px;background:#1a1e16;border:1px solid #3a412e;color:#d5dccb;padding:0 13px;font-size:9px;letter-spacing:.8px;cursor:pointer;border-radius:0}.fight-button{background:var(--gold);color:#1a2110;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 21px;height:48px;font-size:10px;font-weight:900;letter-spacing:1px;text-align:left;transition:background .2s,transform .2s}.fight-button:hover{background:#ffdb65;transform:translateY(-1px)}.button-arrow{font-size:26px;font-weight:400;line-height:1}.selection-footer{margin:0 4.2%;padding:13px 0 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #242a1e;font-size:7px;color:#77816b;letter-spacing:1px}.selection-footer p{letter-spacing:0;font-size:8px;margin:0}.selection-footer button{padding:0 0 0 6px;background:none;color:#bac2ad;font-size:8px}.selection-footer>span:last-child{font-size:6px}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 3%;color:var(--muted);font-size:9px;letter-spacing:1px}.game-toolbar b{color:#4e563e}.text-button{background:none;font-size:9px;letter-spacing:1px;font-weight:700;color:#b9c2ad;padding:7px 0}.text-button:hover{color:var(--gold)}.text-button kbd{font-size:8px;height:18px;min-width:23px;margin-left:6px}.battle-shell{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-top:1px solid #3d4431;border-bottom:1px solid #3d4431;background:#151b1b}#game-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.battle-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 55px 65px #0009,inset 0 -20px 45px #0005}.hud{position:absolute;top:4.5%;left:4%;right:4%;display:grid;grid-template-columns:1fr 108px 1fr;gap:25px;pointer-events:none}.hud-identity{display:flex;align-items:center;gap:10px;margin-bottom:9px}.hud-identity img{width:41px;height:41px;object-fit:cover;object-position:50% 16%;border:1px solid #9b8b4c;transform:skew(-6deg)}.hud-identity>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.hud-identity span{font-size:7px;letter-spacing:2px;color:#d6dcca}.hud-identity strong{font-size:20px;letter-spacing:1px;font-weight:900}.round-wins{display:flex;gap:7px;margin-left:auto}.round-wins i{width:10px;height:10px;border:1px solid #ccc7a65c;transform:rotate(45deg);background:#1119}.round-wins i.won{background:var(--gold);box-shadow:0 0 8px #ecc34460}.health-bar{height:21px;border:1px solid #ecebb555;background:#211d17b0;position:relative;transform:skew(-10deg);overflow:hidden;box-shadow:0 3px 10px #0008}.health-fill,.health-trail{position:absolute;inset:2px;transform-origin:left;will-change:transform}.health-fill{background:linear-gradient(90deg,#978425,#d8c74d 45%,#f8e89b);transition:transform .07s linear}.health-trail{background:#cd604a;transition:transform .55s .1s}.right-hud .hud-identity{flex-direction:row-reverse;text-align:right}.right-hud .round-wins{margin-left:0;margin-right:auto}.right-hud .health-fill,.right-hud .health-trail{transform-origin:right}.right-hud .health-fill{background:linear-gradient(270deg,#3c939a,#78c5cb 55%,#ceefea)}.right-hud .hud-identity img{border-color:#74b6c5}.health-meta,.meter-meta{display:flex;justify-content:space-between;margin-top:5px;font-size:7px;letter-spacing:.8px;color:#d8dbc7;text-shadow:0 1px 3px #000}.health-meta{height:11px}.meter-bar{height:6px;margin-top:3px;width:62%;background:#0d1717b0;border:1px solid #ffffff38;position:relative}.meter-bar>div{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0);transition:transform .2s}.meter-bar>i{position:absolute;width:1px;background:#111a;height:100%;left:25%}.meter-bar>i:nth-of-type(2){left:50%}.meter-bar>i:nth-of-type(3){left:75%}.meter-meta{width:62%;font-size:6px;color:#b7c3a7}.meter-meta strong{color:#efce58;font-size:7px}.right-hud .meter-bar,.right-hud .meter-meta{margin-left:auto}.right-hud .meter-bar>div{background:#8dced5;transform-origin:right}.right-hud .meter-meta strong{color:#a4dbe2}.timer-hud{text-align:center;padding-top:4px}.timer-hud>span{display:block;letter-spacing:2px;font-size:8px;color:#d5d4b9}.timer-hud strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:57px;line-height:1.15;letter-spacing:1px;text-shadow:0 3px 12px #000}.timer-hud div{font-size:6px;letter-spacing:1.7px;color:#c7cbb8}.timer-hud.urgent strong{color:#ff7961}.battle-banner{pointer-events:none;position:absolute;inset:34% 5% auto;text-align:center;text-shadow:0 5px 20px #000;display:flex;align-items:center;flex-direction:column}.battle-banner small{font-size:10px;letter-spacing:5px;color:#e8d688;margin-bottom:9px}.battle-banner strong{font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;font-size:clamp(40px,8vw,110px);line-height:1.05;letter-spacing:4px;color:#f3eac9;-webkit-text-stroke:1px #7b6a274d}.battle-banner>span{font-size:9px;letter-spacing:2px;color:#d8dece;margin-top:13px}.battle-banner.fight strong{color:var(--gold)}.battle-banner:empty{display:none}.special-announcement{position:absolute;left:0;right:0;top:24%;text-align:center;font-size:11px;font-weight:800;letter-spacing:4px;color:var(--gold);pointer-events:none;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .18s}.special-announcement.show{opacity:1}.battle-corner{position:absolute;bottom:3%;left:4%;right:4%;display:flex;justify-content:space-between;font-size:6px;letter-spacing:2px;color:#c0c7af88;pointer-events:none}.combo-display{position:absolute;top:31%;font-size:12px;color:#fff0b5;letter-spacing:2px;text-shadow:0 2px 8px #000;pointer-events:none}.combo-left{left:5%}.combo-right{right:5%;color:#beecf1}.combo-display b{font-family:Impact,sans-serif;font-size:45px;vertical-align:middle;padding-right:5px}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#060c08c9;backdrop-filter:blur(8px);z-index:10}.overlay-card{width:min(380px,85%);text-align:center;padding:25px 5px}.overlay-card .eyebrow{justify-content:center;font-size:8px;color:var(--gold)}.overlay-card h2{font-size:47px;letter-spacing:2px}.overlay-card p{font-size:12px;line-height:1.5;color:#aab79b;margin-bottom:23px}.overlay-card .fight-button{width:100%;margin-bottom:12px}.secondary-button{background:#29332080;border:1px solid #566544;color:#c7d0bb;min-height:42px;padding:12px 20px;font-size:9px;letter-spacing:1px;font-weight:800;display:block;width:100%;margin-bottom:12px}.secondary-button:hover{border-color:var(--gold);color:var(--gold)}.result-score{font-family:Impact,sans-serif;font-size:40px;letter-spacing:12px;color:var(--gold);margin:0 0 25px}.result-card h2{font-size:58px}.battle-controls{display:flex;justify-content:space-between;align-items:center;padding:18px 3%;gap:14px;border-bottom:1px solid #2d3524}.battle-controls>div{display:flex;align-items:center;gap:15px}.battle-controls>div>span{font-size:6px;color:#a3b292;letter-spacing:.4px;white-space:nowrap}.battle-controls kbd{font-size:8px;height:21px;min-width:20px;margin-right:2px}.battle-controls .control-player{font-weight:900;color:var(--gold);font-size:10px;margin-right:2px}.battle-controls .text-button{font-size:7px;white-space:nowrap}.prototype-note{text-align:center;font-size:7px;color:#69755d;letter-spacing:1px;margin:16px 0 22px}dialog{width:min(650px,94vw);max-height:90vh;background:#171d14;color:var(--text);border:1px solid #566442;padding:30px 35px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#050905b8;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .eyebrow{color:var(--gold)}dialog h2{font-size:34px;margin:8px 0 14px}dialog>p{font-size:11px;color:#adbba0;line-height:1.7}.controls-table{font-size:10px;margin:18px 0}.controls-table>div{display:grid;grid-template-columns:1.6fr 1fr 1fr;padding:9px 10px;gap:10px;border-bottom:1px solid #2e3c25}.controls-table>div:nth-child(even){background:#1f2a19}.controls-table .table-head{font-size:8px;letter-spacing:1px;color:var(--gold)}.gamepad-help{font-size:10px!important}.help-tips{display:flex;gap:20px;margin:23px 0}.help-tips>div{flex:1;border-left:2px solid var(--gold);padding-left:12px}.help-tips strong{display:block;font-size:10px;letter-spacing:1px;margin-bottom:6px}.help-tips span{font-size:10px;color:#a8b599;line-height:1.5;display:block}dialog>.fight-button{width:100%}.app-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:14px 20px;background:#26331a;border:1px solid #677d43;box-shadow:0 10px 40px #0008;color:#dbeabf;z-index:50;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:90vw}.app-toast.show{opacity:1;transform:translate(-50%,0)}.touch-controls{display:none;justify-content:space-between;gap:15px;padding:13px 3%;touch-action:none;user-select:none}.touch-controls button{background:#26321e;border:1px solid #586746;min-width:42px;height:43px;font-size:12px;color:#d1ddb8}.touch-dpad,.touch-attacks{display:flex;gap:6px;align-items:center}.touch-controls .touch-gold{background:var(--gold);color:#1c240f;font-weight:bold}
@media(min-width:1550px){.hero{height:380px}.hero-content{padding-top:37px}.fighter-card{height:305px}}
@media(max-width:1050px){.topbar{height:74px;padding:0 3%}.brand-name{font-size:17px;letter-spacing:3px}.brand-mark{font-size:36px}.hero{height:315px}.hero-content{padding-top:33px}.hero-photo{inset-left:15%;background-position:56% 36%}.hero h1{font-size:54px}.fighter-card{height:242px}.fighter-caption{left:14px}.fighter-caption strong{font-size:31px}.fighter-caption p{font-size:8px}.fighter-caption small{font-size:6px}.selection{padding-top:23px}.selection h2{font-size:24px}.side-button{padding:9px;font-size:7px}.fighter-intel{gap:15px;grid-template-columns:1fr 1.2fr 1.2fr}.intel-name{grid-template-columns:1fr}.intel-special{padding-left:15px}.match-setup{gap:12px}.fight-button{padding:14px 15px;font-size:9px}.selection-footer>span:last-child{display:none}.hud{gap:15px;grid-template-columns:1fr 85px 1fr}.hud-identity img{width:34px;height:34px}.hud-identity strong{font-size:17px}.health-bar{height:17px}.timer-hud strong{font-size:45px}.battle-controls>div{gap:10px}.battle-controls .text-button{font-size:6px}.battle-controls>div>span{font-size:5px}.build-label{font-size:8px}}
@media(max-width:760px){.topbar{height:66px;gap:10px}.brand-name{font-size:15px;padding-left:12px}.brand{gap:10px}.brand-name small{font-size:5px;letter-spacing:1px}.brand-mark{font-size:34px}nav{gap:15px}.nav-link{font-size:8px}.build-label{display:none}.top-actions{gap:6px}.icon-button{width:29px;height:29px;font-size:17px}.hero{height:290px}.hero-photo{inset:0 0 0 12%;background-position:59% 37%}.hero-shade{background:linear-gradient(90deg,#10120ff0 0%,#10120fbb 45%,#10120f33 100%),linear-gradient(0deg,#10120f 0%,transparent 55%)}.hero h1{font-size:47px}.hero-content{padding:31px 5%}.hero-stamp{display:none}.hero-description{font-size:11px}.hero-meta{font-size:7px}.hero-bottom{font-size:5px}.hero-bottom>span:last-child{display:none}.selection{padding:24px 5% 0}.section-heading{flex-wrap:wrap;gap:15px}.section-heading h2{font-size:27px}.select-side{margin-left:auto}.roster{grid-template-columns:repeat(2,1fr);gap:12px}.fighter-card{height:253px}.fighter-caption strong{font-size:35px}.fighter-caption small{font-size:7px}.fighter-caption p{font-size:9px}.fighter-intel{grid-template-columns:1fr 1fr;gap:18px;padding:18px 0}.fighter-intel>p{grid-column:1/-1;grid-row:2}.intel-name{grid-template-columns:auto 1fr}.intel-special{padding-left:15px}.match-setup{grid-template-columns:1fr 1fr;padding:21px 5%;gap:19px 12px}.difficulty-group{align-self:end}.fight-button{height:45px}.selection-footer{flex-wrap:wrap;justify-content:center;font-size:6px;padding-top:14px}.selection-footer p{font-size:7px}.game-toolbar{font-size:7px;padding:14px 3%}.text-button{font-size:7px}.hud{top:3%;left:3%;right:3%;grid-template-columns:1fr 62px 1fr;gap:11px}.hud-identity{gap:7px;margin-bottom:5px}.hud-identity img{width:24px;height:24px}.hud-identity strong{font-size:12px}.hud-identity span{font-size:5px;letter-spacing:1px}.round-wins{gap:5px}.round-wins i{width:6px;height:6px}.health-bar{height:12px}.health-fill,.health-trail{inset:1px}.health-meta{font-size:5px;height:6px;margin-top:3px}.meter-bar{height:4px}.meter-meta{font-size:4px}.meter-meta strong{font-size:5px}.timer-hud{padding-top:0}.timer-hud>span{font-size:5px;letter-spacing:1px}.timer-hud strong{font-size:31px}.timer-hud div{font-size:4px;letter-spacing:1px}.battle-banner small{font-size:7px;margin-bottom:4px;letter-spacing:3px}.battle-banner strong{font-size:48px}.battle-banner>span{font-size:6px;letter-spacing:1px;margin-top:7px}.battle-corner{font-size:4px;letter-spacing:1px}.special-announcement{font-size:7px;letter-spacing:2px}.combo-display{font-size:7px}.combo-display b{font-size:28px}.battle-controls{padding:12px 3%;flex-wrap:wrap}.battle-controls>div{flex-wrap:wrap;gap:7px}.battle-controls>div>span{font-size:5px}.battle-controls kbd{height:17px;min-width:15px;font-size:7px}.battle-controls>.text-button{margin-left:auto}.touch-controls{display:flex}.overlay-card{padding:12px 0;width:290px}.overlay-card .eyebrow{font-size:6px;margin-bottom:7px}.overlay-card h2{font-size:31px}.overlay-card p{font-size:9px;margin:9px 0 12px}.overlay-card .fight-button{height:33px;padding:10px 14px;font-size:8px;margin-bottom:7px}.overlay-card .secondary-button{min-height:29px;padding:8px 12px;font-size:7px;margin-bottom:5px}.overlay-card>.text-button{font-size:6px}.result-score{font-size:24px;margin:5px 0 13px}.prototype-note{font-size:5px}.controls-table{font-size:9px}dialog{padding:21px}dialog h2{font-size:28px}.controls-table>div{padding:8px 5px;gap:5px}.controls-table .table-head{font-size:6px}}
@media(max-width:450px){nav .active{display:none}.nav-link{font-size:7px}.brand-name{font-size:13px}.hero h1{font-size:42px}.fighter-card{height:224px}.select-side{margin-left:0}.fighter-caption strong{font-size:30px}.fighter-caption p{font-size:8px}.fighter-caption small{font-size:6px}.fighter-intel{gap:12px}.intel-name{grid-template-columns:1fr}.intel-special small{font-size:7px}.intel-special{padding-left:13px}.touch-controls button{min-width:32px;height:39px;font-size:10px}.touch-dpad,.touch-attacks{gap:4px}.game-toolbar .text-button{font-size:6px}.game-toolbar{font-size:6px}.hud-identity strong{font-size:10px}.hud{grid-template-columns:1fr 43px 1fr;gap:8px}.hud-identity img{display:none}.timer-hud strong{font-size:26px}.health-bar{height:10px}.battle-banner strong{font-size:35px}.overlay-card h2{font-size:24px}.overlay-card p{margin:5px 0 7px;font-size:8px}.overlay-card{width:235px;padding:8px 0}.result-score{font-size:20px;margin:3px 0 8px}.overlay-card .eyebrow{margin-bottom:5px}.game-overlay{backdrop-filter:blur(4px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.fighter-card:last-child img{object-position:50% 0%}
@media(max-width:1050px){.hero-photo{left:15%}}
.playing .topbar{height:64px}
.playing #game-screen{width:100%;max-width:min(1600px,calc((100dvh - 190px) * 1.777778))}
.playing .game-toolbar{height:44px;padding:10px 3%}
.playing .battle-controls{min-height:44px;padding:10px 3%}
.playing .prototype-note{margin:10px 0}
@media(max-width:760px){.playing #game-screen{max-width:100%}.playing .battle-controls{min-height:44px}.playing .game-toolbar{height:40px}}

/* Complete local roster. Compact cards keep nineteen identities readable. */
.asset-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#292718;border:1px solid #51482c;padding:8px 12px;margin-bottom:16px}.asset-notice p{font-size:10px;line-height:1.5;color:#d0c693;margin:0}.asset-notice button{white-space:nowrap;font-size:8px}.pending-badge{position:absolute;left:8px;top:30px;background:#10160de6;border:1px solid #67745a;padding:5px;font-size:6px;letter-spacing:.6px;color:#cad1c2;z-index:4}.fighter-card.is-pending .fighter-portrait{filter:saturate(.55)}.fighter-card .group-portrait,.hud-avatar.group-portrait{background-size:1100% auto;background-repeat:no-repeat}
.hero{height:285px}.hero h1{font-size:58px}.hero-content{padding-top:27px}.hero-description{margin-bottom:12px}.hero-photo{background-position:50% 43%}.hero-bottom{bottom:10px}.hero-stamp{bottom:37px}
.roster-tools{display:flex;align-items:end;gap:20px;margin-bottom:16px;flex-wrap:wrap}.search-label{font-size:8px;letter-spacing:1px;color:var(--muted)}.search-label input{display:block;margin-top:7px;height:36px;width:210px;background:#1a1e16;border:1px solid #3a412e;color:var(--text);padding:0 11px;font-size:11px;outline-offset:3px}.search-label input:focus{outline:1px solid var(--gold)}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{font-size:8px;font-weight:bold;letter-spacing:.8px;padding:12px;background:#1b2117;border:1px solid #343e2a;color:#afbba1}.filter-tabs button.active{border-color:#978039;color:var(--gold);background:#38351d}.filter-tabs span{margin-left:4px;color:#d3d2ae}#roster-count{margin-left:auto;padding-bottom:12px;font-size:8px;color:var(--muted);letter-spacing:1px}
.roster{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.fighter-card{height:188px}.fighter-card:before{background:linear-gradient(0deg,#0b100c 0%,#10140e9c 26%,transparent 63%)}.fighter-card .fighter-portrait{display:block;width:100%;height:100%;background-size:cover;background-position:50% 20%;transition:transform .25s;filter:saturate(.85)}.fighter-card:hover .fighter-portrait{transform:scale(1.05);filter:saturate(1.1)}.fighter-card .fighter-portrait.sprite-portrait{background-size:400% 400%;background-position:0 0;background-repeat:no-repeat}.fighter-caption{left:12px;right:8px;bottom:12px}.fighter-caption strong{font-size:25px;letter-spacing:.8px}.fighter-caption small{font-size:6px;letter-spacing:.6px}.fighter-caption p{display:none}.card-arrow{font-size:17px;right:8px;bottom:15px}.card-number{left:10px;top:10px;font-size:8px}.pick-tag{font-size:8px;padding:6px 8px}
.fighter-extra{display:grid;grid-template-columns:1fr 2fr auto;gap:26px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}#intel-stats{display:grid;gap:6px}.stat-line{display:flex;align-items:center;gap:4px;font-size:7px;color:var(--muted);letter-spacing:.6px}.stat-line span{width:74px}.stat-line i{display:block;height:5px;width:16px;background:#343d29}.stat-line i.on{background:var(--gold)}#intel-super{display:block;font-size:11px;margin-top:5px}#intel-super-detail{font-size:9px;color:var(--muted);line-height:1.5;margin:5px 0 0}.fighter-extra .secondary-button{margin:0;min-width:172px;width:auto;font-size:8px}
.mode-description{margin:0 4.2% 15px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.mode-description p{font-size:10px;color:#b0bba4;margin:0}.mode-description #local-record{margin-left:auto;font-size:8px;color:var(--gold);letter-spacing:.7px}#training-options{display:flex;gap:9px;align-items:center}#training-options label{font-size:8px;color:var(--muted)}#training-options select{width:160px;height:32px;font-size:8px}#arcade-result{color:var(--gold);font-size:11px;margin-top:-10px}.hud-avatar{display:block;flex:none;width:41px;height:41px;background-size:cover;background-position:50% 16%;border:1px solid #9b8b4c;transform:skew(-6deg)}.hud-avatar.sprite-portrait{background-size:400% 400%;background-position:0 0}.right-hud .hud-avatar{border-color:#74b6c5}.hud-identity>div:nth-child(2){min-width:0}
#preview-dialog{width:min(730px,95vw)}#preview-canvas{display:block;width:100%;height:auto;background:#0b141b;border:1px solid #344331}.preview-options{display:flex;align-items:end;gap:20px;margin-top:16px}.preview-options label{font-size:8px;color:var(--muted);letter-spacing:1px;flex:1}.preview-options select{margin-top:7px}.preview-options .secondary-button{margin:0;width:auto;height:43px}#preview-status{font-size:10px;color:var(--muted)}.roster-empty{grid-column:1/-1;padding:30px;text-align:center;color:var(--muted);font-size:13px}.battle-controls>div{gap:10px}
@media(min-width:1550px){.fighter-card{height:213px}.hero{height:300px}}
@media(max-width:1100px){.roster{grid-template-columns:repeat(5,minmax(0,1fr))}.fighter-card{height:181px}.filter-tabs button{padding:12px 9px}.fighter-extra{grid-template-columns:1fr 1.5fr auto;gap:15px}.fighter-extra .secondary-button{min-width:143px}.hud-avatar{width:34px;height:34px}}
@media(max-width:760px){.hero{height:260px}.hero h1{font-size:43px}.hero-content{padding-top:25px}.hero-description{font-size:10px}.roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.fighter-card{height:158px}.fighter-caption{left:8px;bottom:10px}.fighter-caption strong{font-size:21px}.fighter-caption small{font-size:5px}.card-arrow{display:none}.roster-tools{gap:12px}.search-label{flex:1}.search-label input{width:100%}.filter-tabs{order:3;width:100%}.filter-tabs button{flex:1;padding:10px 5px;font-size:7px}#roster-count{padding-bottom:11px}.fighter-extra{grid-template-columns:1fr 1fr}.fighter-extra>div:nth-child(2){grid-column:1/-1;grid-row:2}.fighter-extra .secondary-button{grid-column:2;grid-row:1}.hud-avatar{width:24px;height:24px}.mode-description{gap:12px}.mode-description #local-record{margin-left:0}.touch-controls{flex-wrap:wrap}.overlay-card #arcade-result{font-size:8px;margin:4px 0 10px}.preview-options{gap:10px}.preview-options .secondary-button{font-size:8px;padding:10px}}
@media(max-width:450px){.roster{grid-template-columns:repeat(3,minmax(0,1fr))}.fighter-card{height:151px}.fighter-caption strong{font-size:20px}.hud-avatar{display:none}.fighter-intel{grid-template-columns:1fr 1.1fr}.fighter-extra{gap:12px}.mode-description{margin-left:5%;margin-right:5%}}

/* TX Tudo Xiter - tokens taken from Identidade Visual - TX.pdf. */
@font-face{font-family:'Bowlby One SC';src:url('assets/fonts/BowlbyOneSC-Regular.ttf') format('truetype');font-display:swap}
:root{--bg:#000;--panel:#42454b;--line:#5d6568;--text:#fff;--muted:#788284;--gold:#feaf00;--orange:#e76300;--green:#feaf00;--p1:#feaf00;--p2:#fff;font-family:Arial,Helvetica,sans-serif}
.brand{gap:13px}.brand-logo{display:block;width:132px;height:58px;object-fit:contain}.brand-mark{display:none}.brand-name{font-family:'Bowlby One SC',Impact,sans-serif;color:#fff;font-size:16px;letter-spacing:2px;border-color:#5d6568}.brand-name small{color:#788284}.hero h1,h2,.fighter-caption strong,.timer-hud strong,.battle-banner strong,.overlay-card h2,.result-score{font-family:'Bowlby One SC',Impact,sans-serif;font-weight:400;letter-spacing:.6px}.hero h1 em{color:var(--gold)}.hero-stamp>img{display:block;width:86px;height:62px;object-fit:contain}.hero-stamp>span{display:none}.hero-photo{filter:saturate(.72) contrast(1.05)}.hero-shade{background:linear-gradient(90deg,#000 0%,#000f2 28%,#000a8 46%,#0000 70%),linear-gradient(0deg,#000 0%,transparent 38%,#0003 100%)}.build-label i,.status-dot{background:var(--gold);box-shadow:0 0 10px #feaf0080}.fight-button{background:linear-gradient(135deg,#feaf00,#e76300);color:#000}.fight-button:hover{background:linear-gradient(135deg,#ffd25a,#feaf00)}.side-button.selected,.filter-tabs button.active{background:#42454b;color:#fff;border-color:var(--gold)}.asset-notice{background:#42454b;border-color:#5d6568}.asset-notice p,.hero-meta>span:first-child{color:#fff}.hud-avatar,.hud-identity img{border-color:var(--gold)}.right-hud .hud-avatar,.right-hud .hud-identity img{border-color:#fff}.health-fill{background:linear-gradient(90deg,#e76300,#feaf00 45%,#fff0ae)}.right-hud .health-fill{background:linear-gradient(270deg,#42454b,#788284 55%,#fff)}.round-wins i.won{background:var(--gold);box-shadow:0 0 8px #feaf0080}.pending-badge{border-color:#e76300;color:#fff}.special-announcement,.text-button:hover{color:var(--gold)}.gamepad-focus{outline:3px solid #feaf00!important;outline-offset:4px!important;box-shadow:0 0 0 2px #000,0 0 18px #feaf00a8!important}.controller-controls{color:#feaf00!important}.controller-controls kbd{border-color:#feaf00;color:#fff;background:#000}
#boot-notice{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:#000f2;color:#fff;text-align:center}#boot-notice>div{width:min(560px,100%);padding:28px;border:1px solid #5d6568;background:#111}#boot-notice img{width:110px;height:80px;object-fit:contain}#boot-notice h1{font-family:'Bowlby One SC',Impact,sans-serif;font-size:clamp(25px,5vw,43px);font-weight:400;line-height:1.06;margin:12px 0;color:#feaf00}#boot-notice p{color:#d6d9da;line-height:1.55}#boot-notice .fight-button{margin:20px auto 0;width:min(330px,100%);text-decoration:none}
@media(max-width:760px){.brand-logo{width:94px;height:44px}.brand-name{font-size:12px;padding-left:9px}.hero-stamp>img{width:66px}.controller-controls{display:none}}
.controller-diagnostic{border:1px solid #5d6568;padding:14px;margin-top:14px;grid-column:1/-1;color:#fff}
.controller-diagnostic summary{color:#feaf00;cursor:pointer;font-weight:700;letter-spacing:1px}
.controller-diagnostic p{font-size:12px;line-height:1.6;color:#bcc4c6}
.controller-test-devices{display:grid;gap:12px}.controller-test-devices section{border-top:1px solid #42454b;padding-top:10px;overflow-wrap:anywhere}
.controller-test-devices strong{font-size:12px}.controller-test-actions{display:flex;gap:5px;flex-wrap:wrap}
.controller-test-actions span{font-size:11px;padding:5px 8px;border:1px solid #42454b;background:#111;color:#abb3b5}
.controller-test-actions .pressed{background:#feaf00;border-color:#feaf00;color:#000;font-weight:bold}