@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#f5f1e8;background:#10121b;font-synthesis:none;--red:#f34b57;--blue:#629dff;--gold:#f2d48a}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit;cursor:pointer}button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:wait;opacity:.55}canvas{position:fixed;inset:0;width:100%;height:100%}.grain{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#080b16b0,transparent 35%,#080b1660)}header{position:fixed;top:0;left:0;right:0;height:82px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-size:11px;font-weight:500;letter-spacing:3px;line-height:1.6}.brand b{font-size:10px;letter-spacing:1px}.flag{display:grid;place-items:center;width:38px;height:42px;background:var(--red);clip-path:polygon(0 0,100% 0,65% 45%,100% 100%,0 100%);font-size:28px;color:#fff;letter-spacing:0}.header-tag{font-size:9px;letter-spacing:3px;color:#929aaa}nav{display:flex;gap:8px}nav button{border:1px solid #ffffff25;background:#111722a0;color:#fff;font-size:9px;font-weight:600;letter-spacing:1px;padding:11px 14px}kbd{font-size:8px;color:#b6bdcb;margin-left:8px}body:not(.playing) #pause,body:not(.playing) #select-menu{display:none}.hud{position:fixed;top:91px;left:4%;right:4%;display:flex;gap:28px;opacity:0;transition:opacity .3s}body.playing .hud{opacity:1}.player{flex:1}.name{display:flex;gap:12px;align-items:baseline;margin-bottom:9px}.name strong{font:800 26px Barlow Condensed,sans-serif;letter-spacing:1px}.name span{font-size:8px;letter-spacing:2px;color:#bfc7d5}.enemy .name{justify-content:flex-end}.health{height:13px;background:#ffffff20;transform:skew(-12deg);overflow:hidden;border:1px solid #ffffff1a}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ba3545,#ff7b70);transition:width .12s}.enemy .health i{background:linear-gradient(90deg,#6eb6ff,#4c6cd4)}.meters{display:flex;gap:8px;margin-top:8px;width:65%}.charge,.guard{height:4px;background:#ffffff15;flex:1}.charge i,.guard i{display:block;height:100%}.charge i{width:0;background:var(--gold)}.guard i{width:100%;background:#d0d5df}.enemy>.guard{width:35%;margin:8px 0 0 auto}.player small{display:block;font-size:7px;letter-spacing:1px;color:#b1b7c5;margin-top:6px}.player small span{margin:0 10px}.clock{text-align:center;width:72px}.clock>span{display:block;font-size:8px;letter-spacing:2px;color:#c5c9d1}.clock strong{font:800 45px/1 Barlow Condensed;color:var(--gold)}#callout{position:fixed;top:24%;width:100%;text-align:center;font:900 clamp(28px,5vw,65px) "Barlow Condensed";color:var(--gold);text-shadow:0 2px 20px black;pointer-events:none}#overlay{position:fixed;inset:0;overflow:auto;background:radial-gradient(ellipse at 10% 65%,#63192735,transparent 50%),radial-gradient(ellipse at 90% 65%,#173f7735,transparent 50%),linear-gradient(110deg,#11121bf5,#141720ed);padding:105px max(5%,calc((100vw - 1060px)/2)) 30px;z-index:2}.menu-top{text-align:center}.eyebrow{font-size:8px;font-weight:600;letter-spacing:3px;color:var(--gold);display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 12px}.eyebrow>span{background:var(--gold);height:4px;width:4px;transform:rotate(45deg)}h1{font:900 clamp(42px,5.5vw,76px)/.9 "Barlow Condensed",Impact,sans-serif;letter-spacing:-1px;margin:0}h1 br{display:none}h1 em{font-style:normal;color:var(--red)}.menu-caption{font-size:11px;color:#969dad;margin:14px 0 26px}.slot-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:9px;letter-spacing:1.5px}.slot-label>b{color:var(--red);font-size:10px}.slot-label small{margin-left:auto;color:#a5adbb;border:1px solid #ffffff20;padding:4px 6px;font-size:7px}.theirs .slot-label>b{color:var(--blue)}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.character{position:relative;overflow:hidden;border:1px solid #ffffff1c;background:linear-gradient(150deg,#292a35,#171a25);height:clamp(180px,27vh,260px);padding:0;color:#fff;text-align:left;transition:transform .18s,border-color .18s,background .18s}.character:hover{transform:translateY(-4px);border-color:#ffffff70}.character.selected{border-color:var(--red);background:radial-gradient(ellipse at 50% 30%,#7c333c88,#211b27 75%);box-shadow:0 0 30px #ec364614}.theirs .character.selected{border-color:var(--blue);background:radial-gradient(ellipse at 50% 30%,#34588688,#1b202f 75%);box-shadow:0 0 30px #4276f214}.character img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.6;transition:opacity .2s,transform .2s;transform:scale(1.08);pointer-events:none}.character.selected img,.character:hover img{opacity:1;transform:scale(1.14)}.character>div{position:absolute;inset:auto 0 0;padding:32px 14px 12px;background:linear-gradient(transparent,#11131bf5);display:flex;justify-content:space-between;align-items:end}.character strong{font:800 30px Barlow Condensed}.pick-label{font-size:6px;letter-spacing:1px;color:#969eaf;padding-bottom:7px}.selected .pick-label{color:var(--red)}.theirs .selected .pick-label{color:var(--blue)}.versus{text-align:center;font:900 italic 38px Barlow Condensed;color:var(--gold)}.versus span{display:block;font:600 7px Inter;letter-spacing:1px;margin-top:8px;color:#808a9d}.menu-bottom{margin-top:25px;border-top:1px solid #ffffff15;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.difficulty-label{display:flex;flex-direction:column;font-size:7px;letter-spacing:1.5px;color:#8f98aa;gap:6px}select{color:#fff;background:#202431;border:1px solid #ffffff20;font-size:10px;padding:10px 35px 10px 12px;border-radius:0}#selection-status{font:700 21px Barlow Condensed;letter-spacing:1px;margin:0}#selection-status span{font-size:12px;font-style:italic;color:var(--gold);margin:0 10px}#start{background:var(--red);border:0;color:#fff;padding:19px 45px;font-size:12px;font-weight:800;letter-spacing:2px;min-width:200px;clip-path:polygon(0 0,100% 0,100% 76%,94% 100%,0 100%)}#start:hover{background:#ff6270}.menu-foot{text-align:center;font-size:7px;letter-spacing:2px;color:#727c90;margin-top:22px}#result{text-align:center;margin:0 0 18px;font:800 28px Barlow Condensed;color:var(--gold)}#touch{display:none;position:fixed;bottom:16px;left:3%;right:3%;justify-content:space-between;gap:10px}#touch button{touch-action:none;background:#171e2cce;color:#fff;border:1px solid #ffffff35;border-radius:6px;padding:14px 10px;margin:2px;font-size:10px}.super-ready .charge{box-shadow:0 0 10px var(--gold)}.super-ready [data-key=l]{border-color:var(--gold);color:var(--gold)}@media(max-width:800px){.header-tag{display:none}header{height:68px}.hud{top:78px;gap:14px}#overlay{padding:88px 5% 60px}.character-grid{gap:6px}.character{height:200px}.character>div{padding:30px 8px 8px}.character strong{font-size:24px}.pick-label{display:none}.versus{font-size:28px}.versus span{font-size:6px}.slot-label{font-size:7px;letter-spacing:.5px;gap:5px}.slot-label small{display:none}#start{min-width:150px;padding:17px 25px}#selection-status{font-size:17px}.name strong{font-size:21px}.menu-bottom{gap:10px}}@media(max-width:500px){h1{font-size:43px}h1 br{display:block}.menu-caption{margin-bottom:22px}.character{height:190px}.character-grid{grid-template-columns:1fr}.character{height:130px}.character img{object-fit:contain;object-position:50% 0}.character>div{padding-bottom:6px}.character strong,.versus{font-size:23px}.versus span{display:none}.menu-bottom{flex-wrap:wrap;margin-top:18px;padding-top:15px}.difficulty-label{width:40%}#selection-status{margin-left:auto}#start{width:100%}.menu-foot{font-size:6px;line-height:1.7}#touch>div{display:grid;grid-template-columns:repeat(3,1fr)}#touch button{font-size:9px;padding:12px 8px}.brand{font-size:9px}.brand b{font-size:8px}nav button{padding:8px;font-size:8px}.clock strong{font-size:35px}.hud{gap:10px}.meters{width:100%}.name strong{font-size:18px}}@media(pointer:coarse),(max-width:800px){body.playing #touch{display:flex}}@media(max-height:550px)and (min-width:600px){header{height:50px}#overlay{padding:64px 6% 18px}.menu-top h1{font-size:36px}.eyebrow,.menu-caption,.menu-foot{display:none}.character{height:145px}.menu-bottom{margin-top:13px;padding-top:12px}#start{padding:13px 30px}.slot-label{margin-bottom:7px}.hud{top:58px}.clock strong{font-size:32px}}#train-super-banner{position:fixed;inset:auto auto 11% 5%;text-align:left;pointer-events:none;z-index:8;display:none;filter:drop-shadow(0 4px 14px #000)}#train-super-banner.visible{display:block}#train-super-banner small{display:block;color:#f2d48a;font-size:10px;letter-spacing:5px;margin-bottom:6px}#train-super-banner strong{font:900 italic clamp(30px,4vw,52px)/1 "Barlow Condensed",sans-serif;letter-spacing:2px;color:#fff2cd}.train-cinematic:before,.train-cinematic:after{content:"";position:fixed;left:0;right:0;height:6vh;background:#080c15;z-index:7;pointer-events:none}.train-cinematic:before{top:0}.train-cinematic:after{bottom:0}.train-cinematic #touch{visibility:hidden}.train-cinematic header{z-index:9}.train-cinematic .hud{z-index:8}.train-cinematic #select-menu{visibility:hidden}@media(max-height:500px){#train-super-banner{bottom:9%}#train-super-banner strong{font-size:28px}#train-super-banner small{font-size:8px}}.special-banner{position:fixed;inset:auto auto 11% 5%;text-align:left;pointer-events:none;z-index:8;display:none;filter:drop-shadow(0 4px 14px #000)}.special-banner.visible{display:block}.special-banner small{display:block;color:#ffc34d;font-size:10px;letter-spacing:5px;margin-bottom:6px}.special-banner strong{font:900 italic clamp(30px,4vw,52px)/1 "Barlow Condensed",sans-serif;letter-spacing:2px;color:#fff2cd}@media(max-height:500px){.special-banner{bottom:9%}.special-banner strong{font-size:28px}.special-banner small{font-size:8px}}#harka-super-banner small{color:#bdd695}#train-super-banner small,.special-banner small,#dozer-super-banner small{font-size:12px;font-weight:800;letter-spacing:2px;background:#101722b0;display:table;padding:6px 10px;margin:0 0 8px}@media(max-height:500px){#train-super-banner small,.special-banner small,#dozer-super-banner small{font-size:10px;padding:4px 8px}}@media(min-width:801px)and (pointer:fine){body.playing:not(.game-menu-open) header{display:none}body.playing:not(.game-menu-open) .hud{top:20px}}.hud .name{margin-bottom:4px;gap:8px}.hud .name strong{font-size:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud .name span{font-size:7px;letter-spacing:1px;flex-shrink:0}.hud .health{height:8px}.hud .meters{margin-top:4px;gap:6px}.hud .charge,.hud .guard{height:3px}.hud .enemy>.guard{margin-top:4px}.hud .player small{font-size:6px;margin-top:4px;letter-spacing:.7px}.hud .player small span{margin:0 6px}.hud .player{min-width:0}.hud .clock{width:56px;flex-shrink:0}.hud .clock strong{font-size:32px}.hud .clock>span{font-size:7px;letter-spacing:1px}#callout{top:148px;font-size:clamp(24px,3vw,38px);line-height:1.05;letter-spacing:1px}@media(min-width:801px)and (pointer:fine){.hud{left:50%;right:auto;transform:translate(-50%);width:min(800px,calc(100% - 64px));gap:24px}body.playing:not(.game-menu-open) #callout{top:86px}}@media(max-width:500px){.hud .name strong{font-size:18px}.hud .clock strong{font-size:29px}#callout{font-size:26px}}@media(max-height:550px)and (min-width:600px){.hud .name strong{font-size:18px}.hud .health{height:6px}.hud .clock strong{font-size:28px}#callout{top:112px;font-size:22px}body.playing:not(.game-menu-open) #callout{top:112px}}@media(max-height:550px)and (min-width:801px)and (pointer:fine){body.playing:not(.game-menu-open) #callout{top:76px}}@media(max-height:550px)and (min-width:600px)and (pointer:coarse){body.playing:not(.game-menu-open) #callout{top:108px;font-size:20px}}#overlay{padding-top:90px}.menu-top h1{font-size:clamp(30px,4vw,50px)}.menu-caption{margin:10px 0 18px}.eyebrow{margin-bottom:9px}.duel-select{display:grid;grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);gap:20px;max-width:850px;margin:0 auto;align-items:center}.duel-select .selection{min-width:0}.model-stage{position:relative;height:clamp(240px,40vh,360px);background:radial-gradient(ellipse at 50% 80%,#682b3c35,transparent 75%);overflow:hidden;border-bottom:1px solid #f34b5735}.theirs .model-stage{background:radial-gradient(ellipse at 50% 80%,#31589535,transparent 75%);border-color:#629dff35}.model-stage:after{content:"";position:absolute;inset:auto 0 0;height:65px;background:linear-gradient(transparent,#13151eaa);pointer-events:none}.model-stage canvas{position:absolute;inset:0;width:100%;height:100%}.preview-caption{position:absolute;bottom:9px;left:14px;z-index:1;pointer-events:none}.preview-role{display:none}.preview-name{font:900 36px/1 Barlow Condensed;letter-spacing:1px}.preview-loading{display:none;position:absolute;top:45%;width:100%;text-align:center;color:var(--gold);font-size:8px;letter-spacing:2px}.loading .preview-loading{display:block}.loading canvas{opacity:.35}.model-stage.reveal .preview-caption{animation:reveal-name .5s ease-out}.duel-select .slot-label{margin-bottom:0}.duel-select .character-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.duel-select .character{height:45px;display:flex;align-items:center;text-align:center;justify-content:center;gap:8px}.duel-select .character img{width:38px;height:45px;object-fit:cover;transform:none}.duel-select .character>div{position:static;padding:0;background:none;display:block}.duel-select .character strong{font-size:19px}.duel-select .pick-label{display:none}.duel-select .character:hover{transform:translateY(-2px)}.menu-bottom{max-width:850px;margin:18px auto 0;padding-top:14px}.menu-foot{margin:15px 0 0}#start{padding:16px 40px}.duel-select .versus{font-size:34px}@keyframes reveal-name{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@media(max-width:800px){#overlay{padding-top:80px}.duel-select{gap:12px;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr)}.model-stage{height:clamp(230px,39vh,320px)}.preview-name{font-size:30px}.duel-select .versus{font-size:27px}.duel-select .slot-label{font-size:8px}.duel-select .character img{width:30px}.duel-select .character{gap:4px}}@media(max-width:500px){.menu-top h1{font-size:32px}h1 br{display:none}.menu-caption{font-size:9px;margin:9px 0 20px}.eyebrow{font-size:6px}.duel-select{gap:6px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.model-stage{height:clamp(225px,35vh,290px)}.preview-caption{left:8px;bottom:8px}.preview-name{font-size:27px}.duel-select .character{height:38px}.duel-select .character img{display:none}.duel-select .character strong{font-size:17px}.duel-select .character-grid{gap:5px}.duel-select .slot-label{font-size:7px;letter-spacing:.4px}.duel-select .versus{font-size:24px}.duel-select .versus span{display:none}.menu-bottom{margin-top:18px}.menu-foot{font-size:6px;letter-spacing:1px}#overlay{padding-bottom:70px}}@media(max-height:550px)and (min-width:600px){#overlay{padding-top:60px;padding-bottom:10px}.menu-top h1{font-size:29px}.duel-select{max-width:750px;gap:12px}.model-stage{height:clamp(130px,40vh,190px)}.preview-name{font-size:25px}.duel-select .character{height:32px}.duel-select .character img{height:32px;width:28px}.duel-select .character-grid{margin-top:6px}.menu-bottom{margin-top:10px;padding-top:10px;max-width:750px}#start{padding:11px 35px}.slot-label{font-size:7px}.menu-foot{display:none}}@media(prefers-reduced-motion:reduce){.model-stage.reveal .preview-caption{animation:none}}body:not(.playing) header{height:44px;padding-top:0;padding-bottom:0}body:not(.playing) .brand{font-size:8px;letter-spacing:2px;gap:8px;line-height:1.4}body:not(.playing) .brand b{font-size:8px}body:not(.playing) .flag{width:22px;height:27px;font-size:17px}body:not(.playing) .header-tag{display:none}#overlay{padding-top:53px}.menu-top{height:0;margin:0;padding:0}.menu-top .eyebrow,.menu-top .menu-caption{display:none}.menu-top h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.duel-select .slot-label{font-size:7px;line-height:1.1;margin-bottom:0}.duel-select .slot-label small{padding:2px 5px;font-size:6px}@media(max-width:500px){#overlay{padding-top:51px}.duel-select .slot-label{font-size:6px}}@media(max-height:550px)and (min-width:600px){body:not(.playing) header{height:35px}#overlay{padding-top:42px}}.duel-select,.menu-bottom{max-width:980px}.model-stage{height:clamp(320px,60vh,650px)}@media(max-width:800px){.model-stage{height:clamp(300px,56vh,560px)}}@media(max-width:500px){.model-stage{height:clamp(260px,min(52vh,calc(100svh - 300px)),500px)}}@media(max-height:550px)and (min-width:600px){.model-stage{height:clamp(155px,calc(100svh - 190px),340px)}}.duel-select .character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.duel-select .character{gap:5px}.duel-select .character strong{font-size:17px}.duel-select .character img{width:30px}@media(max-width:500px){.duel-select .character strong{font-size:14px}.duel-select .character-grid{gap:4px}}.preview-power{display:flex;flex-direction:column;gap:3px;margin-top:5px}.preview-power .power-owner{font-size:6px;letter-spacing:1px;color:#b4b9c4}.preview-power .power-name{font-size:10px;letter-spacing:1px;color:var(--red)}.theirs .preview-power .power-name{color:var(--blue)}@media(max-width:500px){.preview-power .power-owner{font-size:5px}.preview-power .power-name{font-size:8px;letter-spacing:.5px}}.play-modes{display:flex;justify-content:center;gap:8px;margin:0 0 12px}.play-modes button,.network-actions button{background:#1e2635;color:#dce4f3;border:1px solid #ffffff30;padding:9px 14px;font-size:9px;letter-spacing:1px}.online-mode #online-mode,body:not(.online-mode) #cpu-mode{border-color:var(--red);color:#fff}#network-panel{max-width:980px;margin:0 auto 12px;padding:10px;background:#141b29e8;border:1px solid #ffffff20}.network-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#room-code{font:800 22px Barlow Condensed;letter-spacing:3px;color:var(--gold);margin-right:auto}#join-code{width:120px;background:#101824;border:1px solid #ffffff30;color:#fff;padding:9px;font-size:10px}#network-status{font-size:10px;color:#b8c8df;margin:8px 0 0}.online-mode .difficulty-label{visibility:hidden}.character:disabled{opacity:.25;cursor:not-allowed}.online-mode .model-stage{height:clamp(240px,48vh,490px)}@media(max-width:500px){.online-mode .model-stage{height:clamp(220px,36vh,380px)}.network-actions button{padding:8px;font-size:8px}#join-code{width:100px}#room-code{font-size:18px}.play-modes button{font-size:8px}}#invite-dialog{width:min(430px,calc(100vw - 32px));max-height:calc(100svh - 40px);overflow:auto;background:radial-gradient(ellipse at 100% 0,#293c6244,transparent 60%),#151923;color:#f5f1e8;border:1px solid #ffffff30;border-top:3px solid var(--red);padding:30px;border-radius:12px;box-shadow:0 30px 100px #000a}#invite-dialog::backdrop{background:#070a13cf;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:13px;top:10px;background:none;color:#aeb9ce;border:0;font-size:27px;line-height:1;cursor:pointer}.invite-eyebrow{font-size:7px;letter-spacing:3px;color:var(--gold);margin:0 0 14px}#invite-title{font:900 44px/.95 Barlow Condensed;margin:0;letter-spacing:-.5px}#invite-title em{font-style:normal;color:var(--red)}.invite-description{font-size:11px;color:#9faabe;line-height:1.6;margin:12px 0 23px}.invite-tabs{display:flex;border-bottom:1px solid #ffffff20;margin-bottom:24px}.invite-tabs button{flex:1;padding:11px 4px;background:none;border:0;border-bottom:2px solid transparent;color:#8793aa;font-size:9px;letter-spacing:1px}.invite-tabs button[aria-pressed=true]{border-color:var(--red);color:#fff}.invite-label{font-size:8px;letter-spacing:2px;color:#a0acc3;display:block;margin:0 0 10px}.invite-code-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px dashed #f2d48a55;background:#0c111b;padding:14px 18px;border-radius:6px}#invite-code{font:800 44px Barlow Condensed;color:var(--gold);letter-spacing:10px;user-select:all}#copy-room-code{background:#242d3f;color:#dbe4f4;border:1px solid #ffffff20;padding:10px;font-size:8px;letter-spacing:1px;border-radius:4px}.invite-hint{font-size:10px;color:#8f9bb3;line-height:1.6;margin:10px 0 18px}.invite-primary{display:block;width:100%;background:var(--red);color:#fff;border:0;padding:15px;font-weight:800;font-size:10px;letter-spacing:1.5px;border-radius:4px}.invite-primary[hidden]{display:none}#invite-dialog #join-code{box-sizing:border-box;width:100%;text-align:center;padding:14px;font:800 36px Barlow Condensed;letter-spacing:9px;text-transform:uppercase;background:#0c111b;color:var(--gold);border:1px solid #ffffff30;border-radius:6px;margin-bottom:18px}#room-dialog-status{font-size:10px;color:#cbd6e8;line-height:1.6;min-height:17px;margin:16px 0 0}#invite-done{width:100%;padding:13px;background:#252e40;border:1px solid #ffffff25;color:#fff;font-size:9px;letter-spacing:1px;margin-top:15px;border-radius:4px}.invite-footnote{font-size:8px;color:#737f97;line-height:1.7;margin:17px 0 0}#network-panel{padding:9px 12px}#network-panel .network-actions{flex-wrap:nowrap}#network-panel #room-code{font-size:22px;letter-spacing:4px}#network-panel #network-status{margin:6px 0 0}#invite-dialog [hidden]{display:none!important}@media(max-width:500px){#invite-dialog{padding:26px 22px}#invite-title{font-size:40px}#invite-code{font-size:40px;letter-spacing:8px}#network-panel .network-actions button{padding:8px;font-size:7px}}.duel-select .character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.duel-select .character img{display:none}.duel-select .character strong{font-size:16px}#ashika-super-banner{inset:auto auto 11% 5%;text-align:left}#ashika-super-banner small{margin-left:0;color:#f2d48a}#ashika-super-banner strong{font-size:clamp(30px,4vw,52px)}@media(max-width:500px){.duel-select .character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duel-select .character strong{font-size:14px}}@media(max-height:500px){#ashika-super-banner{bottom:9%}#ashika-super-banner strong{font-size:28px}}#touch{z-index:6;bottom:max(20px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));align-items:flex-end;pointer-events:none;user-select:none;-webkit-user-select:none}#touch .movement-controls{display:flex;flex-direction:column;align-items:center;gap:10px}#fight-stick{width:142px;height:142px;position:relative;border:1px solid #ffffff38;border-radius:50%;background:radial-gradient(circle,#26344788 0 33%,#131c2b88 34% 67%,#ffffff0c 68%);box-shadow:inset 0 0 25px #0005,0 4px 24px #0003;touch-action:none;pointer-events:auto}#fight-stick.active{border-color:#f4c66caa;background-color:#f4c66c12}.stick-knob{position:absolute;width:58px;height:58px;left:calc(50% - 29px);top:calc(50% - 29px);border:1px solid #ffffff70;border-radius:50%;background:radial-gradient(circle at 35% 25%,#748498,#344256 65%);box-shadow:0 5px 12px #0007;pointer-events:none}.stick-direction{position:absolute;color:#cad4e180;font-size:13px;pointer-events:none}.stick-up{top:9px;left:calc(50% - 6px)}.stick-down{bottom:9px;left:calc(50% - 6px)}.stick-left{left:10px;top:calc(50% - 7px)}.stick-right{right:10px;top:calc(50% - 7px)}.stick-caption,.touch-combo-hint{font-size:8px;letter-spacing:1px;font-weight:700;color:#c4cbd8;text-shadow:0 1px 4px #000}#touch .touch-actions{width:240px;height:180px;position:relative;display:block}#touch button{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0;padding:0;width:50px;height:50px;border-radius:50%;font:700 8px Inter,sans-serif;letter-spacing:.6px;pointer-events:auto;touch-action:none;background:#162234d9;border:1px solid #ffffff4a;box-shadow:inset 0 1px #ffffff16,0 3px 12px #0004;-webkit-tap-highlight-color:transparent}#touch button span{font-size:22px;line-height:1}#touch button.held{transform:scale(.92);background:#52637c;box-shadow:0 0 18px #ffffff40}#touch button:focus-visible{outline:2px solid white;outline-offset:4px}#touch .action-punch{right:76px;top:25px;width:72px;height:72px;background:#963f36dd;border-color:#ff9a7fbb;color:#fff5ec;font-size:10px}#touch .action-kick{right:0;top:73px;width:76px;height:76px;background:#94703cdd;border-color:#f7ce87bb;color:#fff4d9;font-size:10px}#touch .action-guard{left:23px;top:104px}#touch .action-evade{left:0;top:43px}#touch .action-super{right:91px;top:112px;width:44px;height:44px;font-size:7px;color:#e4ce92}#touch button:disabled{opacity:.35}#touch .touch-combo-hint{position:absolute;bottom:0;right:0;font-size:7px;letter-spacing:.4px;white-space:nowrap}body.spectating #touch{display:none}@media(max-width:500px){#fight-stick{width:120px;height:120px}#touch{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom))}#touch .touch-actions{width:204px;height:178px}#touch .action-punch{right:66px;width:66px;height:66px}#touch .action-kick{width:68px;height:68px}#touch .action-guard{left:5px}#touch .action-evade{left:0;top:40px;width:44px;height:44px}#touch .action-super{right:78px}#touch .touch-combo-hint{font-size:6px}.stick-caption{font-size:6px;letter-spacing:.5px}}@media(max-width:350px){#fight-stick{width:100px;height:100px}#touch .touch-actions{transform:scale(.88);transform-origin:bottom right;width:184px}.stick-caption{display:none}}@media(max-height:500px)and (min-width:600px){#touch{bottom:max(12px,env(safe-area-inset-bottom))}#fight-stick{width:114px;height:114px}#touch .touch-actions{height:160px}#touch .touch-combo-hint,.stick-caption{display:none}#touch .action-punch{top:5px}#touch .action-kick{top:55px}#touch .action-evade{top:25px}#touch .action-guard{top:87px}#touch .action-super{top:96px}}#disclaimer-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px;background:radial-gradient(ellipse at 100% 0,#53433333,transparent 65%),#141c28;color:#eaf0f7;border:1px solid #f4d18a66;border-top:3px solid var(--gold);border-radius:14px;box-shadow:0 25px 120px #000b}#disclaimer-dialog::backdrop{background:#060b14e8;backdrop-filter:blur(8px)}.disclaimer-eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);margin:0 0 12px}#disclaimer-title{font:900 37px/1 Barlow Condensed,Impact,sans-serif;margin:0 0 17px}#disclaimer-dialog p:not(.disclaimer-eyebrow){font-size:12px;line-height:1.8;color:#c1cddd;margin:0 0 14px}#disclaimer-dialog strong{color:#f2d48a}#accept-disclaimer{display:block;width:100%;border:0;border-radius:6px;padding:15px;background:var(--gold);color:#17202b;font:800 11px Inter,sans-serif;letter-spacing:.7px;margin-top:22px}#accept-disclaimer:focus-visible,#view-disclaimer:focus-visible{outline:2px solid #fff;outline-offset:3px}#view-disclaimer{background:none;border:0;border-bottom:1px solid #8e9db566;padding:3px 0;margin-left:10px;color:#b7c5d8;font:inherit;letter-spacing:1px;cursor:pointer}@media(max-width:500px){#disclaimer-dialog{padding:24px 20px}#disclaimer-title{font-size:32px}#disclaimer-dialog p:not(.disclaimer-eyebrow){font-size:11px;line-height:1.75}#accept-disclaimer{font-size:10px}}@media(prefers-reduced-motion:reduce){#disclaimer-dialog::backdrop{backdrop-filter:none}}.league-mode .menu-foot{display:block}.friends-room-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}#advanced-settings{border:1px solid #f4d18a66;color:var(--gold);background:#202b3a;padding:10px 12px;border-radius:5px;font:700 9px Inter,sans-serif;white-space:nowrap}#room-rules-summary{font-size:10px;color:#d5dfe8;line-height:1.7;margin:8px 0 12px;overflow-wrap:anywhere}#room-rules-notice{font-size:10px;color:var(--gold);line-height:1.5;margin:5px 0}#room-rules-notice:empty{display:none}#room-settings-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 28px);overflow:auto;background:#131d29;color:#edf2f8;border:1px solid #f4d18a66;border-radius:14px;padding:26px;box-shadow:0 20px 100px #000b}#room-settings-dialog::backdrop{background:#040a14cc;backdrop-filter:blur(6px)}.settings-close{position:absolute;right:12px;top:10px;background:#ffffff08;border:1px solid #ffffff20;color:#fff;border-radius:50%;font-size:23px;width:32px;height:32px}.settings-eyebrow{font-size:8px;letter-spacing:2px;color:var(--gold);margin:0 0 8px}#room-settings-title{font:900 35px/1 Barlow Condensed,sans-serif;margin:0}#settings-permission{font-size:11px;color:#b3c1d4;line-height:1.6;margin:12px 0}.settings-presets{display:flex;gap:7px;margin:14px 0}.settings-presets button{flex:1;border:1px solid #ffffff25;background:#202d3d;color:#c4d0e0;font-size:9px;padding:10px;border-radius:5px}.settings-presets button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}#settings-fields{margin:0;padding:0;border:0;min-width:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid label{min-width:0;display:flex;flex-direction:column;gap:6px}.settings-grid label>span{font-weight:700;font-size:11px}.settings-grid select{box-sizing:border-box;width:100%;padding:10px 8px;font-size:11px;border-radius:5px;background:#202d3d;min-width:0}.settings-grid small{font-size:10px;color:#9cacc2;line-height:1.5}#settings-fields:disabled{opacity:.72}.settings-preview{margin-top:18px;padding:12px;border:1px solid #f4d18a55;border-radius:7px;background:#f4d18a07}.settings-preview strong{font-size:9px;letter-spacing:1px;color:var(--gold)}.settings-preview p{font-size:11px;line-height:1.65;margin:8px 0 0;color:#d0dbea}.settings-warning{font-size:10px;color:#acbbd0;line-height:1.6;margin:12px 0}#save-room-settings{width:100%;background:var(--gold);color:#17202b;padding:13px;border:0;border-radius:5px;font-weight:800;font-size:10px;letter-spacing:1px}#save-room-settings[hidden]{display:none}#room-settings-dialog button:focus-visible{outline:2px solid white;outline-offset:2px}.supers-disabled .charge{opacity:.2}.supers-disabled [data-key=l]{opacity:.3;pointer-events:none}@media(max-width:500px){#room-settings-dialog{padding:22px 16px}.settings-grid{grid-template-columns:1fr;gap:13px}.friends-heading{flex-wrap:wrap}#advanced-settings{padding:9px;font-size:8px}.friends-room-actions{justify-content:flex-start}.settings-grid label>span{font-size:12px}}.nickname-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 12px;font-size:9px;color:#aab8cc;letter-spacing:1px}.nickname-row input,#invite-nickname{box-sizing:border-box;background:#101824;border:1px solid #ffffff30;border-radius:5px;color:#f4d18a;font:600 12px Inter,sans-serif;padding:9px 11px;width:190px}.invite-nickname-label{display:block;color:#aab8cc;font-size:9px;letter-spacing:1px;margin:0 0 18px}#invite-nickname{display:block;width:100%;margin-top:7px}.league-mode #league-mode,.league-mode #online-mode{border-color:var(--gold);color:var(--gold)}.play-modes{flex-wrap:wrap}#league-panel{padding:14px;border:1px solid #f4d18a44;border-radius:9px;background:#15202b;margin:0 auto 14px;max-width:980px}#league-title{margin:0;color:var(--gold);font:800 22px Barlow Condensed,sans-serif;overflow-wrap:anywhere}#league-info{font-size:10px;line-height:1.6;color:#acbfd4;margin:7px 0 10px}.league-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;table-layout:fixed}.league-table th{font-size:8px;color:#93a7bf;letter-spacing:1px;font-weight:500;padding:6px}.league-table td{padding:7px 6px;border-top:1px solid #ffffff10;overflow-wrap:anywhere}.league-table th:first-child{width:43%}.league-table th:nth-child(3){width:9%}.league-champion{color:var(--gold);font-weight:700}#league-results{font-size:10px;color:#aebed0;max-height:140px;overflow:auto}#league-results p{margin:7px 0}#league-panel details summary{cursor:pointer;color:#c9d4e4;font-size:10px;margin-top:10px}#league-live{display:none;position:fixed;bottom:18px;left:4%;width:min(330px,90vw);z-index:6;background:#101b2bf5;border:1px solid #f4d18a55;border-radius:8px;padding:10px;color:#fff}body.playing #league-live:not([hidden]){display:block}#league-live summary{cursor:pointer;font-size:9px;color:var(--gold);letter-spacing:.7px}#league-current{font-size:11px;color:#b6c7dc;overflow-wrap:anywhere}.league-mode .menu-foot{display:none}.spectating #touch{display:none!important}.spectating .player>.name>span{color:var(--gold)}.train-cinematic #league-live,#league-panel[hidden],#league-live[hidden]{display:none!important}@media(pointer:coarse),(max-width:800px){body.playing #league-live{bottom:115px}.spectating #league-live{bottom:20px}}@media(max-width:500px){.nickname-row{margin-bottom:9px}.nickname-row input{padding:7px 9px}.league-table{font-size:10px}#league-panel{padding:10px}.play-modes button{padding:8px 10px;font-size:8px}.league-mode .model-stage{height:220px}}.hud .player,.hud .name{min-width:0}.hud .name strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}#host-start{flex-shrink:0;padding:10px 13px;background:var(--gold);border:0;border-radius:5px;color:#17202b;font:800 10px Inter,sans-serif}#host-start:disabled{opacity:.4;cursor:not-allowed}#host-start[hidden]{display:none}.league-table th:first-child{width:30%}.league-table th:nth-child(2){width:23%}.league-table th:nth-child(3){width:23%}.league-table th:nth-child(4){width:6%}.league-table .ready-yes{color:#91e3ac;font-size:9px;font-weight:700}.league-table .ready-no{color:#a3b1c6;font-size:8px}#league-live{width:min(390px,90vw)}@media(max-width:500px){.league-table td{padding:7px 3px;font-size:9px}.league-table th{padding:6px 3px;font-size:7px}.league-table .ready-yes,.league-table .ready-no{font-size:7px}.friends-heading{align-items:flex-start}#host-start{font-size:8px;padding:9px}#league-title{font-size:20px}}#how-to-play{border-color:#f4d18a66;color:var(--gold);white-space:nowrap}#how-to-play-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 28px);overflow-y:auto;border:1px solid #f4d18a55;border-radius:16px;padding:26px;background:radial-gradient(ellipse at top right,#43524033,transparent 60%),#141b25;color:#eaf0f7;box-shadow:0 22px 100px #0009}#how-to-play-dialog::backdrop{background:#040a14c9;backdrop-filter:blur(7px)}#how-to-play-dialog .help-close{position:absolute;right:12px;top:10px;width:34px;height:34px;border:1px solid #ffffff25;border-radius:50%;background:#ffffff08;color:#eaf0f7;font-size:24px}.help-eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);margin:0 0 8px}#how-to-play-title{font:900 40px/1 Barlow Condensed,Impact,sans-serif;margin:0}.help-goal{font-size:12px;color:#c0cbda;line-height:1.6;margin:12px 0 18px}#how-to-play-title em{font-style:normal;color:var(--gold)}.help-moves{display:grid;grid-template-columns:1fr 1fr;gap:8px}.help-moves>div{display:flex;gap:12px;align-items:center;padding:12px 10px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff03}.help-moves p{margin:0;min-width:0}.help-moves b{display:block;font-size:10px;letter-spacing:.6px;margin-bottom:5px}.help-moves p span{display:block;font-size:11px;line-height:1.5;color:#aebdce}.help-keys{display:flex;gap:3px;flex-wrap:wrap;align-items:center;justify-content:center;flex-shrink:0;width:64px}.help-keys kbd{display:inline-grid;place-items:center;margin:0;min-width:24px;min-height:26px;padding:0 4px;border:1px solid #ffffff30;border-bottom-width:3px;border-radius:5px;background:#252f3d;color:var(--gold);font:700 11px monospace;box-sizing:border-box}.help-keys small{font-size:9px;color:#aebdce}.help-moves>.help-super{grid-column:1/-1;border-color:#f4d18a44;background:#f4d18a08}.help-super .help-keys{width:94px}.help-super b{color:var(--gold)}.help-tip{padding:11px 12px;border-left:2px solid var(--gold);font-size:11px;line-height:1.6;background:#ffffff03;margin:12px 0}.help-tip b{color:var(--gold);font-size:10px}.help-extras{display:grid;gap:6px}.help-extras p{font-size:10px;line-height:1.5;color:#aebdce;margin:0}.help-extras b{color:#eaf0f7;margin-right:5px}.help-done{width:100%;margin-top:18px;padding:13px;border:0;border-radius:6px;background:var(--gold);color:#17202b;font-weight:800;font-size:11px;letter-spacing:1px}#how-to-play-dialog button:focus-visible,#how-to-play:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:540px){#how-to-play-dialog{padding:22px 16px}.help-moves{grid-template-columns:1fr;gap:5px}.help-moves>div{padding:9px}.help-moves>.help-super{grid-column:auto}.help-super .help-keys{width:64px}.help-goal{margin-bottom:12px}.help-moves p span{font-size:11px}.help-keys{width:60px}nav{gap:4px}nav button{letter-spacing:.3px;padding:8px 6px}}@media(prefers-reduced-motion:reduce){#how-to-play-dialog::backdrop{backdrop-filter:none}}:root{color-scheme:dark;--ui-bg:#101720;--ui-surface:#192330;--ui-line:#334153;--ui-text:#f4f1e9;--ui-muted:#acb8c9;--ui-player:#ff6975;--ui-opponent:#84b4ff}button,input,select,a{-webkit-tap-highlight-color:transparent}button,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #fff1b8;outline-offset:4px}input:disabled,select:disabled{cursor:not-allowed}button:disabled{cursor:not-allowed}button:not(:disabled){transition:background-color .16s,border-color .16s,box-shadow .16s}input::placeholder{color:#8c9aaf;opacity:1}input,select{font-size:14px}body:not(.playing) header{height:60px;padding:0 max(24px,calc((100vw - 1120px)/2));background:#101720f2;border-bottom:1px solid #ffffff0c}body:not(.playing) .brand{gap:10px;font-size:10px;letter-spacing:1.2px;line-height:1.4}body:not(.playing) .brand b{font-size:10px}body:not(.playing) .flag{width:28px;height:34px;font-size:21px}nav button{min-height:40px;font-size:10px;letter-spacing:.5px;border-radius:6px}nav button:hover{border-color:#b7c3d466;background:#253247}#overlay{padding:80px max(24px,calc((100vw - 1060px)/2)) 20px;scroll-padding-block:80px 150px;background:linear-gradient(180deg,#101720fc,#101720ed 60%,#101720f9);overscroll-behavior:contain}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1060px;margin:0 auto 20px}.selection-toolbar .menu-top{height:auto;text-align:left;min-width:0}.selection-toolbar .menu-top h1{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip-path:none;white-space:normal;font:800 32px/1.05 Barlow Condensed,Impact,sans-serif;letter-spacing:.2px;color:var(--ui-text)}.selection-toolbar .menu-caption{display:block;margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--ui-muted)}.selection-options{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.selection-options .play-modes{gap:4px;flex-wrap:nowrap;margin:0;padding:4px;background:#0b121b;border:1px solid var(--ui-line);border-radius:9px}.selection-options .play-modes button{min-height:38px;padding:8px 18px;font-size:10px;letter-spacing:.4px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ui-muted)}.selection-options .play-modes button:hover{background:#233042;color:#fff}.online-mode .selection-options #online-mode,body:not(.online-mode) .selection-options #cpu-mode{background:#303e50;border-color:#52647b;color:#fff;box-shadow:0 1px 4px #0003}.selection-options .nickname-row{gap:10px;margin:0;font-size:10px;letter-spacing:.5px;color:var(--ui-muted)}.nickname-row input,#invite-nickname{height:40px;width:194px;padding:9px 12px;font-size:13px;color:var(--ui-text);border:1px solid var(--ui-line);border-radius:6px;background:#131d29}.nickname-row input:focus,#invite-nickname:focus{border-color:#a9bdd7}#overlay .duel-select{max-width:1060px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:24px}#overlay .slot-label{min-height:24px;gap:8px;margin:0 0 6px;font-size:10px;letter-spacing:.8px;color:#c4cedb}#overlay .slot-label>b{display:none}#overlay .slot-label small{font-size:8px;padding:3px 6px;border-radius:3px;color:var(--ui-muted)}#overlay .model-stage{height:clamp(280px,calc(100svh - 420px),540px);border:1px solid #ff697526;border-bottom:2px solid #ff697570;border-radius:10px 10px 0 0;background:radial-gradient(ellipse at 50% 75%,#542b3e45,transparent 75%),#17202a55}#overlay .theirs .model-stage{border-color:#84b4ff26;border-bottom-color:#84b4ff70;background:radial-gradient(ellipse at 50% 75%,#29466d45,transparent 75%),#17202a55}#overlay .model-stage:after{height:94px;background:linear-gradient(transparent,#111a25e6);pointer-events:none}#overlay .model-stage canvas{z-index:0}#overlay .preview-caption{left:16px;bottom:14px}#overlay .preview-name{font-size:34px;line-height:1.05;letter-spacing:.5px}#overlay .preview-power{gap:3px;margin-top:7px}#overlay .power-owner{font-size:8px;letter-spacing:.7px;color:#bac4d2}#overlay .power-name{font-size:11px;letter-spacing:.5px;color:var(--ui-player)}#overlay .theirs .power-name{color:var(--ui-opponent)}#overlay .preview-loading{font-size:11px;color:var(--ui-muted)}#overlay .character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}#overlay .character{height:44px;min-height:44px;position:relative;overflow:hidden;gap:0;border:1px solid var(--ui-line);border-radius:5px;background:#1c2735;box-shadow:none;transform:none}#overlay .character strong{font-size:17px;letter-spacing:.2px}#overlay .character>div{padding:0}#overlay .character:hover:not(:disabled){background:#2b394b;border-color:#8b9bb0;transform:none}#overlay .character.selected{border-color:var(--ui-player);background:#51303d;color:#fff}#overlay .theirs .character.selected{border-color:var(--ui-opponent);background:#263e60}#overlay .character.selected:after{content:"✓";position:absolute;top:2px;right:4px;font:700 9px Arial;color:#fff}#overlay .character:disabled{opacity:.42;cursor:not-allowed;background:#131d29}#overlay .character.selected:disabled{opacity:.85}#overlay .versus{font-size:32px;line-height:1;color:#dbc48f}#overlay .versus span{font-size:8px;line-height:1.5;letter-spacing:.5px;color:var(--ui-muted)}#overlay .menu-bottom{max-width:1060px;margin:20px auto 0;padding-top:16px;gap:24px;align-items:center;border-top:1px solid var(--ui-line)}#overlay .difficulty-label{gap:7px;font-size:10px;letter-spacing:.4px;color:var(--ui-muted)}#overlay .difficulty-label select{min-height:42px;min-width:150px;padding:10px 30px 10px 12px;font-size:12px;border:1px solid var(--ui-line);border-radius:6px;background:#1c2735}#selection-status{font-size:24px;letter-spacing:.2px}#selection-status span{font-size:14px;color:var(--ui-muted)}body.online-mode #overlay .difficulty-label{display:none}#start{min-height:50px;min-width:218px;padding:14px 32px;clip-path:none;border-radius:6px;background:#ec465a;color:#fff;font-size:12px;letter-spacing:1px;box-shadow:0 4px 16px #d42b4025}#start:hover:not(:disabled){background:#ff6073;box-shadow:0 5px 20px #d42b4040}#start:disabled{opacity:.6;box-shadow:none}#overlay .menu-foot{margin:16px 0 0;font-size:9px;line-height:1.6;letter-spacing:.5px;color:#98a6bb}#view-disclaimer{min-height:32px;color:#c3cedd;border-bottom:0;text-decoration:underline;text-underline-offset:4px}#result{font-size:28px;padding:14px;margin-bottom:18px;border:1px solid #dbc48f66;border-radius:6px;background:#dbc48f0a;overflow-wrap:anywhere}#network-panel,#league-panel{max-width:1060px;background:#182330;border:1px solid var(--ui-line);border-radius:8px;padding:16px;margin-bottom:16px}.network-actions button,#advanced-settings{min-height:40px;border-radius:5px;border-color:#53647c;font-size:10px;letter-spacing:.3px}.network-actions button:hover,#advanced-settings:hover{background:#2a3a50}#network-panel #network-status,#league-info,#room-rules-summary,#room-rules-notice{font-size:12px;line-height:1.65}#network-panel #room-code{font-size:28px;color:#f1d18f}.friends-heading{align-items:center;flex-wrap:wrap;gap:12px}.friends-room-actions{gap:8px;flex-wrap:wrap}#host-start{min-height:42px;font-size:11px;letter-spacing:.4px;padding:10px 16px}#league-title{font-size:26px;color:#f1d18f}.league-table{font-variant-numeric:tabular-nums}#league-panel .league-table th{font-size:10px;color:#b6c5d9;letter-spacing:.3px;padding:10px 6px}#league-panel .league-table td{padding:11px 6px;font-size:12px;color:#e1e7ef}#league-panel .league-table .ready-yes{color:#a5e5b9;font-size:10px}#league-panel .league-table .ready-no{color:#b4c1d4;font-size:9px}#league-panel details summary{min-height:36px;display:list-item;align-content:center;font-size:11px}#league-results{font-size:12px;line-height:1.6}#league-live{background:#131e2bf5;border-color:#53647c}#league-live summary{min-height:24px;align-content:center;font-size:10px}#league-live .league-table td{font-size:10px}dialog{overscroll-behavior:contain;scrollbar-color:#53647c #16202c;scroll-padding-block:20px}#invite-dialog,#room-settings-dialog,#how-to-play-dialog,#disclaimer-dialog{border:1px solid #47586f;border-top:3px solid #dbc48f;border-radius:12px;background:#16212e;color:var(--ui-text);padding:28px;box-shadow:0 24px 100px #0009}#invite-dialog::backdrop,#room-settings-dialog::backdrop,#how-to-play-dialog::backdrop,#disclaimer-dialog::backdrop{background:#070e18cf;backdrop-filter:blur(5px)}#invite-dialog .dialog-close,#room-settings-dialog .settings-close,#how-to-play-dialog .help-close{width:44px;height:44px;right:8px;top:8px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#d4deeb;font-size:28px}#invite-dialog .dialog-close:hover,#room-settings-dialog .settings-close:hover,#how-to-play-dialog .help-close:hover{background:#ffffff10}#invite-title,#room-settings-title,#how-to-play-title,#disclaimer-title{font-size:36px;letter-spacing:.1px;padding-right:28px;text-wrap:balance}.invite-eyebrow,.settings-eyebrow,.help-eyebrow,.disclaimer-eyebrow{font-size:10px;letter-spacing:1px;color:#e4cc98}#invite-dialog .invite-description,.help-goal,#settings-permission{font-size:13px;color:#c0cbda;line-height:1.65}.invite-label,.invite-nickname-label{font-size:11px;letter-spacing:.6px;color:#bdcadc}#invite-dialog #invite-nickname{width:100%;height:44px;margin-top:8px}.invite-tabs button,.settings-presets button{min-height:44px;font-size:11px;letter-spacing:.5px}.invite-hint,#room-dialog-status{font-size:12px;color:#c0cbda;line-height:1.6}.invite-footnote{font-size:11px;color:#9eacc1;line-height:1.6}#copy-room-code{min-height:40px;font-size:10px}#invite-done,.invite-primary,#save-room-settings,.help-done,#accept-disclaimer{min-height:46px;font-size:12px;letter-spacing:.4px;border-radius:6px}.settings-grid{gap:20px 18px}.settings-grid label>span{font-size:13px;line-height:1.4}.settings-grid select{min-height:44px;font-size:13px;border-color:#47586f;border-radius:6px}.settings-grid small,.settings-warning,.settings-preview p{font-size:12px;color:#b4c2d5;line-height:1.6}.settings-preview strong{font-size:10px}.help-moves{gap:10px}.help-moves>div{padding:14px 12px;border-color:#ffffff15;background:#ffffff03}.help-moves b{font-size:11px;letter-spacing:.3px}.help-moves p span,.help-tip,.help-extras p{font-size:12px;line-height:1.65;color:#bfcbdc}.help-tip b,.help-extras b{font-size:11px}#disclaimer-dialog p:not(.disclaimer-eyebrow){font-size:13px;line-height:1.75}.pause-hint{display:none;pointer-events:none;position:fixed;bottom:16px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.3px;color:#c8d0dc;text-shadow:0 1px 4px #000}.pause-hint kbd{margin:0 6px 0 0;padding:3px 5px;border:1px solid #ffffff40;border-radius:3px;color:#e8edf5;font-size:9px}@media(min-width:801px)and (pointer:fine){body.playing:not(.game-menu-open):not(.train-cinematic) .pause-hint{display:block}}@media(max-width:800px){body:not(.playing) header{padding-inline:20px}#overlay{padding:76px 20px 16px}.selection-toolbar{gap:16px;margin-bottom:16px}.selection-toolbar .menu-top h1{font-size:26px}.selection-toolbar .menu-caption{max-width:220px;font-size:11px}#overlay .duel-select{gap:14px;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}#overlay .model-stage{height:clamp(270px,calc(100svh - 390px),490px)}#overlay .character strong{font-size:15px}#overlay .menu-bottom{gap:12px}#start{min-width:170px}}@media(max-width:540px){body:not(.playing) header{height:56px;padding-inline:16px}body:not(.playing) .brand{font-size:9px;gap:8px}body:not(.playing) .brand b{font-size:9px}nav button{min-height:40px;padding:8px 10px;font-size:9px}#overlay{padding:68px 14px 12px}.selection-toolbar{display:block;margin-bottom:14px}.selection-toolbar .menu-top{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.selection-options{align-items:stretch;gap:10px}.selection-options .play-modes{align-self:center}.selection-options .play-modes button{min-height:38px;padding:8px 18px;font-size:10px}.selection-options .nickname-row{justify-content:space-between;font-size:10px}.selection-options .nickname-row input{width:min(62%,220px);height:40px;font-size:16px}#overlay .duel-select{gap:8px;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}#overlay .slot-label{min-height:22px;font-size:9px;letter-spacing:.3px;margin-bottom:4px}#overlay .slot-label small{display:none}#overlay .model-stage{height:clamp(230px,calc(100svh - 490px),430px);border-radius:7px 7px 0 0}#overlay .preview-caption{left:9px;bottom:10px}#overlay .preview-name{font-size:28px}#overlay .preview-power{gap:3px;margin-top:5px}#overlay .power-owner{font-size:7px;letter-spacing:.2px}#overlay .power-name{font-size:9px;letter-spacing:.1px}#overlay .character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}#overlay .character{height:44px}#overlay .character strong{font-size:16px}#overlay .versus{font-size:23px}#overlay .versus span{display:none}#overlay .menu-bottom{position:sticky;bottom:-12px;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding:12px 0 14px;background:#101720f5;box-shadow:0 -10px 18px #10172055}#overlay .difficulty-label{width:auto;font-size:9px;gap:5px}#overlay .difficulty-label select{min-width:0;width:100%;min-height:40px;font-size:16px}#selection-status{text-align:right;font-size:21px;overflow-wrap:anywhere}#selection-status span{margin:0 4px;font-size:12px}body.online-mode #selection-status{grid-column:1/-1;text-align:center;margin:0;font-size:20px}#start{grid-column:1/-1;min-height:48px;width:100%;padding:12px}#overlay .menu-foot{margin-top:10px;font-size:8px;letter-spacing:.3px}#network-panel,#league-panel{padding:12px}.network-actions{gap:6px}#network-panel .network-actions{flex-wrap:wrap}#network-panel .network-actions button{min-height:40px;padding:8px;font-size:9px}#network-panel #network-status,#league-info,#room-rules-summary,#room-rules-notice{font-size:11px}#league-title{font-size:23px}#league-panel .league-table th{padding:9px 3px;font-size:8px}#league-panel .league-table td{padding:10px 3px;font-size:10px}#league-panel .league-table .ready-yes,#league-panel .league-table .ready-no{font-size:8px}.friends-room-actions{justify-content:flex-start}#advanced-settings,#host-start{min-height:40px;font-size:9px;padding:8px 10px}#invite-dialog,#room-settings-dialog,#how-to-play-dialog,#disclaimer-dialog{padding:24px 18px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}#invite-title,#room-settings-title,#how-to-play-title,#disclaimer-title{font-size:32px}.settings-grid{gap:16px}.settings-grid select,#invite-dialog #invite-nickname{font-size:16px}.help-moves{grid-template-columns:1fr;gap:8px}.help-moves>div{padding:12px 9px;gap:10px}.help-keys{width:54px}.help-moves p span{font-size:12px}}@media(max-height:550px)and (min-width:600px){body:not(.playing) header{height:48px;padding-inline:24px}#overlay{padding:60px 24px 12px}.selection-toolbar{margin-bottom:10px;gap:16px}.selection-toolbar .menu-top h1{font-size:25px}.selection-toolbar .menu-caption{display:none}.selection-options{flex-direction:row;align-items:center;gap:12px}.selection-options .play-modes button{min-height:34px;padding:6px 12px;font-size:9px}.selection-options .nickname-row{font-size:9px;gap:7px}.selection-options .nickname-row input{width:140px;height:38px}#overlay .duel-select{gap:14px;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}#overlay .slot-label{min-height:18px;margin-bottom:4px;font-size:9px}#overlay .model-stage{height:clamp(130px,calc(100svh - 250px),280px)}#overlay .preview-name{font-size:25px}#overlay .preview-caption{bottom:8px}#overlay .preview-power{margin-top:4px}#overlay .power-owner{font-size:7px}#overlay .power-name{font-size:9px}#overlay .character-grid{margin-top:6px;gap:5px}#overlay .character{min-height:38px;height:38px}#overlay .character strong{font-size:15px}#overlay .menu-bottom{margin-top:10px;padding-top:10px;gap:16px}#overlay .difficulty-label{font-size:8px;gap:4px}#overlay .difficulty-label select{min-height:38px;padding-block:7px}#start{min-height:42px;padding:10px 28px}#overlay .menu-foot{display:none}}@media(prefers-reduced-motion:reduce){button:not(:disabled){transition:none}dialog::backdrop{backdrop-filter:none}}