@import url('./fonts.css');
:root{color-scheme:dark;--gold:#e1be76;--muted:#99a7ba;--ink:#07101b;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f4f4ed;font-family:Barlow,Arial,sans-serif;overflow:hidden}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;font:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#app,#viewport{position:fixed;inset:0}#viewport canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#06101aeF 0%,#06101aC9 25%,transparent 60%),linear-gradient(0deg,#06101a 0%,transparent 25%,transparent 80%,#06101a99 100%)}body.playing .vignette{background:linear-gradient(0deg,#06101acc,transparent 25%,transparent 75%,#06101abb)}header{height:104px;position:fixed;top:0;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:5}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:#f6f5ed;font-size:15px;letter-spacing:2.5px;font-weight:700}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:4px;margin-top:5px}.brand-mark{border:1px solid var(--gold);width:44px;height:44px;display:grid;place-content:center;font:800 27px 'Barlow Condensed',Arial;letter-spacing:-2px;position:relative;color:var(--gold)}.brand-mark span{position:absolute;right:-4px;top:-10px;font:20px Arial;background:var(--ink)}.header-right{display:flex;align-items:center;gap:22px}.chip{font-size:10px;letter-spacing:1.8px;border:1px solid var(--line);padding:9px 12px}.chip i,.live-dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:7px}.icon-button{background:none;border:0;color:#abb5c4;font-size:23px}.icon-button span{font-size:9px;letter-spacing:1px;vertical-align:middle;margin-left:7px}.menu{position:fixed;inset:135px 4% 75px;display:flex;align-items:center;justify-content:space-between;gap:30px;pointer-events:none}.intro,.setup{pointer-events:auto}.intro{align-self:center;flex:1}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:11px}.eyebrow>span{height:1px;width:23px;background:var(--gold)}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(64px,6.65vw,112px);font-weight:800;line-height:.93;letter-spacing:-1.5px;margin:24px 0}h1 em{font-style:normal;color:var(--gold)}.intro>p{color:#a8b6c7;font-size:16px;line-height:1.7;margin:26px 0 40px}.arena-tag{display:flex;align-items:center;gap:13px}.arena-tag>span{font:600 29px 'Barlow Condensed',Arial;color:#727f92;border-right:1px solid var(--line);padding-right:13px}.arena-tag>div{font-size:10px;letter-spacing:1.5px}.arena-tag small{display:block;font-size:8px;letter-spacing:1.4px;color:#8292a7;margin-top:6px}.setup{width:330px;align-self:center;background:linear-gradient(130deg,#0b1726ee,#0a1421e8);border:1px solid #ffffff25;padding:23px;box-shadow:0 24px 80px #0004;backdrop-filter:blur(18px)}.setup-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;font-weight:600}.setup-head small{color:#7b8a9e;font-size:9px}.fighters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 24px}.fighter-card{position:relative;border:1px solid #ffffff25;padding:0;background:#101f31;text-align:left;overflow:hidden;height:200px;transition:border .2s,background .2s}.fighter-card:hover{border-color:#e1be7690}.fighter-card.selected{border-color:var(--gold);background:#202a32}.card-num{position:absolute;top:10px;left:10px;color:#a5b0bf;font-size:9px;z-index:3}.portrait{height:146px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 40%,#34536b,#101e30 80%)}.portrait:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#0c1726,transparent 55%)}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.6);position:relative;z-index:1;opacity:0;transition:opacity .4s}.portrait img.loaded{opacity:1}.portrait-fallback{position:absolute;font:900 110px 'Barlow Condensed',Arial;color:#8e9dab36}.fighter-label{position:absolute;left:13px;bottom:14px;z-index:3}.fighter-label strong{display:block;font:700 25px 'Barlow Condensed',Arial;letter-spacing:.5px}.fighter-label small{font-size:6px;letter-spacing:1px;color:#8999ad}.select-check{display:none;position:absolute;right:8px;top:8px;width:16px;height:16px;place-content:center;background:var(--gold);color:#102033;font-size:10px;z-index:4}.selected .select-check{display:grid}.mode-row>span,.difficulty-row label{font-size:8px;letter-spacing:1.2px;color:#95a4b6}.mode-row>div{display:grid;grid-template-columns:1fr 1fr;background:#050e19;padding:3px;margin-top:9px;gap:3px}.mode{font-size:8px;padding:10px 2px;border:1px solid transparent;background:none;color:#8090a3;letter-spacing:.5px}.mode.selected{background:#1b2b3b;color:#eff1ee;border-color:#ffffff16}.difficulty-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0 19px}.difficulty-row select{background:none;border:0;color:#dbe1e8;font-size:10px;padding:4px;cursor:pointer}.difficulty-row option{background:#102033}.primary{width:100%;background:var(--gold);border:1px solid var(--gold);color:#111d28;display:flex;justify-content:space-between;align-items:center;padding:17px 18px;font-size:10px;letter-spacing:1.6px;font-weight:700;transition:background .15s,transform .15s}.primary:hover{background:#f0d29a;transform:translateY(-1px)}.primary span{font-size:20px;line-height:12px}.setup-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px}.setup-bottom>span{font-size:7px;letter-spacing:1px;color:#7e8da1}.setup-bottom button{font-size:7px;letter-spacing:.6px;background:none;border:0;padding:0}.setup-bottom button span{display:inline-grid;place-content:center;border:1px solid #ffffff50;width:12px;height:12px;margin-left:3px}.secondary{border:1px solid var(--line);background:none;padding:16px;width:100%;font-size:10px;letter-spacing:1.2px;margin-top:12px}footer{position:fixed;bottom:0;left:4%;right:4%;height:55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#6c7b8e;font-size:8px;letter-spacing:1.4px}footer i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#73ac91;margin:0 4px}footer b{font-weight:500;color:#aab5c0}footer button{background:none;border:0;color:#8a9bad;font-size:8px;letter-spacing:1px}body.playing header{height:65px;border:0}body.playing header .brand{font-size:10px}body.playing header .brand-mark{width:30px;height:30px;font-size:19px}body.playing header .brand small{font-size:7px;letter-spacing:2px}body.playing header .chip{display:none}#hud{position:fixed;left:8%;right:8%;top:85px;display:grid;grid-template-columns:1fr 85px 1fr;gap:28px}.health-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.health-title strong{font:600 25px 'Barlow Condensed',Arial;letter-spacing:1px}.health-title span{color:#8c9caf;font-size:8px;letter-spacing:1px}.health-track{height:9px;background:#0c1625;border:1px solid #ffffff30;transform:skewX(-12deg);padding:1px}.health-fill{height:100%;background:linear-gradient(90deg,#b99a5e,#f4d8a2);width:100%;transition:width .15s}.right .health-fill{margin-left:auto;background:linear-gradient(90deg,#89c6ec,#3f82b3)}.right .health-title{flex-direction:row-reverse}.under-health{display:flex;justify-content:space-between;margin-top:10px}.right .under-health{flex-direction:row-reverse}.round-dots{display:flex;gap:7px}.round-dots i{width:8px;height:8px;border:1px solid #b7a989;transform:rotate(45deg)}.round-dots i.won{background:var(--gold)}.stamina-track{width:45%;height:3px;background:#ffffff19}.stamina-track>div{height:100%;width:100%;background:#89adab;transition:width .15s}.round-clock{text-align:center}.round-clock small{font-size:8px;letter-spacing:1.6px;color:var(--gold)}.round-clock strong{display:block;font:600 50px 'Barlow Condensed',Arial;line-height:1.1}.round-clock>span{font:600 11px 'Barlow Condensed',Arial;color:#8b9bb0}.round-message{position:fixed;top:39%;left:0;right:0;text-align:center;pointer-events:none;text-shadow:0 3px 30px #000}.round-message small{display:block;font-size:12px;letter-spacing:5px;color:var(--gold);margin-bottom:8px}.round-message strong{font:800 clamp(55px,9vw,120px) 'Barlow Condensed',Impact;letter-spacing:4px;color:#f6eddb}.round-message.pulse{animation:announce .25s ease-out}@keyframes announce{from{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}#game-toolbar{position:fixed;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#9aaac0}#game-toolbar small{color:var(--gold);margin-left:6px}#game-toolbar button{border:0;background:none;font-size:9px;letter-spacing:1px;color:#a2b1c4;margin-left:20px}#keyboard-hints{position:fixed;bottom:70px;left:0;right:0;display:flex;justify-content:center;gap:20px;font-size:8px;letter-spacing:1px;color:#9da9ba}kbd{font-family:inherit;display:inline-grid;place-content:center;border:1px solid #ffffff35;width:22px;height:24px;margin-right:4px;color:#d3dbe1;background:#09152488}#combo{position:fixed;top:35%;left:8%;font:700 25px 'Barlow Condensed',Arial;color:var(--gold);text-shadow:0 2px 9px #000}#hitflash{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse,transparent 30%,#ddbb6a66);z-index:8}dialog{color:#f0f2ef;background:#0b1726;border:1px solid #e1be7655;padding:38px;width:min(500px,92vw);box-shadow:0 30px 150px #000a}dialog::backdrop{background:#030a14bb;backdrop-filter:blur(9px)}dialog .close{position:absolute;right:18px;top:14px;background:none;border:0;font-size:26px;color:#8393a8}dialog h2{font:700 44px/1.02 'Barlow Condensed',Impact;margin:20px 0}dialog p{font-size:13px;line-height:1.7;color:#a9b8c9}dialog .muted{font-size:10px;color:#7e90a5}table{width:100%;border-collapse:collapse;margin:25px 0;font-size:11px}th{text-align:left;color:var(--gold);font-size:9px;letter-spacing:1px}td,th{padding:10px 0;border-bottom:1px solid var(--line)}.credit-links{display:flex;flex-wrap:wrap;gap:13px}.credit-links a{color:var(--gold);font-size:10px}#loading{position:fixed;inset:0;background:#07101b;z-index:30;display:grid;align-content:center;justify-items:center;gap:20px;transition:opacity .5s}#loading p{font-size:10px;letter-spacing:3px;color:#8192a8}#loading p span{animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}#fatal{position:fixed;inset:0;z-index:50;background:#07101b;display:grid;align-content:center;justify-content:center;text-align:center;padding:25px}#fatal p{color:#98a9bf;font-size:14px}#fatal button{background:var(--gold);color:#0a1625;padding:16px;border:0}#touch{position:fixed;bottom:60px;left:4%;right:4%;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.touch-move,.touch-actions{display:flex;align-items:flex-end;gap:7px;pointer-events:auto}.touch-move button,.touch-actions button{touch-action:none;user-select:none;width:46px;height:46px;background:#0c1b2cb0;border:1px solid #ffffff40;border-radius:50%;font-size:9px;color:#e7e8e1;backdrop-filter:blur(10px)}.touch-move button:nth-child(2){margin-bottom:25px}.touch-actions .special{border-color:var(--gold);color:var(--gold)}
@media(min-width:1500px){.setup{width:360px;padding:27px}.fighter-card{height:220px}.portrait{height:166px}}
@media(max-height:740px) and (min-width:901px){header{height:80px}.menu{top:100px;bottom:65px}.setup{padding:18px;width:300px}.fighters{margin:13px 0 15px}.fighter-card{height:160px}.portrait{height:125px}h1{font-size:80px}.intro>p{margin:20px 0 26px}.difficulty-row{margin:11px 0}.primary{padding:14px 16px}.setup-bottom{margin-top:13px}}
@media(max-width:900px){header{height:78px}.menu{top:105px;bottom:65px;gap:20px}.intro h1{font-size:65px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}.intro>p{font-size:14px}.setup{width:285px;padding:17px}.fighters{gap:8px}.fighter-card{height:170px}.portrait{height:130px}.header-right{gap:10px}.chip{display:none}#hud{left:5%;right:5%;gap:14px;top:72px}#keyboard-hints{gap:9px;font-size:7px}}
@media(max-width:640px){body{overflow:auto}.menu{top:94px;bottom:65px;align-items:flex-end;gap:0}.intro{align-self:flex-start;position:absolute;top:0;left:0;pointer-events:none}.intro h1{font-size:49px;margin:14px 0}.intro .eyebrow{font-size:7px}.intro>p,.arena-tag{display:none}.setup{width:100%;align-self:flex-end;padding:15px;background:#0b1726ed}.setup-head{font-size:8px}.fighters{margin:12px 0;gap:10px}.fighter-card{height:112px}.portrait{height:112px}.portrait img{object-position:50% 20%}.fighter-label{bottom:10px;left:12px}.fighter-label strong{font-size:23px}.fighter-label small{font-size:5px}.mode-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.mode-row>div{width:65%;margin:0}.difficulty-row{margin:10px 0}.setup-bottom{margin-top:12px}.primary{padding:14px 16px}.brand{font-size:12px;letter-spacing:1.5px}.brand-mark{width:36px;height:36px;font-size:23px}.brand small{font-size:7px;letter-spacing:3px}.icon-button span{display:none}footer{font-size:6px;height:48px}footer>span:nth-child(2){display:none}footer button{font-size:7px}#hud{grid-template-columns:1fr 50px 1fr;gap:10px;top:75px}.health-title strong{font-size:20px}.health-title span{display:none}.round-clock strong{font-size:39px}.round-clock small{font-size:6px}.round-message strong{font-size:58px}#keyboard-hints{display:none}#game-toolbar{font-size:7px;bottom:20px}#game-toolbar button{font-size:7px;margin-left:8px}dialog{padding:28px}dialog h2{font-size:36px}}
@media(max-height:620px) and (max-width:900px){header{height:52px}.menu{top:65px;bottom:42px}.intro h1{font-size:55px}.intro>p{margin:14px 0}.setup{padding:12px;width:270px}.fighters{margin:10px 0}.fighter-card{height:115px}.portrait{height:100px}.difficulty-row{margin:8px 0}.mode{padding:7px 0}.primary{padding:11px 14px}footer{height:32px}#hud{top:50px}body.playing header{height:40px}#touch{bottom:36px}#game-toolbar{bottom:12px}}

/* DE-BATE character inspection */
.menu{justify-content:flex-end}
body:not(.playing) .vignette{background:linear-gradient(90deg,transparent 45%,#06101a99 68%),linear-gradient(0deg,#06101a 0%,transparent 18%,transparent 85%,#06101a88)}
.model-info{position:fixed;left:5%;top:130px;pointer-events:none;z-index:2}.model-info h1{font-size:48px;margin:10px 0 6px;letter-spacing:2px}.model-info>p{margin:0;font-size:10px;color:var(--gold);letter-spacing:1.7px}.model-info .eyebrow{font-size:9px}
.model-viewer{position:fixed;left:2%;top:114px;width:65%;height:calc(100dvh - 205px);pointer-events:auto;touch-action:none;cursor:grab;z-index:1;outline-offset:-8px}.model-viewer:active{cursor:grabbing}
.viewer-tools{position:fixed;left:5%;right:38%;bottom:88px;z-index:3;pointer-events:auto}.viewer-tools>span{display:block;font-size:9px;letter-spacing:1.5px;color:#b5c8d9;margin-bottom:14px}.viewer-tools>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.viewer-tools label{font-size:8px;color:#92a9bf;letter-spacing:1px}.viewer-tools select{max-width:200px;padding:9px;background:#0c1b2d;border:1px solid #ffffff35;color:#f3ecdd;font:11px Barlow,Arial}.viewer-tools button{padding:10px 12px;border:1px solid #ffffff35;background:#112133c9;font-size:8px;letter-spacing:1px}.viewer-tools button:hover{border-color:var(--gold);color:var(--gold)}
.portrait img{filter:none;object-position:50% 24%;image-rendering:auto}.setup{position:relative;z-index:4}#keyboard-hints b{font-weight:inherit}.brand{font-size:19px;letter-spacing:3px}.brand small{letter-spacing:3px}
body.playing .model-viewer,body.playing .viewer-tools,body.playing .model-info{display:none}
@media(max-width:900px) and (min-width:641px){.model-viewer{width:60%;left:0}.model-info{left:4%;top:100px}.model-info h1{font-size:35px}.viewer-tools{left:4%;right:43%;bottom:85px}.viewer-tools select{max-width:160px}.viewer-tools label{display:none}}
@media(max-width:640px){.model-info{left:5%;top:88px}.model-info h1{font-size:28px;margin:4px 0}.model-info .eyebrow{font-size:6px}.model-info>p{font-size:7px;letter-spacing:.5px}.model-viewer{left:0;top:98px;width:100%;height:calc(100dvh - 475px);min-height:135px}.viewer-tools{left:5%;right:5%;bottom:365px}.viewer-tools>span{font-size:7px;margin-bottom:8px}.viewer-tools label{display:none}.viewer-tools select{max-width:47%;padding:6px;font-size:9px}.viewer-tools button{font-size:7px;padding:7px}.setup{padding:12px}.fighters{margin:10px 0}.fighter-card,.portrait{height:100px}.mode{padding:8px 0}.difficulty-row{margin:8px 0}.setup-bottom{margin-top:9px}.menu{bottom:58px}}
@media(max-height:620px) and (min-width:641px){.model-info{top:72px}.model-info h1{font-size:30px}.model-viewer{top:65px;height:calc(100dvh - 125px)}.viewer-tools{bottom:48px}.viewer-tools>span{margin-bottom:6px}}

.move-name{min-height:18px;margin-top:5px;font-size:10px;letter-spacing:.08em;color:#cbaa65}.touch-actions{flex-wrap:wrap}

[hidden]{display:none!important}.online-entry{margin-top:12px}.classic-entry{margin-top:9px;padding:11px!important;font-size:10px!important}.online-heading{display:flex;justify-content:space-between;align-items:center}.online-heading button{background:none;border:0;color:#9cb1c6;font-size:10px}.live-label{font-size:10px;letter-spacing:.15em;color:#9ed9c8}.live-label:before{content:'●';margin-right:6px}.live-label.offline{color:#e5b974}#online-panel{position:absolute;z-index:20;right:32px;top:180px;width:320px;max-height:calc(100dvh - 210px);overflow:auto;padding:22px;background:#07131fee;border:1px solid #344353;box-shadow:0 20px 60px #0005}#online-panel h2{font-size:25px;margin:12px 0 6px;color:#f0eee6}.online-sub,.online-muted{font-size:10px;color:#8da3ba;line-height:1.6}.online-score{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0 16px;border-bottom:1px solid #2c3c4d;margin-bottom:14px}.online-score div{display:grid;gap:4px}.online-score span{font-size:10px;letter-spacing:.1em}.online-score strong{font-size:20px;font-variant-numeric:tabular-nums;color:#e1c276}.online-score small{font-size:9px;color:#7890a7}#online-panel label{font-size:10px;letter-spacing:.12em;color:#bdcbd7}.online-sides{display:flex;gap:8px;margin-top:8px}.online-sides button{flex:1;padding:10px;border:1px solid #3f5164;color:#d2deea;background:#142438;font-size:12px}.online-sides button.selected{border-color:#d6b86f;background:#78623955;color:#eed79d}.online-sides small{display:block;font-size:8px;margin-top:5px;opacity:.7}#chosen-side{font-size:9px;color:#b6c5d3;line-height:1.5;margin:10px 0 15px}.paid-attacks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.paid-attacks button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:11px 8px;color:#eddfbc;background:#1c2e40;border:1px solid #53606c;font-size:9px}.paid-attacks small{display:block;color:#8ca3b9;font-size:8px;margin-top:5px}.paid-attacks b{font-size:14px;white-space:nowrap}.paid-attacks button:disabled{opacity:.45;cursor:not-allowed}.online-account{border:0;background:none;color:#dcc58e;font-size:9px;padding:6px 0}#online-feedback{font-size:11px;line-height:1.55;color:#a6b9c9;min-height:34px}#live-events{list-style:none;padding:0;margin:8px 0 0;font-size:9px;line-height:1.8;color:#bdcbd7}.online-playing #hud{right:400px}.online-playing #game-toolbar{right:400px}.online-playing #keyboard-hints{display:none}.notice-dialog{max-width:570px}.notice-ack{display:flex;gap:12px;align-items:flex-start;margin:24px 0;font-size:13px;line-height:1.6;color:#e5eaf0}.notice-ack input{margin-top:4px;width:20px;height:20px;accent-color:#cbaa65;flex-shrink:0}dialog button:disabled{opacity:.4;cursor:not-allowed}.auth-providers{display:grid;gap:9px;margin:20px 0}.auth-providers button{padding:13px;background:#162a3e;border:1px solid #405467;color:#dce6ee;font-size:11px}#auth-form label{display:grid;gap:7px;margin:14px 0;font-size:12px;color:#b5c5d5}#auth-form input,#auth-kind{box-sizing:border-box;width:100%;padding:12px;background:#071422;border:1px solid #3c5063;color:#f0f3f5;font:inherit}#auth-kind{font-size:12px}.form-status{font-size:12px;line-height:1.6;color:#e3c68c;min-height:20px}.purchase-price{display:block;color:#e1c276;font-size:44px;margin:14px 0}dialog::backdrop{background:#020810df;backdrop-filter:blur(9px)}@media(max-width:900px){#online-panel{right:14px;width:270px;padding:16px;top:166px}.online-playing #hud{right:310px;left:20px}.online-playing #game-toolbar{right:310px}.online-score strong{font-size:17px}}@media(max-width:650px){.header-right .chip{display:none}#account-button{font-size:8px;padding:6px}#online-panel{top:auto;bottom:0;right:0;left:0;width:auto;max-height:45dvh;padding:14px 18px}.online-playing #hud{right:20px;top:85px}.online-playing #game-toolbar{display:none}.online-heading+h2{font-size:17px!important;line-height:1.2;margin:5px 0!important}.online-heading+h2 br{display:none}.online-score{padding:5px 0;margin-bottom:8px}.online-score small{display:none}.online-sub{position:absolute;right:65px;top:5px}.online-sides{margin-top:5px}.online-sides button{padding:6px}.online-sides small{display:none}#chosen-side{margin:7px 0}.paid-attacks{grid-template-columns:repeat(4,1fr);gap:4px}.paid-attacks button{display:grid;gap:5px;font-size:7px;padding:7px}.paid-attacks b{font-size:12px}#payment-availability,#online-feedback{font-size:9px;margin:6px 0}#live-events{display:none}.online-account{font-size:8px}dialog{max-height:90dvh;overflow:auto;padding:25px!important}.notice-dialog h2{font-size:31px}dialog p{font-size:12px!important}.notice-ack{font-size:11px}}

#cart-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:10px;color:#e1c276}#cart-tools button{padding:6px;background:#203249;border:1px solid #52657a;color:#dae5ef;font-size:8px}.damage-number{position:absolute;z-index:18;pointer-events:none;color:#ff353f;font-family:Arial,sans-serif;font-weight:900;line-height:1;text-shadow:0 2px 1px #300008,0 0 12px #5b0000;will-change:transform,opacity;-webkit-text-stroke:.5px #3f0000;transform:translate(-50%,-50%)}

#account-button{font-size:10px;letter-spacing:.08em;white-space:nowrap}

.online-time-rule{font-size:8px;line-height:1.6;letter-spacing:.08em;color:#b3c1cb}.online-heading{gap:8px;flex-wrap:wrap}.online-heading #ranking-open{font-size:8px;color:#e5ca87}.online-playing #timer{font-size:22px;color:#a5d7c5}#online-victory{position:absolute;z-index:21;left:12%;top:28%;width:45%;text-align:center;color:#f0dfb1;text-shadow:0 4px 20px #000;background:#07131eee;border:1px solid #cbaa65;padding:30px}#online-victory small{font-size:11px;letter-spacing:.2em}#winner-number{display:block;font:900 140px/1 Arial;color:#e5c479;margin:15px 0}#winner-name{margin:0;font-size:30px}#online-victory p{font-size:12px}#winner-ranking{background:#d9bd79;border:0;padding:12px 20px;margin-top:10px;color:#111b25;font-size:10px}#rankingDialog{max-width:760px}.ranking-scroll{overflow:auto}#rankingDialog table{font-size:12px;width:100%;white-space:nowrap}#rankingDialog td{padding:12px 8px}#rankingDialog th{font-size:9px}#rankingDialog .rank-team{color:#e1c276}#ranking-empty{font-size:12px;color:#8da3b6}.profile-name{display:grid;gap:10px;color:#bdcfdf;font-size:13px}.profile-name input{padding:12px;background:#12253b;border:1px solid #425e78;color:#fff;font:inherit}#ranking-profile-team,#ranking-profile-status{font-size:12px;color:#e1c276}@media(max-width:650px){#online-victory{left:5%;top:20%;width:90%;padding:18px;box-sizing:border-box}#winner-number{font-size:100px}.online-time-rule{font-size:7px;margin:3px 0}.online-sub{position:static;font-size:8px}#rankingDialog table{font-size:10px}#rankingDialog td{padding:10px 6px}}

#online-victory{inset:0;width:auto;height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;padding:25px;background:#021009b8;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:100;color:#d8f9e4;text-shadow:none}#online-victory small{font-size:clamp(10px,1.4vw,16px);color:#a5d9b7}#winner-number{font-size:clamp(160px,29vw,360px);line-height:.9;color:#43ef78;text-shadow:0 0 45px #36db6b5c;letter-spacing:-.065em;margin:10px 0;padding-right:.065em}#winner-name{font-size:clamp(23px,3.5vw,46px);font-weight:700;color:#e2fbea;text-align:center}#online-victory p{color:#add4bb}.victory-crown{font-size:clamp(65px,9vw,110px);line-height:1.3;animation:victory-crown-spin 3.4s linear infinite;transform-style:preserve-3d;filter:drop-shadow(0 0 18px #e7c86555)}#winner-ranking{background:#43ef78;color:#062011;margin-top:18px;font-weight:700}@keyframes victory-crown-spin{from{transform:perspective(500px) rotateY(0deg) rotateZ(-7deg)}50%{transform:perspective(500px) rotateY(180deg) rotateZ(7deg)}to{transform:perspective(500px) rotateY(360deg) rotateZ(-7deg)}}@media(prefers-reduced-motion:reduce){.victory-crown{animation:none}}

#keyboard-hints{flex-direction:column;align-items:center;gap:10px;bottom:70px}.player-key-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.player-key-row>b{color:#e1c276;font-size:9px}.arena-choices{display:grid;gap:10px}#classic-options{margin-top:16px}#classic-options .primary{margin-top:14px}.setup{max-height:calc(100dvh - 150px);overflow-y:auto;scrollbar-width:thin}@media(max-width:900px){.player-key-row{gap:7px;font-size:7px}#keyboard-hints{bottom:66px;gap:7px}}@media(max-width:650px){.setup{max-height:none;overflow:visible}}

#winner-menu{background:none;border:0;color:#c4dfce;padding:12px;font-size:10px;letter-spacing:.1em;cursor:pointer}

#arena-radio{position:fixed;right:51px;top:84px;width:292px;z-index:27;background:#081521ee;border:1px solid #304355;padding:10px 13px;box-sizing:border-box;backdrop-filter:blur(12px)}.radio-top{display:flex;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:.1em;color:#b79d69}.radio-top a{font-size:6px;color:#8da3b6;text-decoration:none}.radio-now{display:flex;align-items:center;gap:10px;margin-top:7px}.radio-now button{border:1px solid #6a5d43;background:#152130;color:#ddbf78;width:28px;height:28px;font-size:13px}.radio-now>div{flex:1;min-width:0}.radio-now strong{display:block;color:#f2e9d4;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-now small{display:block;color:#8fa5b9;font-size:8px;margin-top:3px}.radio-volume{font-size:6px;color:#9caebd;width:47px}.radio-volume input{width:47px;accent-color:#d7b773;display:block}#radio-local-controls{display:flex;gap:5px;margin-top:8px}#radio-local-controls select{width:100%;min-width:0;padding:5px;background:#102236;color:#d7e1e7;font-size:9px;border:1px solid #344b60}#radio-local-controls button{background:#182b3e;border:1px solid #344b60;color:#dabb7a;font-size:18px;line-height:20px;width:23px}.playing #arena-radio{right:51px;top:198px;width:264px}.online-playing #arena-radio{left:38px;right:auto;top:185px;width:280px}.special-picker-entry{font-size:9px!important;margin-bottom:12px!important}.special-side-tabs{display:flex;gap:10px;margin-bottom:18px}.special-side-tabs button{flex:1;background:#12263b;border:1px solid #3c5265;color:#e5ce98;padding:12px;font-size:12px}.special-side-tabs button[aria-pressed=true]{border-color:#d6b66f;background:#223346}.special-side-tabs small{display:block;font-size:9px;margin-top:5px;color:#b0bfcc}#specialDialog{width:min(580px,90vw);max-width:580px}.special-choice-label{display:block;font-size:9px;color:#d6ba7c;margin-bottom:8px}#special-choice{width:100%;background:#13283d;border:1px solid #466177;color:#eef3f5;padding:12px;font-size:14px}#special-preview{height:260px;background:radial-gradient(ellipse,#31465b,#071321);touch-action:none;cursor:grab;border:1px solid #2c4154;margin-top:14px;border-radius:5px}#special-preview canvas{display:block;width:100%;height:100%}#music-credits{font-size:10px;line-height:1.7;margin:15px 0}#music-credits a{color:#d8bc7b}#online-camera-surface{position:fixed;left:0;top:175px;bottom:75px;right:390px;z-index:5;touch-action:none;cursor:grab}#online-camera-surface.dragging{cursor:grabbing}#online-camera-controls{position:fixed;left:35px;bottom:28px;z-index:21;display:flex;align-items:center;gap:8px}#online-camera-controls span{font-size:7px;max-width:280px;color:#a5b6c8;letter-spacing:.05em}#online-camera-controls button{border:1px solid #53677a;background:#102136dd;color:#e5d19f;padding:7px 11px;font-size:10px}@media(max-width:900px){#arena-radio{right:30px;top:80px;width:275px}.playing #arena-radio{right:25px;top:190px;width:235px}.online-playing #arena-radio{left:20px;top:180px;width:250px}#online-camera-surface{right:320px}}@media(max-width:650px){#arena-radio{position:relative;top:auto;right:auto!important;left:auto!important;width:calc(100% - 36px);margin:85px 18px 0}.playing #arena-radio{position:fixed;top:155px;width:200px;margin:0;right:14px!important}.online-playing #arena-radio{top:145px;left:12px!important;right:auto!important;width:210px}.radio-top a{display:none}#online-camera-surface{right:0;top:175px;bottom:44vh}#online-camera-controls{left:12px;bottom:calc(44vh + 8px)}#online-camera-controls span{display:none}#special-preview{height:220px}#game-toolbar button{font-size:7px}}

.hp-current{font-size:10px;color:#e6d19a;white-space:nowrap}.classic-damage-rule{font-size:7px;color:#a8bccd;margin-top:7px;letter-spacing:.05em}.online-playing .classic-damage-rule{display:none}

@media(min-width:651px){.online-playing #arena-radio{left:auto;right:38px;top:84px;width:314px}}

.auth-providers button{display:flex;align-items:center;justify-content:center;gap:12px}.auth-providers svg{width:23px;height:23px;flex:none}#google-login{background:#f5f6f8;color:#243340;border:1px solid #bdc4ca}#facebook-login{background:#163d73;color:white;border:1px solid #426fa4}.auth-required{font-size:12px;color:#aabfce;line-height:1.6}

@media(max-width:849px){.online-playing #online-panel{top:auto;bottom:0;right:0;left:0;width:auto;max-height:44dvh;padding:12px 18px}.online-playing #hud{right:20px;left:20px;top:80px}.online-playing #game-toolbar{display:none}.online-playing #arena-radio{position:relative;top:auto;bottom:auto;right:auto!important;left:auto!important;width:100%;margin:0 0 10px}.online-playing #online-camera-surface{right:0;top:170px;bottom:44vh}.online-playing #online-camera-controls{left:12px;bottom:calc(44vh + 8px)}.online-playing #online-camera-controls span{display:none}.online-playing .online-score small{display:none}.online-playing #timer{font-size:18px}.online-playing .health-title strong{font-size:22px}.online-playing .health-title span{font-size:8px}.online-playing #live-events{display:none}}

#shout-bubble{position:fixed;z-index:30;pointer-events:none;left:50%;top:47%;width:min(760px,94vw);height:clamp(180px,27vw,270px);transform:translate(-50%,-50%) rotate(-4deg);filter:drop-shadow(8px 10px 0 #0008)}#shout-bubble[data-side=1]{transform:translate(-50%,-50%) rotate(4deg)}#shout-bubble svg{position:absolute;inset:0;width:100%;height:100%}#shout-bubble>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 65px;color:#15131b;text-align:center}#shout-bubble small{font-size:13px;font-weight:800;letter-spacing:.2em;margin-bottom:7px}#shout-bubble strong{font:900 italic clamp(38px,8vw,76px)/.95 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.shout-pop{animation:comic-shout .18s cubic-bezier(.2,1.5,.4,1)}@keyframes comic-shout{from{opacity:0;scale:.65}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.shout-pop{animation:none}}

@media(max-width:849px){.online-playing #hud{top:120px;gap:10px;grid-template-columns:1fr 65px 1fr}.online-playing .health-title strong{font-size:18px}.online-playing .health-title span,.online-playing .move-name,.online-playing .under-health{display:none}.online-playing .round-clock strong{font-size:18px!important}.online-playing .round-clock small{font-size:6px}.online-playing .health-track{margin-top:6px}.online-playing #online-camera-surface{top:190px}}

.brand-logo{display:block;width:202px;height:83px;object-fit:contain}.playing .brand-logo{width:135px;height:55px}.toolbar-logo{display:block;width:92px;height:38px;object-fit:contain}.loading-logo{display:block;width:min(360px,75vw);height:auto;margin:0 auto 28px}@media(max-width:900px){.brand-logo{width:160px;height:66px}}@media(max-width:650px){.brand-logo,.playing .brand-logo{width:110px;height:45px}.toolbar-logo{width:72px;height:29px}}

/* DE-BATE identity: midnight blue, Brazilian green, warm gold and ivory. */
#brand-splash{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#123327 0,#071326 49%,#020911 100%);color:#f5f1e7}#brand-splash>img{position:relative;width:min(820px,86vw);height:auto;z-index:2;filter:drop-shadow(0 15px 40px #000)}#brand-splash>p{position:relative;z-index:2;font-size:10px;letter-spacing:.45em;color:#ffc83d;margin-top:34px}#splash-skip{position:absolute;bottom:32px;right:5%;z-index:3;border:1px solid #ffc83d66;background:#07132699;color:#f5f1e7;padding:12px 18px;font-size:10px;letter-spacing:.12em}#splash-skip span{color:#ffc83d;margin-left:15px}.splash-orbit{position:absolute;width:min(650px,80vw);aspect-ratio:1;border:1px solid #ffc83d33;border-radius:50%;box-shadow:0 0 90px #009c3b22,inset 0 0 100px #ffc83d0a}.splash-rays{position:absolute;inset:-70%;background:conic-gradient(from 0deg,transparent 0deg,#ffc83d12 20deg,transparent 40deg,transparent 175deg,#009c3b20 195deg,transparent 215deg)}.intro-playing>img{animation:brand-impact 1.15s cubic-bezier(.16,1,.3,1) both}.intro-playing .splash-orbit{animation:brand-ring 2.6s ease-out both}.intro-playing .splash-rays{animation:brand-rays 2.6s ease-out both}.intro-playing>p{animation:brand-caption .7s .75s both}@keyframes brand-impact{0%{opacity:0;transform:translateY(22px) scale(.7);filter:blur(10px) drop-shadow(0 0 0 #000)}62%{opacity:1;transform:translateY(-3px) scale(1.035);filter:blur(0) drop-shadow(0 0 35px #ffc83d33)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0) drop-shadow(0 15px 40px #000)}}@keyframes brand-ring{from{opacity:0;transform:scale(.25)}30%{opacity:1}to{opacity:0;transform:scale(1.8)}}@keyframes brand-rays{from{transform:rotate(-30deg);opacity:0}35%{opacity:1}to{transform:rotate(25deg);opacity:.4}}@keyframes brand-caption{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.login-brand,.login-city,.login-explore{display:none}.login-landing #accountDialog{position:fixed;inset:0;max-width:none;width:100vw;height:100dvh;max-height:none;margin:0;padding:0!important;border:0;border-radius:0;box-sizing:border-box;overflow:auto;background:radial-gradient(ellipse at 23% 43%,#17334388,transparent 56%),linear-gradient(120deg,#071326,#020d18 62%,#071326);color:#f5f1e7}.login-landing #accountDialog::backdrop{background:#071326;backdrop-filter:none}.login-landing .account-layout{position:relative;z-index:2;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,420px);align-items:center;gap:5vw;padding:45px max(4vw,24px);max-width:1600px;margin:auto}.login-landing .login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 0}.login-brand>img{width:min(100%,760px);height:auto;filter:drop-shadow(0 20px 35px #0008)}.login-brand-rule{width:70%;height:1px;background:linear-gradient(90deg,transparent,#ffc83d,transparent);margin:38px 0 24px}.login-brand>p{font:700 clamp(20px,2.2vw,32px)/1.2 'Barlow Condensed',Arial;letter-spacing:.12em;margin:0 0 18px;color:#f5f1e7}.login-brand>small{font-size:9px;letter-spacing:.25em;color:#b4c3c7}.login-brand>button{border:0;background:none;color:#ffc83d;font-size:9px;letter-spacing:.15em;margin-top:28px;padding:10px}.login-landing .account-card{padding:30px;background:linear-gradient(145deg,#0d2232ed,#071326f5);border:1px solid #ffc83d80;box-shadow:0 20px 80px #0008,0 0 40px #ffc83d06;position:relative}.login-landing .account-card:before,.login-landing .account-card:after{content:'';position:absolute;width:36px;height:3px;background:#ffc83d;top:-2px}.login-landing .account-card:before{left:0}.login-landing .account-card:after{right:0}.login-landing .account-card>.close{display:none}.login-landing .eyebrow{color:#ffc83d;font-size:9px;letter-spacing:.22em}.login-landing #account-name{font:800 44px/.95 'Barlow Condensed',Arial;margin:15px 0;color:#f5f1e7}.login-landing .auth-required{font-size:11px;line-height:1.6;color:#aabdc6;margin-bottom:20px}.login-landing .auth-providers{margin:18px 0;gap:8px}.login-landing .auth-providers button{padding:12px;font-size:10px;min-height:45px}.login-landing #auth-form label{font-size:10px;letter-spacing:.04em;margin:12px 0 8px}.login-landing #auth-form input,.login-landing #auth-kind{background:#071326;border-color:#ffc83d38;padding:11px;color:#f5f1e7;font-size:12px}.login-landing #auth-form input:focus,.login-landing #auth-kind:focus{outline:1px solid #ffc83d;border-color:#ffc83d}#accountDialog #auth-submit{background:linear-gradient(100deg,#ffd866,#ffc83d);color:#071326;font:oblique 900 clamp(24px,2.2vw,28px)/1 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:.07em;justify-content:center;text-align:center;min-height:58px;padding:14px 18px;border:1px solid #ffe17d}.login-landing .form-status{font-size:10px;color:#ffc83d;line-height:1.5;min-height:15px;margin:12px 0}.login-landing .login-explore{display:grid;gap:10px;padding-top:20px;margin-top:20px;border-top:1px solid #ffc83d26}.login-explore button{display:flex;justify-content:space-between;border:1px solid #ffc83d4a;color:#f5f1e7;background:#0a1a2b;padding:12px;font-size:9px;font-weight:600;letter-spacing:.08em}.login-explore button:first-child{border-color:#009c3b99;background:#009c3b19}.login-explore button span{color:#ffc83d}.login-explore small{color:#9badb6;font-size:9px;text-align:center}.login-landing .login-city{display:block;position:fixed;inset:0;overflow:hidden;pointer-events:none;opacity:.7;background:radial-gradient(ellipse at 29% 77%,#ffc83d17,transparent 35%)}.congress-towers{position:absolute;bottom:20%;left:12%;height:38%;width:12%;display:flex;gap:8%}.congress-towers i{display:block;width:41%;height:100%;background:repeating-linear-gradient(0deg,transparent 0 10px,#ffc83d1c 11px 12px),linear-gradient(90deg,#122335,#37504d 45%,#152938);border:1px solid #ffc83d25;box-shadow:inset 7px 0 15px #ffc83d10}.congress-towers i:last-child{transform:translateY(16px)}.congress-cup{position:absolute;bottom:19%;left:33%;width:25%;height:12%;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(#ffc83d66,#6d552e33 60%,#071326);border-top:2px solid #ffc83d66;transform:perspective(800px) rotateX(25deg)}.congress-dome{position:absolute;bottom:19%;left:-6%;width:19%;height:7%;border-radius:100% 100% 0 0;background:linear-gradient(20deg,#ffc83d44,#172c3c);border-top:1px solid #ffc83d55}.city-reflection{position:absolute;bottom:0;height:20%;width:100%;border-top:1px solid #ffc83d44;background:repeating-linear-gradient(0deg,#07132600 0 9px,#ffc83d0b 10px 11px),linear-gradient(180deg,#ffc83d0d,transparent)}.city-light{position:absolute;bottom:18%;width:30%;height:95%;background:linear-gradient(0deg,#ffc83d22,transparent 80%);clip-path:polygon(45% 100%,0 0,100% 0);filter:blur(15px);transform-origin:50% 100%}.light-left{left:2%;transform:rotate(-25deg)}.light-right{left:30%;transform:rotate(25deg)}
@media(max-width:860px){.login-landing .account-layout{grid-template-columns:1fr;gap:10px;padding:25px 20px 35px}.login-landing .login-brand{padding:5px 0 12px}.login-brand>img{width:min(390px,82vw)}.login-brand-rule,.login-brand>p,.login-brand>small{display:none}.login-brand>button{margin-top:5px;padding:7px;font-size:8px}.login-landing .account-card{width:min(420px,100%);margin:auto;padding:25px}.login-landing #account-name{font-size:38px}.login-landing .congress-towers{left:6%;height:45%;width:20%}.login-landing .congress-cup{left:56%;width:42%}.login-landing .login-city{opacity:.35}.login-landing .auth-required{font-size:11px}}
@media(prefers-reduced-motion:reduce){.intro-playing>img,.intro-playing .splash-orbit,.intro-playing .splash-rays,.intro-playing>p{animation:none}.splash-orbit,.splash-rays{display:none}}

.local-pause{background:#ffc83d14;border:1px solid #ffc83d99;color:#ffe39a;padding:9px 13px;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.local-pause:hover{background:#ffc83d2b}.next-special{margin-top:7px;color:#f0ce73;font-size:9px;letter-spacing:.04em;min-height:12px}.online-playing .next-special{display:none}@media(max-width:650px){.playing:not(.online-playing) #account-button{display:none}.local-pause{font-size:8px;padding:8px}.next-special{font-size:7px}.playing .brand-logo{width:95px}}

.share-open{display:grid;place-items:center;padding:8px}.share-open svg,.login-share svg,#share-native svg{width:19px;height:19px;flex-shrink:0}.login-share{display:flex;align-items:center;justify-content:center;gap:9px;background:none;border:1px solid #f5f1e733;padding:11px 16px;color:#f5f1e7;font-size:10px;letter-spacing:.08em;margin-top:20px}.share-networks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 8px}.share-networks a{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;min-height:78px;border:1px solid #f5f1e722;background:#ffffff05;text-decoration:none;color:#f5f1e7;font-size:11px;transition:background .15s,border-color .15s}.share-networks a:hover,.share-networks a:focus-visible{background:#ffffff10;border-color:var(--social-color)}.share-networks svg{width:25px;height:25px;color:var(--social-color)}#share-native{display:flex;align-items:center;justify-content:center;gap:10px}.share-link-label{display:block;font-size:9px;letter-spacing:.12em;color:#c3cfda;margin:24px 0 9px}.share-link-row{display:flex;gap:8px}.share-link-row input{min-width:0;flex:1;background:#071326;border:1px solid #f5f1e733;color:#cbd7e5;padding:12px;font-size:11px}.share-link-row button{background:#ffc83d;border:0;color:#071326;padding:10px;font-size:10px;font-weight:700;white-space:nowrap}#share-status{min-height:20px;color:#6cec92;font-size:12px;margin-bottom:0}#winner-rematch{background:#43ef78;color:#062011;border:0;padding:12px 20px;margin-top:18px;font-size:11px;font-weight:700}.victory-enter #winner-number{animation:victory-number-in .55s cubic-bezier(.2,.9,.25,1.25) both}.victory-enter #winner-name{animation:victory-name-in .5s .15s both}@keyframes victory-number-in{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes victory-name-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-height:650px){#online-victory{gap:2px;padding:15px}#online-victory .victory-crown{font-size:55px}#winner-number{font-size:clamp(110px,23vh,200px);margin:3px 0}#winner-name{font-size:28px}#victory-detail{margin:7px 0}#winner-ranking,#winner-rematch{margin-top:8px}}@media(prefers-reduced-motion:reduce){.victory-enter #winner-number,.victory-enter #winner-name{animation:none}}

.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 10px}.shop-heading>span{font-size:10px;letter-spacing:.12em;color:#f5f1e7;font-weight:700}.shop-heading small{font-size:9px;color:#96a9bb}.paid-attacks button{gap:8px;position:relative;min-height:75px;transition:border-color .15s,background .15s}.paid-attacks button>svg{width:25px;height:25px;flex-shrink:0;color:#ffc83d}.paid-attacks button:not(:disabled):hover{border-color:#ffc83d;background:#2c3c3f}.paid-attacks button>span{flex:1}.paid-attacks button>b{color:#f5f1e7}.combo-offers{display:grid;gap:9px}.combo-offers>button{display:flex;align-items:center;text-align:left;gap:11px;padding:15px 12px;background:linear-gradient(120deg,#142b30,#142238);border:1px solid #8da85e66;color:#f5f1e7}.combo-offers>button>svg{width:28px;height:28px;color:#ffc83d;flex-shrink:0}.combo-offers>button>div:nth-child(2){flex:1}.combo-offers strong{display:block;font-size:13px}.combo-offers small{display:block;color:#b9c8d5;font-size:9px;line-height:1.5;margin:5px 0}.combo-offers span{font-size:9px;color:#9de8b7}.combo-price{text-align:right;flex-shrink:0}.combo-price>b{display:inline-block;font-size:10px;background:#43ef78;color:#062011;padding:3px 6px;margin-bottom:6px}.combo-price del{display:block;font-size:10px;color:#8f9eaf}.combo-price strong{font-size:18px;color:#ffc83d;margin-top:2px}.combo-offers button:disabled{opacity:.45;cursor:not-allowed}.combo-offers button:not(:disabled):hover{border-color:#ffc83d;background:linear-gradient(120deg,#244c3c,#1b2b40)}.purchase-lines{display:grid;gap:10px;margin:18px 0}.purchase-lines>div{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid #ffffff18}.purchase-lines svg{width:26px;height:26px;color:#ffc83d;flex-shrink:0}.purchase-lines>div>div{flex:1}.purchase-lines strong{font-size:12px}.purchase-lines small{display:block;font-size:10px;color:#9cbbcd;line-height:1.5;margin-top:5px}.purchase-lines b{font-size:12px}.purchase-special-picker{width:100%;display:grid;text-align:left;gap:7px;padding:16px;border:1px solid #ffc83d99;background:#ffc83d0d;color:#ffc83d}.purchase-special-picker span{font-size:9px;letter-spacing:.08em}.purchase-special-picker strong{font-size:19px;color:#f5f1e7}.purchase-total{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0}.purchase-total small{display:block;font-size:9px;letter-spacing:.12em;color:#b8c7d4}.purchase-total del{display:block;color:#95a8b9;font-size:13px;margin-top:8px}.purchase-total .purchase-price{margin:6px 0 0;color:#ffc83d}.purchase-total>b{font-size:10px;color:#43ef78;border:1px solid #43ef7855;padding:9px;text-align:center}.online-playing #online-panel{width:365px}.online-playing #hud,.online-playing #game-toolbar{right:445px}@media(max-width:900px){.online-playing #online-panel{width:300px}.online-playing #hud,.online-playing #game-toolbar{right:345px}}@media(max-width:650px){.online-playing #online-panel{width:auto;max-height:49dvh}.online-playing #hud{right:20px}.paid-attacks{grid-template-columns:repeat(2,1fr)}.paid-attacks button{display:flex;font-size:9px;min-height:60px;padding:9px}.paid-attacks button>b{font-size:13px}.paid-attacks button>svg{width:22px;height:22px}.paid-attacks small{font-size:8px}.shop-heading{margin:14px 0 9px}.combo-offers>button{padding:11px}.combo-offers strong{font-size:12px}.combo-price strong{font-size:17px}#online-feedback{font-size:10px;line-height:1.5}.purchase-total .purchase-price{font-size:37px}}

/* Privacy acknowledgment and persistent help links */
.legal-links{display:flex;flex-wrap:wrap;gap:12px 20px;font:12px/1.6 Arial,sans-serif}.legal-links a,.notice-dialog a{color:#f5d36e;text-decoration:underline;text-underline-offset:3px}.legal-links a:focus-visible,.notice-dialog a:focus-visible{outline:2px solid #f5d36e;outline-offset:4px}.account-card .legal-links,#pauseDialog .legal-links{margin-top:24px}.privacy-summary{font-size:13px;line-height:1.6;color:#c2cbd3}.notice-ack{align-items:flex-start}.notice-ack input{flex:0 0 auto;margin-top:3px}#footer .legal-links{justify-content:center;gap:4px 14px;font-size:10px;line-height:1.5;letter-spacing:normal}#footer .legal-links a{display:inline-flex;align-items:center;min-height:24px;color:#a2b3c4;letter-spacing:normal;text-decoration-color:#61788e}#footer .legal-links a:hover,#footer .legal-links a:focus-visible{color:#f5d36e;text-decoration-color:currentColor}#footer .legal-links a:focus-visible{outline:2px solid #f5d36e;outline-offset:3px}#parodyDialog{max-height:90dvh;overflow:auto}#parodyDialog .primary{margin-top:12px}
@media(max-width:700px){#footer{height:auto;min-height:54px;flex-wrap:wrap;gap:2px 12px;padding:6px 0}#footer .legal-links{flex-basis:100%;gap:4px 16px}}

/* A small player shares the existing header; extra controls open on demand. */
header{gap:18px}header:has(.radio-options[open]){z-index:28}
#arena-radio,.playing #arena-radio,.online-playing #arena-radio,#arena-radio[data-mode=local]{position:relative;top:auto;bottom:auto;left:auto!important;right:auto!important;width:240px;min-width:180px;max-width:260px;flex:0 1 240px;margin:0;padding:5px 7px;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:5px;align-items:center;border:1px solid #34465677;border-radius:5px;background:#081521a6;backdrop-filter:none;z-index:auto}
#arena-radio .radio-now{min-width:0;gap:8px;margin:0}#arena-radio .radio-now>button{flex:0 0 28px;height:28px;width:28px;border-color:#69755580;border-radius:3px;font-size:12px}#arena-radio .radio-track-info{min-width:0}#arena-radio .radio-now strong{font-size:10px;line-height:1.3;font-weight:600}#arena-radio .radio-now small{font-size:8px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;color:#a5b8ca}
.radio-options{position:static}.radio-options>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:24px;height:30px;border-radius:3px;cursor:pointer;color:#b7c8d6;font:700 22px/1 Barlow,Arial,sans-serif}.radio-options>summary::-webkit-details-marker{display:none}.radio-options>summary:hover{background:#233a4b;color:#ffcf3f}.radio-options>summary:focus-visible{outline:2px solid #ffcf3f;outline-offset:3px}.radio-options[open]>summary{color:#ffcf3f;background:#1a3341}
.radio-options-panel{position:absolute;right:0;top:calc(100% + 8px);width:260px;box-sizing:border-box;padding:13px;background:#0b1b2a;border:1px solid #456075;border-radius:5px;box-shadow:0 12px 35px #0008}
#arena-radio .radio-top{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:8px;line-height:1.5;letter-spacing:normal;color:#d6bd7c}#arena-radio .radio-top a{display:inline-flex;align-items:center;min-height:24px;flex-shrink:0;font-size:8px;color:#b5c7d6;text-decoration:underline;text-underline-offset:3px}#arena-radio .radio-top a:hover{color:#ffcf3f}#arena-radio .radio-volume{display:flex;align-items:center;justify-content:space-between;gap:12px;width:auto;font-size:9px;letter-spacing:.05em;color:#b5c7d6;margin-top:12px}#arena-radio .radio-volume input{display:block;width:150px;max-width:70%;margin:0;min-height:24px}#arena-radio #radio-local-controls{margin-top:13px;gap:6px}#arena-radio #radio-local-controls button{width:28px;flex-shrink:0;min-height:30px}#arena-radio #radio-local-controls select{font-size:10px;min-height:30px}
.playing #hud{top:85px}.online-playing #online-camera-surface{top:175px}
@media(max-width:1200px){header .chip{display:none}header{gap:14px}.header-right{gap:12px}}
@media(max-width:849px){.online-playing #hud{top:80px}.online-playing #online-camera-surface{top:150px}#arena-radio,.playing #arena-radio,.online-playing #arena-radio,#arena-radio[data-mode=local]{flex-basis:200px;min-width:150px;width:200px}}
@media(max-width:650px){header{gap:8px}.header-right{gap:6px;min-width:0}#arena-radio,.playing #arena-radio,.online-playing #arena-radio,#arena-radio[data-mode=local]{width:62px;min-width:62px;max-width:62px;flex-basis:62px;padding:3px;grid-template-columns:28px 22px;gap:4px}#arena-radio .radio-now>div{display:none}.radio-options>summary{width:22px;height:28px}.radio-options-panel{position:fixed;top:122px;left:12px;right:auto;width:min(280px,calc(100vw - 24px));border-top:0;border-radius:0 0 5px 5px}#arena-radio:has(.radio-options[open]) .radio-track-info{display:block;position:fixed;top:72px;left:12px;right:auto;box-sizing:border-box;width:min(280px,calc(100vw - 24px));height:50px;padding:11px 13px;background:#0b1b2a;border:1px solid #456075;border-bottom:0;border-radius:5px 5px 0 0}#arena-radio:has(.radio-options[open]) .radio-track-info strong{font-size:11px}#arena-radio:has(.radio-options[open]) .radio-track-info small{font-size:9px}.playing #hud{top:85px}.online-playing #hud{top:80px}#account-button{font-size:8px;letter-spacing:normal;max-width:110px;overflow:hidden;text-overflow:ellipsis}#arena-radio .radio-top{font-size:8px}}
@media(max-width:430px){header{gap:6px}.brand-logo,.playing .brand-logo{width:82px;height:40px}.header-right{gap:5px}.header-right .share-open,#audio,#fullscreen{width:24px;padding:0;flex-shrink:0}.header-right .share-open svg{width:20px;height:20px}#account-button{max-width:82px;padding:3px}#arena-radio,.playing #arena-radio,.online-playing #arena-radio,#arena-radio[data-mode=local]{width:58px;min-width:58px;max-width:58px;flex-basis:58px;gap:2px}}
@media(max-width:360px){header{gap:5px}.brand-logo,.playing .brand-logo{width:72px}.header-right{gap:4px}#account-button{max-width:65px}#arena-radio,.playing #arena-radio,.online-playing #arena-radio,#arena-radio[data-mode=local]{width:54px;min-width:54px;max-width:54px;flex-basis:54px;padding:2px;grid-template-columns:26px 20px;gap:2px}#arena-radio .radio-now>button{width:26px;flex-basis:26px}.radio-options>summary{width:20px}}

.auth-forgot{display:block;width:fit-content;margin:14px 0 6px;font-size:14px;color:#f5d36e;text-underline-offset:3px}.auth-forgot:focus-visible{outline:2px solid #f5d36e;outline-offset:4px}
/* Carrinho: revisão completa antes do checkout */
#purchaseDialog{width:min(680px,94vw);max-height:90dvh;overflow:auto;padding:32px;overscroll-behavior:contain}
#purchaseDialog h2{font-size:45px;margin:16px 0 13px}.cart-description{padding:12px 15px;background:#122636;border-left:3px solid #43d98a;color:#c8d8e6!important;font-size:12px!important}
.cart-list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 10px;font-size:11px;color:#b5c7d9}.cart-text-button{border:0;background:none;font-size:9px;color:#a7b9cb;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.cart-text-button:hover{color:#ffcf3f}
#purchase-lines{gap:0;margin:0 0 20px}.cart-line{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:13px;align-items:start;padding:19px 0;border-bottom:1px solid #ffffff24}.cart-line>svg{margin-top:2px}.cart-line-info strong{font-size:15px}.cart-line-info small{max-width:290px;font-size:11px;line-height:1.6}.cart-unit-price{display:block;font-size:10px;color:#86d5af;margin-top:7px;line-height:1.6}.cart-line-actions{display:grid;justify-items:end;gap:10px}.cart-line-actions>b{font-size:15px;color:#f5f1e7;font-variant-numeric:tabular-nums;white-space:nowrap}.cart-stepper{display:flex;align-items:center;border:1px solid #4b6174;background:#091725;border-radius:4px;overflow:hidden;height:36px}.cart-stepper button{height:34px;width:31px;padding:0;border:0;background:#172e40;color:#f5f1e7;font-size:18px}.cart-stepper button:not(:disabled):hover{background:#29473d;color:#ffcf3f}.cart-stepper input{box-sizing:border-box;width:45px;min-width:0;height:34px;padding:0 2px;border:0;background:transparent;color:#f5f1e7;text-align:center;font:600 13px Barlow,Arial,sans-serif;-moz-appearance:textfield;appearance:textfield}.cart-stepper input::-webkit-inner-spin-button,.cart-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-stepper input:focus-visible{outline:2px solid #ffcf3f;outline-offset:-2px}.cart-remove{font-size:9px;padding:3px 0;background:none;border:0;color:#a3b6c8;text-decoration:underline;text-underline-offset:3px}.cart-remove:hover{color:#ffd084}
.cart-summary-box{background:#071320;border:1px solid #344c5e;padding:19px 20px;margin:20px 0 14px}.cart-totals{margin:0}.cart-totals>div{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#b8c7d4;margin:0 0 11px}.cart-totals dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cart-totals .cart-discount{color:#81dfad}.cart-totals .cart-total{border-top:1px solid #ffffff24;padding-top:16px;margin-top:17px;margin-bottom:0;align-items:end}.cart-total dt{font-size:14px;color:#f5f1e7;font-weight:600}.cart-total dt small{display:block;font-size:9px;font-weight:400;margin-top:4px;color:#8da6bc}.cart-totals .purchase-price{font-size:34px;color:#ffcf3f;margin:0;line-height:1}.cart-effect{font-size:11px!important;color:#9cb6ca!important;line-height:1.7!important;border-top:1px solid #ffffff18;margin:16px 0 0;padding-top:14px}.cart-payment-note{font-size:11px!important;line-height:1.7!important;color:#a5b8c9!important}.cart-empty{text-align:center;padding:32px 18px;background:#0c1d2a;border:1px dashed #4a6274;margin:18px 0}.cart-empty>span{display:inline-grid;place-items:center;border:1px solid #ffcf3f66;color:#ffcf3f;width:48px;height:48px;border-radius:50%;font:600 26px 'Barlow Condensed',Arial}.cart-empty h3{font:600 25px 'Barlow Condensed',Arial;margin:15px 0 9px;color:#f5f1e7}.cart-empty p{font-size:12px!important;margin:auto;max-width:320px;color:#9db3c7}#purchaseDialog .form-status{min-height:0}#purchaseDialog .form-status:empty{margin:0}#purchaseDialog .primary{justify-content:center;text-align:center;min-height:48px;margin-top:16px}#purchaseDialog .secondary{margin-top:10px;min-height:44px}#purchaseDialog .purchase-special-picker{margin-top:8px}#cart-summary{font-variant-numeric:tabular-nums}#cart-tools #review-cart{border-color:#8b9f62;color:#f8d67d}
@media(max-width:520px){#purchaseDialog{padding:24px 19px!important}#purchaseDialog h2{font-size:37px}.cart-line{grid-template-columns:24px minmax(0,1fr);gap:11px;padding:17px 0}.cart-line>svg{width:23px;height:23px}.cart-line-info strong{font-size:14px}.cart-line-actions{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cart-line-actions>b{margin-left:auto}.cart-remove{width:100%;text-align:left;padding:1px 0}.cart-stepper{height:38px}.cart-stepper button{width:34px;height:36px}.cart-stepper input{height:36px;width:46px}.cart-summary-box{padding:17px}.cart-totals .purchase-price{font-size:30px}.cart-list-heading{margin-top:19px}.cart-list-heading>span{font-size:10px}.cart-text-button{font-size:8px}.cart-description{padding:11px 13px}}

/* Account names, private order history and the shared header shop. */
.header-cart{position:relative;display:grid;place-items:center;min-width:30px;padding:6px}.header-cart svg{width:22px;height:22px}.header-cart #header-cart-count{position:absolute;top:-4px;right:-6px;margin:0;background:#ffc83d;color:#07101b;border-radius:10px;padding:2px 5px;font-size:9px;font-weight:700;letter-spacing:0;min-width:17px}.account-username-label{font-size:10px!important;letter-spacing:.12em;color:#9fb5c7!important;margin-bottom:8px!important}#account-username{display:block;overflow-wrap:anywhere;font-size:22px;color:#ffda81}#account-member .secondary{text-align:center}#usernameDialog,#ordersDialog,#shopDialog{max-height:90dvh;overflow:auto;overscroll-behavior:contain}#usernameDialog .profile-name{display:grid;gap:10px;font-size:13px}#username-input{width:100%;background:#071326;border:1px solid #566b7d;color:#f5f1e7;padding:13px;font:inherit}#username-status{min-height:24px}#usernameDialog .primary{justify-content:center}#ordersDialog{width:min(700px,94vw)}#orders-list{display:grid;gap:12px}.order-card{border:1px solid #3c5265;background:#0b2030;padding:17px}.order-card>div{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.order-card strong{font-size:12px;overflow-wrap:anywhere}.order-status{font-size:11px;color:#a4dec0}.order-card p{font-size:11px;line-height:1.6;color:#a8bdcf;margin:10px 0}.order-card>b{font-size:20px;color:#ffcf3f}#orders-status{font-size:12px;line-height:1.7;color:#a7bed1}#shopDialog{width:min(560px,94vw)}#shopDialog h2{margin:14px 0}.shop-intro{font-size:12px;line-height:1.7;color:#9fb6c9}#shopDialog #shop-review{justify-content:center;margin-top:20px}#shopDialog .online-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px}#shopDialog .online-sides button{background:#102439;border:1px solid #46617a;padding:14px}#shopDialog .online-sides button.selected{border-color:#ffc83d;color:#ffda81}#shopDialog .online-sides small{display:block;font-size:10px;margin-top:6px;color:#9fb5c8}#shopDialog #chosen-side{font-size:11px;color:#a7bed1}#shopDialog #cart-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}#shopDialog #cart-tools button{border:1px solid #46617a;background:#152b3d;padding:8px;font-size:10px}#loading p{max-width:min(560px,88vw);text-align:center;line-height:1.8;letter-spacing:1px;text-wrap:balance}
@media(max-width:650px){.header-cart{min-width:24px;width:24px;padding:0}.header-cart svg{width:20px;height:20px}.header-cart #header-cart-count{top:-8px;right:-6px;font-size:8px}#shopDialog,#ordersDialog,#usernameDialog{padding:28px 20px}.order-card>div{gap:8px}}

.online-chat{margin-top:18px;padding-top:17px;border-top:1px solid #344858}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-heading h3{font:600 20px 'Barlow Condensed',Arial,sans-serif;margin:0;color:#f5f1e7}.chat-heading small{font-size:8px;letter-spacing:.12em;color:#7bd5ae}.chat-public-note{font-size:10px;line-height:1.5;color:#91aabe;margin:7px 0 11px}.chat-messages{list-style:none;margin:0 0 10px;padding:8px 10px;height:170px;overflow:auto;overscroll-behavior:contain;background:#06101bcc;border:1px solid #344858;scrollbar-width:thin}.chat-messages:empty:before{content:'Ainda não há mensagens. Comece a conversa.';display:block;font-size:11px;line-height:1.6;color:#8199ad;padding:8px 0}.chat-messages li{padding:7px 0;border-bottom:1px solid #ffffff0d}.chat-messages li:last-child{border-bottom:0}.chat-messages li>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chat-messages strong{font-size:11px;color:#edce83;overflow-wrap:anywhere}.chat-messages time{font-size:9px;color:#7792a8;margin-left:auto}.chat-messages small{font-size:8px;color:#94c8dc}.chat-messages p{font-size:12px!important;line-height:1.5!important;color:#d2deea;margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-compose{display:flex;gap:6px}.chat-compose input,.chat-compose textarea{min-width:0;flex:1;padding:10px;background:#0b1c2b;border:1px solid #486174;color:#f5f1e7;border-radius:3px;font:12px Barlow,Arial,sans-serif}.chat-compose button{border:1px solid #b39a61;border-radius:3px;background:#e1be76;color:#07101b;font-size:9px;font-weight:700;padding:8px 10px}#online-chat-status{min-height:16px;color:#d6bb82;font-size:10px;line-height:1.5;margin:7px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:650px){.online-chat{margin-top:13px;padding-top:12px}.chat-messages{height:130px}.chat-compose input,.chat-compose textarea{font-size:16px;padding:8px}.chat-heading h3{font-size:18px}}

.chat-compose textarea{resize:vertical;line-height:1.5;min-height:50px}.chat-older{width:100%;padding:7px;margin:0 0 7px;background:#102537;border:1px solid #3c566c;color:#b9cdde;font-size:9px}.chat-compose button{align-self:end}.chat-compose-help{font-size:9px;color:#8199ad;margin:5px 0}

.music-toggle svg,#effects-audio svg{width:22px;height:22px;display:block}.effects-controls{position:relative}.effects-controls>summary{list-style:none;cursor:pointer;padding:0;display:grid;place-items:center;width:26px;height:28px}.effects-controls>summary::-webkit-details-marker{display:none}.effects-options-panel{position:absolute;right:0;top:calc(100% + 12px);width:235px;padding:16px;background:#0b1b2a;border:1px solid #456075;border-radius:5px;box-shadow:0 12px 35px #0008;color:#bdd0df;font-size:10px}.effects-options-panel label{display:grid;gap:12px;font-size:9px;letter-spacing:.06em}.effects-options-panel input{width:100%;margin:0;min-height:25px}.effects-options-panel button{width:100%;margin-top:12px;padding:9px;background:#152c3d;border:1px solid #526579;font-size:9px}header:has(#effects-controls[open]){z-index:29}@media(max-width:650px){.music-toggle svg,#effects-audio svg{width:20px;height:20px}.effects-controls>summary{width:24px}.effects-options-panel{position:fixed;right:12px;top:65px;width:225px}}

/* Responsive arena: one shared boundary for the rendered stage and its controls. */
:root{--arena-panel:clamp(280px,29vw,365px);--arena-gap:20px;--header-height:72px}
#app,#viewport{height:100dvh}
body.playing{overflow:hidden}
header{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));min-width:0}
header .brand,header .header-right{flex-shrink:0}
header #account-button{white-space:nowrap}
body.online-playing #online-panel{position:fixed;top:calc(var(--header-height) + env(safe-area-inset-top) + 10px);bottom:max(12px,env(safe-area-inset-bottom));left:auto;right:max(12px,env(safe-area-inset-right));width:var(--arena-panel);height:auto;max-height:none;padding:18px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
body.online-playing #hud{left:max(18px,env(safe-area-inset-left));right:calc(var(--arena-panel) + var(--arena-gap) + max(12px,env(safe-area-inset-right)));top:calc(var(--header-height) + env(safe-area-inset-top) + 10px);grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:18px}
body.online-playing #online-camera-surface{left:env(safe-area-inset-left);right:calc(var(--arena-panel) + var(--arena-gap) + max(12px,env(safe-area-inset-right)));bottom:calc(62px + env(safe-area-inset-bottom));min-width:0;min-height:1px}
body.online-playing #online-camera-controls{left:max(12px,env(safe-area-inset-left));right:calc(var(--arena-panel) + var(--arena-gap) + 12px);bottom:max(10px,env(safe-area-inset-bottom));gap:6px;justify-content:flex-start}
body.online-playing #online-camera-controls button{min-width:44px;min-height:44px;padding:8px}
body.online-playing #game-toolbar{display:none}
body.online-playing #hud .health-title{gap:8px;min-width:0;flex-wrap:wrap}
body.online-playing #hud .health-title strong{font-size:24px}
body.online-playing #hud .health-title span,body.online-playing #hud .under-health,body.online-playing #hud .move-name{display:none}
body.online-playing #timer{font-size:26px!important}
body.online-playing #round-label{font-size:7px;line-height:1.5;letter-spacing:1px}
body.online-playing #shout-bubble{left:calc((100% - var(--arena-panel) - var(--arena-gap))/2);width:min(620px,calc(100vw - var(--arena-panel) - 32px));height:clamp(130px,26dvh,220px)}
body.online-playing #shout-bubble strong{font-size:clamp(28px,5vw,64px)}
body.online-playing #shout-bubble>div{padding:25px 38px}




dialog:not(#accountDialog){max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}
@media(max-width:1100px),(max-height:600px){
 :root{--arena-panel:clamp(235px,31vw,300px);--arena-gap:12px;--header-height:54px}
 body.playing header{height:calc(var(--header-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);gap:8px}
 body.playing .brand-logo{width:90px;height:40px}
 body.playing .header-right{gap:8px}
 body.playing #account-button{max-width:100px;font-size:9px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}
 body.playing #arena-radio{width:150px;min-width:62px;max-width:180px;flex:1 1 150px}
 body.online-playing #online-panel{padding:12px;top:calc(var(--header-height) + env(safe-area-inset-top) + 4px);bottom:max(8px,env(safe-area-inset-bottom))}
 body.online-playing #hud{top:calc(var(--header-height) + env(safe-area-inset-top) + 5px);gap:8px;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);left:max(12px,env(safe-area-inset-left))}
 body.online-playing #hud .health-title{gap:3px;margin-bottom:5px;flex-wrap:nowrap}
 body.online-playing #hud .health-title strong{font-size:18px}
 body.online-playing .hp-current{font-size:9px}
 body.online-playing .health-track{height:7px;margin-top:0}
 body.online-playing #round-label{font-size:6px;letter-spacing:.5px}
 body.online-playing #timer{font-size:20px!important}
 body.online-playing #online-camera-surface{bottom:calc(54px + env(safe-area-inset-bottom))}
 body.online-playing #online-camera-controls span{display:none}
 body.online-playing #online-panel h2{font-size:22px;margin:9px 0 5px}
 body.online-playing .online-time-rule{font-size:8px}
 body.online-playing .online-score{padding:8px 0;margin-bottom:10px}
 body.online-playing .online-score strong{font-size:17px}
 body.online-playing .online-score small{display:none}
 body.online-playing .paid-attacks{grid-template-columns:1fr 1fr}
 body.online-playing .paid-attacks button{padding:8px;min-height:58px;gap:5px;font-size:8px}
 body.online-playing .paid-attacks button>svg{width:20px;height:20px}
 body.online-playing .paid-attacks button>b{font-size:12px}
 body.online-playing .combo-offers>button{padding:10px 8px;gap:8px}
 body.online-playing .combo-offers strong{font-size:12px}
 body.online-playing .combo-price strong{font-size:15px}
 body.online-playing .chat-messages{height:120px}
 body.online-playing #shout-bubble small{font-size:9px;margin-bottom:4px}
}
@media(max-width:700px) and (orientation:landscape){
 :root{--arena-panel:225px;--arena-gap:8px}
 body.playing #arena-radio{width:62px;min-width:62px;max-width:62px;flex-basis:62px;padding:3px;grid-template-columns:28px 22px;gap:4px}
 body.playing #arena-radio .radio-now>div{display:none}
 body.playing .header-right{gap:5px}
 body.playing #hud .health-title strong{font-size:16px}
 body.online-playing .hp-current{font-size:8px}
 body.online-playing #hud .health-title{flex-wrap:wrap}
 body.online-playing #online-panel{padding:10px}
}
@media(orientation:landscape) and (max-height:600px){
 body:not(.playing) header{height:52px;padding-top:env(safe-area-inset-top)}
 body:not(.playing) .brand-logo{width:100px;height:42px}
 body:not(.playing) .menu{top:calc(60px + env(safe-area-inset-top));bottom:40px;align-items:stretch}
 body:not(.playing) .setup{align-self:stretch;width:280px;max-height:100%;overflow:auto;padding:12px}
 body:not(.playing) .fighters{margin:10px 0}
 body:not(.playing) .fighter-card,body:not(.playing) .portrait{height:100px}
 body:not(.playing) .model-info{top:65px;left:4%}
 body:not(.playing) .model-viewer{top:60px;left:0;width:calc(100% - 305px);height:calc(100dvh - 115px);min-height:0}
 body:not(.playing) .viewer-tools{left:3%;right:310px;bottom:44px}
 body:not(.playing) .viewer-tools>span{display:none}
 body:not(.playing) footer{height:34px;gap:8px;font-size:6px}
 body.playing:not(.online-playing) #hud{top:calc(56px + env(safe-area-inset-top));left:3%;right:3%;gap:12px}
 body.playing:not(.online-playing) .health-title strong{font-size:19px}
 body.playing:not(.online-playing) .health-title span{display:none}
 body.playing:not(.online-playing) .round-clock strong{font-size:28px}
 body.playing:not(.online-playing) .next-special,body.playing:not(.online-playing) .move-name{font-size:7px;margin-top:3px}
 body.playing:not(.online-playing) .classic-damage-rule{font-size:6px}
 body.playing:not(.online-playing) #keyboard-hints{display:none}
 body.playing:not(.online-playing) #touch{bottom:calc(10px + env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}
 body.playing:not(.online-playing) .touch-actions{max-width:56%;justify-content:flex-end;gap:5px}
 body.playing:not(.online-playing) #touch button{width:44px;height:44px;min-width:44px;min-height:44px}
 body.playing:not(.online-playing) #game-toolbar{bottom:5px}
 body.playing:not(.online-playing) #game-toolbar>div:first-child{display:none}
 body.playing:not(.online-playing) #game-toolbar>div:last-child{margin:auto}
 .radio-options-panel{max-height:calc(100dvh - 110px);overflow:auto}
}
@media(max-width:900px) and (orientation:portrait){
 body:not(.playing) .menu{position:fixed;inset:84px 12px 54px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;overflow:auto;overscroll-behavior:contain;pointer-events:auto;padding-bottom:12px}
 body:not(.playing) .model-viewer{position:relative;top:auto;left:auto;flex:0 0 230px;width:100%;height:230px;min-height:180px}
 body:not(.playing) .model-info{position:absolute;top:8px;left:8px;z-index:2}
 body:not(.playing) .model-info h1{font-size:28px}
 body:not(.playing) .viewer-tools{position:relative;left:auto;right:auto;bottom:auto;flex:0 0 auto}
 body:not(.playing) .viewer-tools>span{font-size:8px;line-height:1.5}
 body:not(.playing) .viewer-tools button,body:not(.playing) .viewer-tools select{min-height:40px}
 body:not(.playing) .setup{width:100%;align-self:stretch;flex:0 0 auto;padding:14px}
 body:not(.playing) footer{height:48px;gap:5px;flex-wrap:wrap;justify-content:center}
 body:not(.playing) footer>span{display:none}
 body:not(.playing) #footer .legal-links{gap:4px 10px;font-size:9px}
 body.online-playing #online-panel{top:55dvh;bottom:0;left:0;right:0;width:100%;max-height:none;padding:14px 16px}
 body.online-playing #hud{left:14px;right:14px}
 body.online-playing #online-camera-surface{left:0;right:0;bottom:45dvh}
 body.online-playing #online-camera-controls{left:10px;right:10px;bottom:calc(45dvh + 8px)}
 body.online-playing #shout-bubble{left:50%;width:94vw;top:34%;height:160px}
 body.playing .header-right{gap:4px}
 body.playing .brand-logo{width:70px;height:36px}
 body.playing #account-button{max-width:70px;font-size:8px;padding:2px}
 body.playing #arena-radio{flex:0 0 54px;min-width:54px;max-width:54px;width:54px;padding:2px;grid-template-columns:26px 20px;gap:2px}
 body.playing header{gap:4px}
}
@media(pointer:coarse){
 input,textarea,select,#auth-form input,.login-landing #auth-form input,.login-landing #auth-kind{font-size:16px}
 button,summary{touch-action:manipulation}
 .header-right .icon-button,.effects-controls>summary{min-width:30px;min-height:40px}
 .online-heading button,.online-account,.cart-text-button,.cart-remove{min-height:40px}
 .online-sides button,.chat-compose button{min-height:44px}
 .chat-compose textarea{font-size:16px;resize:none}
}

@media(max-width:390px) and (orientation:portrait){header .brand-logo{width:60px;height:36px}header .header-right{gap:4px}header #account-button{max-width:58px;font-size:8px;padding:2px}header{gap:4px}}
@media(max-width:360px) and (orientation:portrait){header .brand{display:none}header{justify-content:space-between}header .header-right{gap:3px}header #account-button{max-width:62px}}

@media(pointer:coarse){input:not([type=range]):not([type=checkbox]),textarea,select{font-size:16px!important}}
@media(max-width:900px) and (orientation:landscape){
 body:not(.playing) header{gap:8px}
 body:not(.playing) header .header-right{gap:6px}
 body:not(.playing) header #account-button{font-size:9px;max-width:110px;overflow:hidden;text-overflow:ellipsis}
 body:not(.playing) header #arena-radio{width:62px;min-width:62px;max-width:62px;flex:0 0 62px;padding:3px;grid-template-columns:28px 22px;gap:4px}
 body:not(.playing) header #arena-radio .radio-now>div{display:none}
}

/* Character selection modeled after an electronic ballot. */
body:not(.playing) .urna-setup{width:460px;padding:18px;background:#0b1726ed}
.character-ballot{display:grid;grid-template-columns:minmax(0,1fr) 166px;gap:13px;padding:15px;border:1px solid #f4f0d280;border-radius:11px 11px 5px 5px;background:linear-gradient(160deg,#dddccf,#b6b8ad);box-shadow:inset 0 4px 0 #fff5,0 10px 22px #0004;color:#111820}
.ballot-screen{min-width:0;min-height:255px;border:5px solid #b1b5aa;outline:1px solid #747b73;border-radius:2px;padding:10px;background:linear-gradient(145deg,#fafbf5,#edf0e9);color:#171c18;box-shadow:inset 0 0 6px #60746d25;display:flex;flex-direction:column}
.ballot-screen-top{display:flex;justify-content:space-between;gap:4px;border-bottom:1px solid #adb6aa;padding-bottom:7px;font:700 9px/1.3 Barlow,Arial;letter-spacing:.03em}.ballot-screen-top small{font-size:7px;color:#727c6e}
.ballot-vote{display:flex;justify-content:space-between;gap:8px;margin-top:12px;align-items:flex-start}.ballot-vote p,.ballot-name-label{margin:0 0 5px;font-size:9px;letter-spacing:.07em;color:#606b5e}.ballot-digits{display:flex;gap:4px}.ballot-digits span{display:grid;place-items:center;width:30px;height:40px;border:1px solid #626d61;font:500 31px/1 'Barlow Condensed',Arial;color:#121b14}
.ballot-photo{width:65px;height:82px;flex-shrink:0;background:#d6dcd2;border:1px solid #9fa99b}.ballot-photo img{display:block;object-fit:cover;width:100%;height:100%;object-position:50% 20%}
.ballot-name-label{margin-top:11px}.ballot-name{font:800 25px/1 'Barlow Condensed',Arial;color:#1b231b;min-height:26px;overflow-wrap:anywhere}.ballot-shortcuts{display:flex;gap:4px;margin-top:12px}.ballot-shortcuts button{flex:1;min-width:0;min-height:32px;background:#e2e7dc;border:1px solid #a1ad9a;color:#263023;font-size:9px;padding:5px 3px;white-space:nowrap}.ballot-shortcuts button[aria-pressed=true]{border-color:#4a6541;box-shadow:inset 0 -2px #4a6541}
#ballot-status{border-top:1px solid #b0b8aa;margin:10px 0 0;padding-top:8px;font-size:9px;line-height:1.5;color:#485443;min-height:37px}
.ballot-keyboard{background:#232522;padding:9px;border-radius:2px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 1px 2px #0008}.ballot-logo{display:block;object-fit:contain;width:100px;height:34px;align-self:center}.ballot-number-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ballot-number-pad button{height:40px;border:1px solid #0a0c09;border-radius:3px;background:linear-gradient(#3b4038,#161b16);color:#f4f4eb;box-shadow:0 3px 0 #080c09,inset 0 1px #ffffff26;font:600 25px/1 'Barlow Condensed',Arial;text-align:left;padding:5px 9px}.ballot-number-pad button[data-ballot-digit='0']{grid-column:2}.ballot-number-pad button:active{transform:translateY(2px);box-shadow:0 1px 0 #080c09}.ballot-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;align-items:end}.ballot-actions button{font:800 9px/1 Barlow,Arial;letter-spacing:0;padding:8px 3px;min-height:40px;border:1px solid #0008;border-radius:2px;color:#111a11;box-shadow:0 3px 0 #0008}#ballot-correct{background:#ec922f}#ballot-confirm{background:#54c16c;min-height:46px}.character-ballot button:focus-visible{outline:3px solid #ffc83d;outline-offset:2px}.character-ballot[data-confirmed=true] .ballot-screen{box-shadow:inset 0 -3px #5c8d4b}
.ballot-help{font-size:10px;color:#c9d4cf;line-height:1.5;margin:11px 0 0;text-align:center}
body:not(.playing) .model-viewer{width:calc(100% - 490px)}body:not(.playing) .viewer-tools{right:510px}
@media(max-width:1100px){body:not(.playing) .urna-setup{width:400px;padding:13px}.character-ballot{grid-template-columns:minmax(0,1fr) 148px;padding:11px;gap:10px}.ballot-keyboard{padding:8px;gap:8px}.ballot-number-pad{gap:6px}.ballot-digits span{width:28px}.ballot-photo{width:58px;height:78px}body:not(.playing) .model-viewer{width:calc(100% - 425px)}body:not(.playing) .viewer-tools{right:440px}}
@media(orientation:landscape) and (max-height:600px){body:not(.playing) .urna-setup{width:350px;max-height:100%;overflow:auto}.character-ballot{grid-template-columns:minmax(0,1fr) 140px;padding:9px;gap:8px}.ballot-screen{padding:8px}.ballot-vote{flex-direction:column;gap:8px}.ballot-photo{display:block}.ballot-number-pad button{height:36px}.ballot-logo{height:24px}.ballot-name{font-size:22px}body:not(.playing) .model-viewer{width:calc(100% - 375px)}body:not(.playing) .viewer-tools{right:385px}.ballot-help{font-size:9px}}
@media(max-width:900px) and (orientation:portrait){body:not(.playing) .urna-setup{width:100%;padding:12px}body:not(.playing) .model-viewer{width:100%;height:220px;flex-basis:220px}body:not(.playing) .viewer-tools{right:auto}.character-ballot{grid-template-columns:minmax(0,1fr) 145px;padding:9px;gap:8px}.ballot-screen{padding:8px}.ballot-screen-top{font-size:8px}.ballot-screen-top small{display:none}.ballot-vote{flex-direction:column}.ballot-photo{display:block}.ballot-digits span{width:30px}.ballot-name{font-size:22px}.ballot-shortcuts{flex-direction:column;gap:6px}.ballot-shortcuts button{min-height:36px}.ballot-help{font-size:10px}}
@media(pointer:coarse){.ballot-number-pad button,.ballot-actions button,.ballot-shortcuts button{min-height:44px}.ballot-number-pad{gap:7px}.ballot-keyboard{gap:10px}.ballot-actions{gap:5px}.ballot-actions button{font-size:9px}}
@media(max-width:360px) and (orientation:portrait){.character-ballot{grid-template-columns:minmax(0,1fr) 136px;padding:7px;gap:7px}.ballot-keyboard{padding:6px}.ballot-screen{padding:6px;border-width:3px}.ballot-digits span{width:26px}.ballot-name{font-size:20px}.ballot-screen-top{font-size:7px}}

.online-character{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0 8px}.online-character small{display:block;color:#92a9bb;font-size:9px;letter-spacing:.1em}.online-character strong#chosen-side{display:block;font:700 24px/1.2 'Barlow Condensed',Arial;color:#e7c779;margin:5px 0 0}.online-character button{background:none;border:1px solid #4b6070;color:#b9cbd4;padding:9px 12px;font-size:9px;letter-spacing:.08em;min-height:40px}.online-supporters{color:#8da4b5;font-size:9px;line-height:1.5;margin:4px 0 15px}.online-supporters b{color:#c8d7df;font-weight:500}body.online-playing .online-character{padding-top:5px}

@media(pointer:coarse){.character-ballot{grid-template-columns:minmax(0,1fr) 164px}.ballot-keyboard{padding:8px}.ballot-number-pad button{min-width:44px}.ballot-actions button{min-width:0}}

/* Keep the candidate portrait visible without squeezing touch keys. */
@media(max-width:480px) and (orientation:portrait){
 .character-ballot{grid-template-columns:minmax(0,1fr);padding:9px;gap:12px}
 .ballot-screen{min-height:0;padding:12px;border-width:4px}
 .ballot-vote{flex-direction:row;align-items:flex-start;gap:12px}
 .ballot-photo{display:block;width:76px;height:96px}
 .ballot-screen-top{font-size:9px}
 .ballot-name{font-size:26px}
 .ballot-shortcuts{flex-direction:row;gap:8px}
 .ballot-shortcuts button{min-height:44px}
 .ballot-keyboard{display:grid;grid-template-columns:minmax(146px,1fr) minmax(66px,.65fr);grid-template-rows:auto 1fr;padding:8px;gap:12px}
 .ballot-number-pad{grid-column:1;grid-row:1 / 3;gap:7px}
 .ballot-number-pad button{min-width:44px;min-height:44px;height:44px}
 .ballot-logo{grid-column:2;grid-row:1;justify-self:center;width:100%;max-width:100px;height:34px}
 .ballot-actions{grid-column:2;grid-row:2;grid-template-columns:1fr;align-self:end;gap:12px;width:100%;margin:0}
 .ballot-actions button{min-height:44px}
}
@media(orientation:landscape) and (max-height:600px){
 .character-ballot{grid-template-columns:minmax(0,1fr) 164px}
 .ballot-screen{border-width:3px;padding:6px}
 .ballot-photo{display:block;width:58px;height:78px}
 .ballot-number-pad button{min-height:44px}
 .ballot-keyboard{padding:8px}
}

/* Keep music controls readable at every viewport size. */
.music-controls{position:relative}.music-controls>summary{list-style:none;cursor:pointer;padding:0;display:grid;place-items:center;width:26px;height:28px}.music-controls>summary::-webkit-details-marker{display:none}.music-options-panel{position:absolute;right:0;top:calc(100% + 12px);width:235px;padding:16px;background:#0b1b2a;border:1px solid #456075;border-radius:5px;box-shadow:0 12px 35px #0008;color:#bdd0df;font-size:10px}.music-options-panel label{display:grid;gap:12px;font-size:9px;letter-spacing:.06em}.music-options-panel input{width:100%;margin:0;min-height:25px}.music-options-panel button{width:100%;margin-top:12px;padding:9px;background:#152c3d;border:1px solid #526579;font-size:9px}header:has(#music-controls[open]){z-index:29}
body header #arena-radio,body:not(.playing) header #arena-radio,body.playing header #arena-radio,body.online-playing header #arena-radio{width:260px;min-width:240px;max-width:280px;flex:0 0 260px;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:6px;padding:6px 8px}
body header #arena-radio .radio-now{min-width:0;display:flex;align-items:center;gap:8px}body header #arena-radio .radio-now>div,body:not(.playing) header #arena-radio .radio-now>div,body.playing header #arena-radio .radio-now>div,body header #arena-radio:has(.radio-options[open]) .radio-track-info{display:block;position:static;inset:auto;min-width:0;width:auto;height:auto;padding:0;background:none;border:0}
body header #radio-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:11px;line-height:1.2}body header #radio-artist{font-size:9px}body header #radio-play{flex:0 0 28px}
@media(max-width:900px){header{gap:6px}header .brand-logo{width:90px;height:42px}body header #arena-radio,body:not(.playing) header #arena-radio,body.playing header #arena-radio{width:240px;min-width:240px;max-width:240px;flex-basis:240px}header .header-right{gap:6px}header #account-button{max-width:90px;overflow:hidden;text-overflow:ellipsis;font-size:9px;letter-spacing:0}.music-options-panel{position:fixed;right:12px;top:calc(54px + env(safe-area-inset-top));width:225px}}
@media(max-width:700px) and (orientation:landscape){header .brand{display:none}header{justify-content:space-between}header .header-right{gap:5px}}
@media(max-width:700px) and (orientation:portrait){:root{--header-height:112px}body header,body.playing header,body:not(.playing) header{display:grid;grid-template-columns:1fr;grid-template-rows:42px 52px;height:calc(var(--header-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);gap:4px;align-content:start}header .brand{display:none}header .header-right{grid-row:1;justify-self:center;gap:8px}body header #arena-radio,body:not(.playing) header #arena-radio,body.playing header #arena-radio{grid-row:2;justify-self:center;width:min(300px,100%);min-width:240px;max-width:300px}body:not(.playing) .menu{top:calc(var(--header-height) + env(safe-area-inset-top) + 10px)}body.playing #hud,body.online-playing #hud{top:calc(var(--header-height) + env(safe-area-inset-top) + 6px)}.radio-options-panel{position:fixed;right:12px;top:calc(var(--header-height) + env(safe-area-inset-top));max-width:calc(100vw - 24px)}.effects-options-panel,.music-options-panel{top:calc(52px + env(safe-area-inset-top))}}

/* Live arena tools float over the scene; the chat is a collapsible live drawer. */
#arena-social-controls{position:fixed;z-index:18;left:max(12px,env(safe-area-inset-left));bottom:calc(68px + env(safe-area-inset-bottom));display:flex;gap:8px}#arena-social-controls button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid #607689;border-radius:50%;background:#0a1c2eea;color:#ebcf84;box-shadow:0 4px 16px #0006;cursor:pointer}#arena-social-controls button svg{width:24px;height:24px}#arena-social-controls button:hover,#arena-social-controls button[aria-expanded=true]{background:#284254;border-color:#e2bf6c}#arena-social-controls button:focus-visible{outline:2px solid #ffcf45;outline-offset:3px}
body.online-playing #online-chat{position:fixed;z-index:19;left:max(12px,env(safe-area-inset-left));bottom:calc(122px + env(safe-area-inset-bottom));top:calc(var(--header-height) + env(safe-area-inset-top) + 90px);width:min(350px,calc(100vw - var(--arena-panel) - var(--arena-gap) - 24px));max-height:470px;margin:0;padding:12px;display:flex;flex-direction:column;gap:8px;border:1px solid #496376;border-radius:10px;background:#081724f5;box-shadow:0 8px 30px #0008;overflow:hidden}#online-chat[hidden],#arena-social-controls[hidden]{display:none!important}
#online-chat .chat-heading{display:flex;align-items:center;gap:8px;flex:0 0 auto}#online-chat .chat-heading h3{font-size:15px;margin:0;flex:1}#online-chat .chat-heading small{color:#83dbb5;font-size:8px}#online-chat-close{width:32px;height:32px;font-size:22px;line-height:1;background:none;border:0;color:#c5d4df;cursor:pointer}#online-chat .chat-public-note{margin:0;color:#829cab;font-size:9px;line-height:1.3}body.online-playing #online-chat .chat-messages{flex:1 1 0;min-height:36px;height:auto;margin:0;padding:4px 0;background:none;border:0}#online-chat .chat-messages li{padding:5px 0}#online-chat .chat-messages li>div{display:contents}#online-chat .chat-messages strong{display:inline;color:#ebcb80;font-size:11px}#online-chat .chat-messages time{display:none}#online-chat .chat-messages small{margin-left:6px;font-size:8px}#online-chat .chat-messages p{display:inline;margin:0 0 0 7px;font-size:12px!important}#online-chat-form{flex:0 0 auto}#online-chat .chat-compose{display:flex;gap:8px;align-items:end}#online-chat .chat-compose textarea{flex:1;min-width:0;resize:none;padding:8px;height:44px;font-size:13px}#online-chat .chat-compose button{min-height:44px;padding:8px;font-size:9px}#online-chat .chat-compose-help{font-size:8px;margin:5px 0 0}#online-chat-status{flex:0 0 auto;margin:0;min-height:0}#online-chat-status:empty{display:none}
body.online-playing #hud{grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr)}body.online-playing #timer{font-size:22px!important;white-space:nowrap;font-variant-numeric:tabular-nums}#online-countdown{color:#f2cf7b;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-height:500px) and (orientation:landscape){body.online-playing #online-chat{top:calc(var(--header-height) + env(safe-area-inset-top) + 58px);bottom:calc(62px + env(safe-area-inset-bottom));width:min(330px,calc(100vw - var(--arena-panel) - 24px));padding:8px;gap:4px}#arena-social-controls{bottom:calc(8px + env(safe-area-inset-bottom))}#online-chat .chat-public-note,#online-chat .chat-compose-help{display:none}#online-chat .chat-heading h3{font-size:12px}#online-chat-close{height:24px;width:28px}body.online-playing #hud{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)}body.online-playing #timer{font-size:18px!important}body.online-playing #online-camera-controls{justify-content:flex-end;left:116px}}
@media(max-width:900px) and (orientation:portrait){#arena-social-controls{bottom:calc(45dvh + 8px);left:max(10px,env(safe-area-inset-left))}body.online-playing #online-camera-controls{left:116px;right:10px;justify-content:flex-end}body.online-playing #online-chat{top:55dvh;bottom:env(safe-area-inset-bottom);left:0;right:0;width:100%;max-height:none;border-radius:12px 12px 0 0;padding:12px 16px;gap:8px}body.online-playing #hud{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:6px}body.online-playing #timer{font-size:19px!important}}

/* Adjustable live chat and synchronized supporter credit. */
body.online-playing #online-chat{background:rgba(8,23,36,.58);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);max-width:calc(100vw - 16px);max-height:calc(100dvh - var(--header-height) - 24px);padding-bottom:16px;box-shadow:0 8px 30px #0005}#online-chat-resize{display:grid;place-items:center;width:32px;height:32px;padding:5px;border:0;background:none;color:#b7cddb;cursor:nesw-resize;touch-action:none;flex:0 0 auto}#online-chat-resize svg{width:20px;height:20px}#online-chat-resize:focus-visible{outline:2px solid #ebcf84;outline-offset:1px}
#attack-credit{position:fixed;z-index:17;pointer-events:none;left:calc((100% - var(--arena-panel) - var(--arena-gap))/2);bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100vw - var(--arena-panel) - var(--arena-gap) - 32px);padding:9px 24px;border-radius:8px;text-align:center;background:linear-gradient(90deg,#06111a00,#06111abb 25%,#06111abb 75%,#06111a00);text-shadow:0 2px 8px #000;color:#f4d8a2}#attack-credit[hidden]{display:none!important}#attack-credit[data-side='1']{color:#89c6ec}#attack-credit strong{display:block;font:700 clamp(19px,2.4vw,32px)/1.15 'Barlow Condensed',Arial;overflow-wrap:anywhere;letter-spacing:.02em}#attack-credit small{display:block;font-size:8px;letter-spacing:.12em;margin-bottom:4px;color:inherit}.credit-pop{animation:credit-pop 1.5s both}@keyframes credit-pop{0%{opacity:0;translate:0 7px}12%,86%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -3px}}
@media(max-width:900px) and (orientation:portrait){#attack-credit{left:50%;max-width:calc(100vw - 24px);bottom:calc(45dvh + 66px);padding:7px 18px}#attack-credit strong{font-size:24px}}
@media(max-height:500px) and (orientation:landscape){#attack-credit{bottom:58px;padding:5px 12px}#attack-credit strong{font-size:21px}#attack-credit small{font-size:7px}#online-chat-resize{height:24px;width:28px}}
@media(prefers-reduced-motion:reduce){.credit-pop{animation:none}}

.special-confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.special-confirm-actions button{padding:13px 18px;min-height:44px;border:1px solid #647687;background:#172b3d;color:#d5e0e8;font-size:11px;cursor:pointer}#special-confirm{background:#ffd044;border-color:#ffd044;color:#101b27;font-weight:800}#special-confirm:disabled{opacity:.4;cursor:not-allowed}#special-selection-status{font-size:12px;line-height:1.5;color:#e2c47c;min-height:36px;margin:10px 0}@media(max-width:500px){.special-confirm-actions{gap:8px}.special-confirm-actions button{padding:12px;font-size:10px}}

.special-choice-row{margin:10px 0}.special-choice-row>div{display:flex;gap:8px}.special-choice-row select{min-width:0;flex:1}.special-choice-row button{flex:0 0 auto;padding:10px;border:1px solid #6d8191;background:#172d3f;color:#dbc386;font-size:10px}.cart-special-edit{display:block;margin-top:7px;padding:6px 8px;border:1px solid #697d8c;background:#152a3a;color:#e7c879;font-size:9px}

.hud-supporters{display:block;margin-top:5px;color:#fff;font-size:9px;line-height:1.3;font-weight:400;letter-spacing:.015em}.health-side.right .hud-supporters{text-align:right}.share-invite{max-width:460px;color:#bacbd8;font-size:13px;line-height:1.6;margin:0 0 20px}@media(max-width:700px),(max-height:500px){.hud-supporters{font-size:8px;margin-top:4px;letter-spacing:0}}

body:not(.online-playing) .hud-supporters{display:none!important}

/* Payment methods and mobile Pix checkout */
.payment-methods{border:0;padding:0;margin:22px 0;display:grid;gap:9px}.payment-methods legend{font-size:10px;letter-spacing:.12em;margin-bottom:10px;color:#c9d4de}.payment-methods label{display:flex;align-items:center;gap:12px;border:1px solid #435363;padding:13px;cursor:pointer;margin:0}.payment-methods label:has(input:checked){border-color:#e4c477;background:#e4c4770d}.payment-methods input{width:17px;height:17px;accent-color:#e4c477;margin:0}.payment-methods span{display:grid;gap:4px;flex:1}.payment-methods strong{color:#f5f1e7;font-size:16px}.payment-methods small,.payment-methods em{font-size:10px;font-style:normal;color:#a8bac9;line-height:1.5}.pix-payer{display:grid;gap:8px;margin:18px 0}.pix-payer[hidden]{display:none}.pix-payer label{font-size:12px;margin:0}.pix-payer small{color:#a8bac9;line-height:1.5}.pix-dialog{width:min(490px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.pix-dialog h2{font-size:28px}.pix-dialog #pix-qr{display:block;background:#fff;padding:12px;box-sizing:border-box;margin:16px auto;width:240px;max-width:100%;height:auto}.pix-dialog #pix-qr[hidden]{display:none}.pix-dialog label{font-size:10px;letter-spacing:.12em}.pix-dialog textarea{box-sizing:border-box;width:100%;resize:none;background:#071422;color:#dde7ef;border:1px solid #435363;padding:10px;font:11px monospace;overflow-wrap:anywhere;margin:8px 0 12px}.pix-dialog button.primary,.pix-dialog button.secondary{width:100%;margin-bottom:10px}.pix-total{font-size:24px;font-weight:700;color:#e4c477}#pix-status{min-height:2em;color:#e4c477;font-size:13px;line-height:1.5}.order-resume{margin-top:10px;font-size:11px}.pix-dialog #pix-test-note{color:#ffdc76}
#attack-inventory{position:fixed;z-index:17;left:18px;bottom:126px;max-height:190px;overflow-y:auto;max-width:min(650px,calc(100% - 430px));padding:12px 14px;background:rgba(6,19,32,.83);border:1px solid #d9bc7855;border-radius:10px;backdrop-filter:blur(8px);color:#fff;pointer-events:auto}#attack-inventory[hidden]{display:none}#attack-inventory>strong{font-size:12px;letter-spacing:.12em;color:#e7c579}#attack-inventory>small{display:inline-block;font-size:11px;margin-left:12px;color:#c0cad5}.inventory-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.inventory-buttons button{position:relative;display:flex;align-items:center;gap:7px;min-height:48px;padding:8px 11px;background:#152b3c;color:#fff;border:1px solid #dfbc70;border-radius:6px;cursor:pointer}.inventory-buttons button:hover{background:#294858}.inventory-buttons button:disabled{opacity:.55;cursor:wait}.inventory-buttons svg{width:30px;height:30px;flex:none}.inventory-buttons span{font-size:11px;max-width:110px}.inventory-buttons b{font-size:17px;color:#ffe09a}#attack-inventory p{font-size:11px;margin:8px 0 0;color:#c3cbd4;max-width:380px}@media(max-width:800px){#attack-inventory{left:8px;bottom:65px;max-width:calc(100% - 16px);padding:8px}.inventory-buttons{gap:5px}.inventory-buttons button{min-height:44px;padding:6px}.inventory-buttons svg{width:25px;height:25px}#attack-inventory p{font-size:10px;max-width:none}}

@media(max-width:900px) and (orientation:portrait){#attack-inventory{bottom:calc(45dvh + 60px);max-height:22dvh;max-width:calc(100% - 16px)}}
@media(max-height:500px) and (orientation:landscape){#attack-inventory{bottom:58px;max-height:26dvh;max-width:calc(100vw - var(--arena-panel,360px) - 28px)}#attack-inventory>small,#attack-inventory p{display:none}}

.account-photo{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;margin:22px 0;padding:16px 0;border-bottom:1px solid var(--line)}#profile-photo{width:88px;height:88px;object-fit:cover;border-radius:50%;border:2px solid #71859a;background:#253748}.account-photo .profile-photo-label{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:8px;color:#bec8d5}.account-photo .secondary{margin:5px 0;padding:9px 12px;font-size:11px}.account-photo .primary{padding:10px 12px;font-size:12px;justify-content:center}.account-photo small{display:block;font-size:11px;line-height:1.5;color:#a7b6c6;margin-top:7px}#profile-photo-status{grid-column:1/-1;font-size:12px;margin:0;color:#e1be76}#profile-photo-draft{display:flex;gap:8px;align-items:center;margin:8px 0}#profile-photo-draft[hidden]{display:none}.chat-messages li{position:relative;padding-left:43px!important;min-height:44px}.chat-avatar{position:absolute;left:0;top:6px;width:32px;height:32px;border-radius:50%;object-fit:cover;background:#253748;border:1px solid #ffffff24}.chat-messages li[data-side="0"] strong{color:#f4d8a2!important}.chat-messages li[data-side="1"] strong{color:#89c6ec!important}@media(max-width:480px){.account-photo{grid-template-columns:68px minmax(0,1fr);gap:10px}#profile-photo{width:68px;height:68px}.account-photo .secondary{font-size:10px}}

#online-camera-controls{flex-wrap:wrap}#online-camera-spin[aria-pressed="true"]{border-color:#e1be76;background:#304355}


/* Portrait: purchased attacks belong to the lower panel; chat opens above it. */
@media(max-width:900px) and (orientation:portrait){
 body.online-playing #attack-inventory{position:relative;inset:auto;z-index:auto;width:100%;max-width:none;max-height:none;margin:0 0 14px;padding:10px;overflow:visible;backdrop-filter:none}
 body.online-playing #attack-inventory>small{display:block;margin:4px 0 0;font-size:10px}
 body.online-playing .inventory-buttons{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px}
 body.online-playing .inventory-buttons button{flex:0 0 auto;min-height:44px}
 body.online-playing #attack-inventory p{margin-bottom:0;font-size:10px}
 body.online-playing #arena-social-controls{z-index:26}
 body.online-playing #online-chat{z-index:27}
}

/* A visible brand and compact, readable radio on upright phones. */
@media(max-width:900px) and (orientation:portrait){
 :root{--header-height:94px}
 body header,body.playing header,body:not(.playing) header{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:44px 38px;height:calc(var(--header-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);gap:4px 8px;align-content:start}
 body header .brand{display:flex;grid-column:1;grid-row:1;min-width:0}
 body header .brand-logo{width:80px;height:40px}
 body header .header-right{grid-column:1 / -1;grid-row:2;justify-self:center;gap:8px}
 body header #arena-radio,body:not(.playing) header #arena-radio,body.playing header #arena-radio,body.online-playing header #arena-radio{grid-column:2;grid-row:1;justify-self:end;width:min(210px,100%);min-width:0;max-width:210px;padding:4px 6px;gap:4px;grid-template-columns:minmax(0,1fr) 22px}
 body header #radio-title{display:block;container-type:inline-size;white-space:nowrap;overflow:hidden;line-height:1.3;-webkit-line-clamp:unset}
 body header #radio-title-text{display:block;width:max-content;animation:radio-title-scroll 12s ease-in-out infinite alternate}
 body header #radio-artist{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}
 body:not(.playing) .menu{top:calc(var(--header-height) + env(safe-area-inset-top) + 10px)}
 .radio-options-panel{top:calc(48px + env(safe-area-inset-top))}
 .effects-options-panel,.music-options-panel{top:calc(var(--header-height) + env(safe-area-inset-top))}
}
@keyframes radio-title-scroll{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(min(0px,calc(100cqw - 100%)))}}
@media(prefers-reduced-motion:reduce){body header #radio-title-text{animation:none}}