.console-front[data-page=hub]:before{background:linear-gradient(105deg,#060e20ee,#0c1e37df),url(/ui/menu/workshop.webp) 50%/cover}#front-hub{overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:24px;inset:76px 4% 58px;overflow:auto}.player-hub{font-family:Barlow,Arial,sans-serif;font-size:14px}.player-hub button,.player-hub input{font-family:inherit}.player-hub button{color:#eef4ff;cursor:pointer;background:#142948;border:1px solid #4d6589;border-radius:5px;min-height:44px;padding:10px 15px;font-weight:700}.player-hub button:hover:not(:disabled){background:#25466e;border-color:#f1d185}.player-hub button:focus-visible,.player-hub input:focus-visible{outline-offset:2px;outline:3px solid #fff1a8}.player-hub button:disabled{opacity:.42;cursor:default}.player-hub button[aria-pressed=true]{background:#324764;border-color:#f4d289;box-shadow:inset 0 -3px #f4d289}.player-hub .hub-primary{color:#132137;background:#e9c778;border-color:#f8e3b6}.player-hub input{color:#f5f7ff;background:#071329;border:1px solid #546989;border-radius:4px;min-width:0;min-height:44px;padding:9px 12px;font-size:16px}.player-hub label{color:#becde4;font-size:12px;font-weight:600;display:block}.player-hub form>div{gap:8px;margin-top:7px;display:flex}.player-hub form input{flex:1;width:100%}.player-hub p{color:#b9cbe4;margin:10px 0;font-size:13px;line-height:1.6}.player-hub h3{letter-spacing:.2px;margin:5px 0 10px;font:800 27px Barlow Condensed,sans-serif}.player-hub .hub-subtle{color:#94abc9;font-size:12px}.hub-heading{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 18px;display:flex}.hub-heading small,.hub-card>small,.season-heading small{letter-spacing:1.7px;color:#e9c777;font-size:10px}.hub-heading h2{margin:7px 0;font:italic 900 clamp(27px,5vw,48px)/1 Barlow Condensed,sans-serif}.hub-wallet{text-align:right;white-space:nowrap;background:#0d1c34;border:1px solid #71819b5c;border-left:3px solid #eed28c;border-radius:5px;padding:10px 15px}.hub-wallet b{color:#f6dc98;font:800 26px Barlow Condensed,sans-serif;display:block}.hub-wallet span{letter-spacing:1.2px;font-size:9px}.hub-tabs{scrollbar-width:none;gap:6px;padding-bottom:7px;display:flex;overflow:auto}.hub-tabs button{flex:1;min-width:max-content}.hub-connection{color:#a2cebd;justify-content:space-between;align-items:center;gap:10px;padding:6px 0 14px;font-size:11px;display:flex}.hub-connection button{min-height:30px;padding:5px 10px;font-size:11px}.hub-connection.is-offline{color:#e1c691}.hub-body{max-width:1240px;margin:auto}.hub-error{background:#401d2a;border-left:3px solid #f8958c;padding:12px;color:#ffe3dd!important}.hub-card{background:linear-gradient(135deg,#152947e8,#0c1b32ed);border:1px solid #4f688555;border-radius:8px;margin-bottom:14px;padding:20px}.hub-profile-card{background:linear-gradient(115deg,#264868,#101f38);border:1px solid #557694;border-radius:8px;grid-template-columns:180px 1fr;align-items:center;gap:24px;margin-bottom:15px;padding:22px;display:grid}.hub-profile-card>img{object-fit:contain;mix-blend-mode:screen;border-radius:6px;width:100%}.hub-profile-card small{color:#edcf8b;text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.hub-profile-card h3{font-size:34px}.hub-title-picker{flex-wrap:wrap;gap:8px;display:flex}.hub-account-note{align-items:center;gap:20px;display:flex}.hub-account-note p{flex:1}.workshop-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;display:grid}.workshop-showcase{background:#071326b8;border:1px solid #55759455;border-radius:8px;align-self:start;position:sticky;top:0;overflow:hidden}.equipment-model-stage{touch-action:none;background:radial-gradient(at 50% 75%,#284965,#071323 70%);height:340px;min-height:220px;position:relative}.workshop-gear{border-top:1px solid #5e739355;align-items:center;gap:14px;padding:18px;display:flex}.workshop-gear>img{object-fit:contain;border-radius:5px;width:76px;height:76px}.workshop-gear small{color:#a6b7d0;text-transform:uppercase;letter-spacing:1px;font-size:10px}.workshop-gear h3{margin:3px 0;font-size:26px}.workshop-gear p{margin:0;font-size:12px}.rarity{color:#cad9ef;letter-spacing:.6px;border:1px solid #829bc1;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-block}.rarity-SR{color:#d0b7ff;background:#4a277544;border-color:#ad83ed}.rarity-UR{color:#ffe59b;background:#81602344;border-color:#edc35f}.equipment-slots{grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:13px;display:grid}.equipment-slots button{min-width:0;padding:9px 4px;font-size:11px}.equipment-slots span{color:#adc1dd;margin-top:4px;font-size:8px;font-weight:400;line-height:1.3;display:block}.equipment-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.equipment-items button{text-align:left;grid-template-columns:32px 1fr;gap:5px 8px;padding:12px;display:grid}.equipment-items b{align-self:center;font-size:12px}.equipment-items small{color:#a8bedb;grid-column:2;font-size:10px;font-weight:400}.equipment-items .rarity{text-align:center;align-self:start}.workshop-stats{grid-template-columns:repeat(5,1fr);gap:4px;margin:15px 0;display:grid}.workshop-stats>div{text-align:center;background:#071529;border-radius:4px;padding:9px 5px}.workshop-stats dt{color:#a8bdd7;font-size:9px}.workshop-stats dd{margin:6px 0 0;font:700 16px Barlow Condensed,sans-serif}.stat-up{color:#b1e0b7}.stat-down{color:#e6aaa3}.workshop-budget{color:#c6d3e6;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:10px;display:flex}.workshop-budget b{color:#edd396}.workshop-actions,.hub-actions{flex-wrap:wrap;gap:8px;display:flex}.workshop-actions button{flex:1;font-size:12px}.hub-online-gear{align-items:center;gap:20px;margin:0 0 18px;display:flex}.hub-online-gear img{object-fit:contain;border-radius:6px;width:100px;height:100px}.hub-online-gear h3{margin:3px 0}.hub-online-gear small{color:#e9cc8e;letter-spacing:1px;font-size:10px}.online-mode-cards{grid-template-columns:1fr 1fr;gap:15px;display:grid}.online-mode-cards .hub-card{margin:0 0 12px}.online-mode-cards form{margin-top:15px}.room-players{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.room-players article{text-align:center;background:#09172c;border:1px solid #5a729255;border-radius:6px;flex-direction:column;gap:7px;padding:15px;display:flex;position:relative}.room-players img{object-fit:contain;align-self:center;width:140px;height:120px}.room-players span{color:#a6bfdc;font-size:12px}.room-players small{color:#c1e0be;font-size:10px}.room-players em{color:#ffe198;font-size:10px;font-style:normal;position:absolute;top:10px;left:10px}.season-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.season-heading p{margin:0}.season-standings{gap:6px;margin:0;padding:0;list-style:none;display:grid}.season-standings li{background:#10223deb;border:1px solid #58729644;border-radius:5px;align-items:center;gap:14px;padding:12px;display:flex}.season-standings li>b{color:#edcf8d;width:38px;font:800 23px Barlow Condensed,sans-serif}.season-standings img{object-fit:contain;border-radius:4px;width:48px;height:48px}.season-standings li>div{flex:1}.season-standings strong{font-size:14px;display:block}.season-standings small{color:#96adcb;margin-top:4px;font-size:10px;display:block}.season-standings li>span{text-align:right;color:#e3edf9;font:800 23px Barlow Condensed,sans-serif}.hub-self-rank{background:#55421b44;border:1px solid #cfb36f;padding:12px}.hub-collection-top{justify-content:space-between;align-items:end;gap:14px;margin-bottom:15px;display:flex}.hub-collection-top input{width:min(280px,100%);margin-top:6px;display:block}.hub-collection-top>span{color:#c2d2e7;font-size:11px}.hub-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hub-collection-grid article{text-align:center;background:#0a192f;border:1px solid #59739766;border-radius:6px;padding-bottom:10px;overflow:hidden}.hub-collection-grid article>button:first-child{background:0 0;border:0;border-radius:0;width:100%;padding:0}.hub-collection-grid img{object-fit:contain;background:#192e48;width:100%;height:130px;display:block}.hub-collection-grid b{padding:10px 5px 2px;font:800 20px Barlow Condensed,sans-serif;display:block}.hub-collection-grid article>span{letter-spacing:.8px;color:#b1c7e4;margin:6px;font-size:8px;display:block}.hub-collection-grid article>button:last-child{min-height:36px;padding:8px;font-size:11px}.hub-pagination{justify-content:center;align-items:center;gap:18px;margin:18px 0;display:flex}.hub-pagination span{font-size:12px}.mode-extra-links{gap:7px;width:48%;max-width:570px;margin-top:12px;display:flex}.mode-extra-links button{color:#f1d599;background:#102442df;border:1px solid #b29e6a;border-radius:3px;flex:1;min-height:40px;font:700 12px Barlow,sans-serif}.online-battle-status{z-index:20;color:#fff;text-align:center;background:#3f2735ef;border:1px solid #f0ba77;border-radius:5px;max-width:90vw;padding:10px 15px;font-size:12px;position:fixed;top:80px;left:50%;transform:translate(-50%)}.online-battle-status.hidden{display:none}@media (width<=700px){#front-hub{inset:68px 4% 55px}.hub-heading{padding-bottom:13px}.hub-wallet{padding:8px 10px}.hub-wallet b{font-size:23px}.hub-wallet span{font-size:8px}.hub-tabs{gap:4px}.hub-tabs button{padding:10px;font-size:11px}.hub-profile-card{grid-template-columns:90px 1fr;gap:14px;padding:14px}.hub-profile-card h3{font-size:28px}.hub-card{padding:16px}.hub-account-note{display:block}.hub-account-note button{margin-top:8px}.workshop-layout{flex-direction:column;gap:14px;display:flex}.workshop-showcase{position:relative;top:auto}.equipment-model-stage{height:230px;min-height:220px}.workshop-gear{padding:12px}.workshop-gear>img{width:52px;height:52px}.workshop-gear h3{font-size:23px}.equipment-slots button{min-height:60px;font-size:10px}.equipment-slots span{font-size:8px}.equipment-items b{font-size:12px}.equipment-items small{font-size:9px}.online-mode-cards{grid-template-columns:1fr}.hub-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hub-collection-grid img{height:115px}.hub-collection-top{align-items:start}.hub-collection-top>span{max-width:120px;line-height:1.4}.hub-collection-top input{max-width:190px}.room-players img{width:100px;height:90px}.room-players article{padding:12px 6px}.mode-extra-links{width:100%;max-width:none}.season-standings li{gap:8px;padding:10px}.season-standings strong{font-size:12px}}@media (height<=540px) and (orientation:landscape){#front-hub{inset:54px 4% 38px}.hub-heading{padding:6px 0 10px}.hub-heading h2{font-size:30px}.hub-tabs button{min-height:36px;padding:7px 12px}.workshop-layout{grid-template-columns:.85fr 1.15fr;display:grid}.equipment-model-stage{height:220px}.workshop-showcase{position:sticky}.hub-profile-card{grid-template-columns:100px 1fr}.mode-extra-links{margin-top:6px}.mode-extra-links button{min-height:30px;font-size:10px}.hub-collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-collection-grid img{height:85px}.hub-card{padding:15px}.online-battle-status{top:55px}}.player-hub .workshop-change-gear{min-height:30px;margin-left:8px;padding:5px 9px;font-size:10px;display:inline-block}.hub-policy-links{flex-wrap:wrap;gap:18px;margin:18px 0;display:flex}.hub-policy-links a{color:#bed4ed;padding:8px 0;font-size:12px}.hub-milestone{flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.hub-milestone progress{accent-color:#edca81;flex:1;min-width:100px;height:10px}.hub-milestone b{color:#edca81}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-0.ttf)format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-1.ttf)format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-2.ttf)format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-3.ttf)format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-4.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-5.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-6.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-7.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-8.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/barlow-9.ttf)format("truetype")}:root{color:#eef4ee;font-synthesis:none;--cyan:#98f1df;--gold:#efb877;--muted:#93a7ad;--border:#b8dcdf22;background:#08151e;font-family:Barlow,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.33;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{transition:background .18s,transform .18s,border-color .18s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}.hidden{display:none!important}#app{height:100dvh;min-height:560px;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}#viewport canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,#06121bee 0%,#06121b99 28%,#0000 62%),linear-gradient(#06121baa 0%,#06121b00 23% 64%,#06121b 100%);position:absolute;inset:0}header{z-index:5;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:96px;padding:0 4%;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:inherit;letter-spacing:2px;align-items:center;gap:13px;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800;text-decoration:none;display:flex}.brand small{letter-spacing:4px;margin-top:4px;font:500 9px Barlow,sans-serif;display:block}.brand-symbol{letter-spacing:-10px;color:var(--cyan);margin-right:10px;font-size:40px;font-style:italic;line-height:1;transform:skew(-8deg)}.brand-symbol span{color:#e7f2ed}.edition{letter-spacing:1.8px;color:#c1d4d6;align-items:center;gap:11px;font-size:9px;display:flex}.edition span{color:var(--muted);border-left:1px solid #617b8155;margin-left:5px;padding-left:15px}i{font-style:normal}.edition i,.model-caption i,.arena-tag i{background:var(--cyan);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #98f1df88}nav{gap:9px;display:flex}.icon-button{background:#12263066;border:1px solid #75939b44;border-radius:50%;width:35px;height:35px;font-size:16px}.icon-button.muted{opacity:.45;text-decoration:line-through}.hero-copy{z-index:2;position:absolute;top:19%;left:5%}.eyebrow{letter-spacing:2.2px;color:var(--cyan);align-items:center;gap:10px;font-size:9px;font-weight:700;display:flex}.line{background:var(--cyan);width:22px;height:1px;display:inline-block}h1{letter-spacing:-1.4px;max-width:520px;margin:24px 0 21px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(48px,5.6vw,90px);font-weight:800;line-height:.92}h1 em{color:var(--cyan);font-style:italic}.hero-copy p{color:#bdcccf;margin:0 0 26px;font-size:14px;line-height:1.65}.launch-row{align-items:center;gap:22px;display:flex}.primary{background:var(--cyan);color:#0a262b;letter-spacing:1px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));justify-content:space-between;align-items:center;gap:34px;min-height:51px;padding:0 23px;font-size:11px;font-weight:800;display:inline-flex}.primary span{font-size:22px;font-weight:400}.text-button{color:#d5e3df;background:0 0;padding:10px 0;font-size:11px;font-weight:600}.text-button span{margin-left:10px}.session-info{color:#78969f;letter-spacing:1.1px;gap:22px;margin-top:20px;font-size:8px;font-weight:600;display:flex}.model-caption{text-align:right;pointer-events:auto;position:absolute;bottom:29%;right:8%}.model-caption>span{color:var(--gold);letter-spacing:3px;font-size:9px;font-weight:700}.model-caption h2{letter-spacing:.6px;margin:8px 0;font-family:Barlow Condensed,sans-serif;font-size:37px}.model-caption div{color:#c1d4da;justify-content:flex-end;align-items:center;gap:8px;font-size:10px;display:flex}.model-caption button{color:#b7cace;background:0 0;padding:0;font-size:10px}.slash{color:#557380;margin:0 6px}.garage-bottom{border-top:1px solid var(--border);grid-template-columns:1.45fr 1fr .43fr;gap:36px;padding-top:21px;display:grid;position:absolute;bottom:70px;left:5%;right:5%}.section-label{letter-spacing:1.2px;color:#607f8d;align-items:center;gap:12px;margin-bottom:12px;font-size:9px;font-weight:600;display:flex}.section-label span{color:#cddbd9}.section-label small{color:#657e86;margin-left:auto;font-size:7px}.gear-options{gap:10px;display:flex}.gear-card{text-align:left;background:#162935aa;border:1px solid #61777d33;align-items:center;gap:11px;width:50%;height:73px;padding:6px 12px 6px 6px;display:flex;position:relative}.gear-card.selected{background:#25414299;border-color:#9bf3df99}.gear-card img{object-fit:cover;border-radius:2px;width:65px;height:60px}.gear-card span{letter-spacing:.7px;white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700}.gear-card small{color:#98aeb2;letter-spacing:0;margin-top:7px;font:400 9px Barlow;display:block}.gear-card b{color:var(--cyan);align-self:flex-start;margin-left:auto;font-size:13px;font-weight:500}.elements{gap:8px;display:flex}.element{background:#152c37aa;border:1px solid #61777d33;flex:1;padding:10px 12px;font-size:11px}.element b{margin-right:5px;font-size:15px;font-weight:500}.element.selected{color:var(--cyan);background:#20443eaa;border-color:#9bf3df88}[data-element=ember].selected{color:#ffad68;background:#64402466;border-color:#ffad68}[data-element=volt].selected{color:#d1c1ff;background:#43366566;border-color:#bca6ff}.element-select p{color:#97b0b8;margin:11px 0 0;font-size:10px;line-height:1.5}.record strong{color:#d5e2da;margin-right:11px;font:500 39px/1 Barlow Condensed;display:inline-block}.record>span{letter-spacing:1px;color:#9aadb1;width:45px;font-size:8px;line-height:1.6;display:inline-block}.record>small{color:#6f8f9b;margin-top:9px;font-size:9px;display:block}#garage-footer{border-top:1px solid var(--border);letter-spacing:1.1px;color:#678692;justify-content:space-between;align-items:center;height:48px;font-size:8px;display:flex;position:absolute;bottom:0;left:5%;right:5%}#garage-footer b{margin:0 10px}#garage-footer i{color:var(--cyan);margin-left:10px}#battle-ui{pointer-events:none;position:absolute;inset:96px 0 0}#battle-ui button,#battle-ui .control-panel{pointer-events:auto}.scoreboard{grid-template-columns:1fr 130px 1fr;gap:24px;display:grid;position:absolute;top:20px;left:5%;right:5%}.fighter{background:linear-gradient(90deg,#071921df,#16313b99);border-top:2px solid #72d2e0;max-width:450px;padding:14px 17px 11px}.fighter>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.fighter strong{letter-spacing:1px;flex:1;font:700 21px Barlow Condensed}.fighter .mini{color:#8ad5dc;border:1px solid #85e2eb66;padding:3px 5px;font-size:8px}.fighter>div>span:last-child{font:600 22px Barlow Condensed}.fighter .hp-track{background:#7196a522;height:5px;margin:9px 0 10px}.hp-track i{background:#8ee9e4;width:100%;height:100%;transition:width .25s;display:block}.rival{background:linear-gradient(90deg,#16313b99,#071921df);border-color:#f8ae78;width:100%;margin-left:auto}.rival strong{text-align:right}.rival .hp-track i{background:#ecad7c;margin-left:auto}.fighter.rival .mini{color:#f8b48e;border-color:#f8ae7866;font:400 8px Barlow}.resources{gap:20px;display:flex}.resources>span{color:#92afb7;flex:1;align-items:center;gap:7px;font-size:8px;display:flex}.resources b{color:#dae7e4;width:16px;font-weight:500}.resources i{background:#78999d22;flex:1;height:3px}.resources em{background:#edc86c;width:100%;height:100%;display:block}.resources>span:last-child em{background:#ac8de3;width:0}.clock{text-align:center;padding-top:4px}.clock small{letter-spacing:1.5px;color:#c0d2d2;font-size:8px}.clock b{font-variant-numeric:tabular-nums;font:500 41px/1.15 Barlow Condensed;display:block}.clock span{letter-spacing:1.3px;color:#87a3ac;font-size:8px}.arena-tag{letter-spacing:1.5px;color:#a4bcc3;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;top:136px;left:5%}.arena-tag span{color:#b6cec7;border:1px solid #8ab5b644;margin-left:8px;padding:3px 5px;font-size:7px}.camera-button{border:1px solid var(--border);color:#b9ced1;background:#16303b88;padding:7px 12px;font-size:9px;position:absolute;top:132px;right:5%}#callout{text-align:center;opacity:0;pointer-events:none;text-shadow:0 3px 20px #000;transition:all .2s;position:absolute;top:37%;left:10%;right:10%;transform:translateY(7px)}#callout.show{opacity:1;transform:translateY(0)}#callout>span{letter-spacing:4px;color:var(--gold);margin-bottom:10px;font-size:9px;display:block}#callout strong{letter-spacing:.5px;font:italic 800 clamp(32px,4.5vw,64px)/1 Barlow Condensed}#callout small{color:#c4dbde;letter-spacing:1.7px;margin-top:13px;font-size:10px;display:block}.control-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#112633f5,#0a1c25f5);border:1px solid #7dc8cd44;width:min(850px,90%);padding:17px 22px;position:absolute;bottom:47px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0005}.panel-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-top .eyebrow{letter-spacing:1.5px;font-size:8px}h3{margin:4px 0 0;font:600 24px Barlow Condensed}.panel-top>div:last-child{color:var(--gold);font:500 28px Barlow Condensed}.route-row{align-items:center;gap:8px;margin-bottom:14px;display:flex}.route-row>span{color:#79969f;letter-spacing:1px;margin-right:8px;font-size:8px}.route-row button{background:#24404a88;border:1px solid #7599a233;padding:7px 12px;font-size:10px}.route-row small{color:#7f9da4;margin-left:7px;font-size:8px}.route-row .selected{color:var(--cyan);border-color:#8ed8c999}.moves>button{text-align:left;background:#203743;border:1px solid #88a8b333;flex:1;align-items:center;gap:10px;min-height:64px;padding:10px 9px 16px;display:flex;position:relative}.moves>button>small{color:#698997;font-size:7px;position:absolute;top:3px;left:5px}.moves>button>b{color:#aad3d6;font-size:26px;font-weight:400}.moves>button>span{font:600 17px Barlow Condensed}.moves em{color:#8fa8b0;max-width:70px;margin-top:3px;font:400 7px/1.3 Barlow;display:block}.move-cost{color:#dfbd75;font-size:7px;font-weight:600;position:absolute;bottom:4px;right:7px}.moves .signature{background:#41312988;border-color:#be985166}.moves .signature>span{color:#f2cb99}.battle-footer{color:#8ca5af;letter-spacing:1px;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:18px;left:5%;right:5%}.rhythm-top{letter-spacing:1px;color:#91afb9;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:600;display:flex}.rhythm-top>span:last-child{text-align:right;min-width:80px;font-size:8px}.rhythm-top b{color:var(--gold);margin-right:5px;font:600 23px Barlow Condensed}#judgment{letter-spacing:2px;color:#cce8e5;font:700 23px Barlow Condensed}#judgment.good{color:var(--cyan)}#judgment.miss{color:#ec987f}#lane{background:linear-gradient(90deg,#0a192199,#233f4655,#0a192199);border-top:1px solid #6f9ba433;border-bottom:1px solid #6f9ba433;height:80px;margin:9px 0 10px;position:relative;overflow:hidden}.lane-grid{background:repeating-linear-gradient(90deg,#0000 0 49px,#9cd6cd0b 50px 51px);position:absolute;inset:0}.hit-marker{background:#97e9d711;border:2px solid #97e9d7;border-radius:8px;width:56px;position:absolute;top:8px;bottom:8px;left:23%;transform:translate(-50%);box-shadow:0 0 20px #94e8d622}.hit-marker span{color:var(--cyan);letter-spacing:2px;background:#17373e;padding:0 4px;font-size:7px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.note{color:#deffff;background:linear-gradient(150deg,#2c5369,#162d3d);border:1px solid #a1dbef55;border-radius:6px;place-items:center;width:48px;height:52px;font-size:35px;line-height:1;display:grid;position:absolute;top:13px;transform:translate(-50%);box-shadow:0 4px 12px #0003}.note.judged{transition:opacity .12s,transform .12s;transform:translate(-50%,-9px)}#swipe-pad{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(120deg,#244d4b66,#17313d88);border:1px dashed #85c2c14f;align-items:center;gap:16px;height:71px;padding:12px 20px;display:flex}#swipe-pad.touching{background:#32676066}#swipe-pad .swipe-icon{color:var(--cyan);font-size:34px}#swipe-pad b{letter-spacing:1.5px;font-size:10px}#swipe-pad small{color:#83a1ac;margin-top:6px;font-size:9px;display:block}#clash-score{color:var(--cyan);margin-left:auto;font:500 30px Barlow Condensed}.pulse{animation:.18s ease-out beat}@keyframes beat{0%{border-color:#b9fff5aa}to{border-color:#6f9ba433}}#toast{text-align:center;z-index:15;opacity:0;pointer-events:none;background:#173c42f5;border:1px solid #91cfc366;max-width:90%;padding:12px 20px;font-size:11px;transition:all .2s;position:absolute;bottom:220px;left:50%;transform:translate(-50%,10px)}#toast.show{opacity:1;transform:translate(-50%)}dialog{color:#edf4f0;background:#102630;border:1px solid #749b9c66;width:min(540px,92vw);max-height:85dvh;padding:40px;box-shadow:0 30px 130px #000a}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030d16bb}dialog h2{margin:17px 0 24px;font:700 40px/1.05 Barlow Condensed}dialog p{color:#a8c0c6;font-size:13px;line-height:1.7}.dialog-close{color:#a8c0c6;background:0 0;font-size:25px;position:absolute;top:10px;right:13px}.instructions{color:#a7bec4;padding-left:19px;font-size:12px;line-height:1.7}.instructions li{margin-bottom:14px;padding-left:5px}.instructions b{color:#eef5f0}.setting{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;font-size:13px;display:flex}.setting input{accent-color:var(--cyan);width:18px;height:18px}input[type=range]{width:100%;accent-color:var(--cyan);margin-top:20px}.source-note{color:#74969f;background:#1a364188;padding:16px;font-size:10px;line-height:1.6}#result{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:6;background:#06121b66;place-items:center;display:grid;position:absolute;inset:96px 0 0}.result-card{text-align:center;background:linear-gradient(145deg,#173841f5,#0c202cf5);border:1px solid #87cecb55;width:min(430px,92vw);padding:33px}.result-card .eyebrow{justify-content:center}.result-card h2{color:var(--cyan);margin:20px 0 7px;font:italic 800 76px/1 Barlow Condensed}.result-card h2.lost{color:#efad89}.result-card>p{letter-spacing:1px;color:#aec7ca;font-size:10px}.result-stats{border-block:1px solid var(--border);justify-content:space-around;margin:23px 0 17px;padding:22px 0;display:flex}.result-stats span{letter-spacing:1px;color:#81a2ac;font-size:8px}.result-stats b{color:#f2eee0;margin-bottom:5px;font:600 31px Barlow Condensed;display:block}.result-card #result-tip{letter-spacing:0;margin-bottom:24px;font-size:12px;line-height:1.6}.result-card button{width:100%;margin-top:8px}.secondary{border:1px solid var(--border);background:#25414c;padding:13px;font-size:11px}.webgl-error{z-index:20;background:#102630;padding:25px;position:absolute;inset:30% 10%}.reduced *{transition:none!important;animation:none!important}@media (width>=1600px){.hero-copy{top:20%}h1{font-size:100px}.hero-copy p{font-size:16px}.garage-bottom{padding-top:28px;bottom:85px}.gear-card{height:90px}.gear-card img{width:82px;height:76px}.gear-card span{font-size:19px}.element{padding:16px}.model-caption{bottom:30%}.model-caption h2{font-size:46px}}@media (width<=1050px){header{height:74px}.edition{display:none}.hero-copy{top:17%}h1{font-size:61px}.hero-copy p{font-size:12px}.garage-bottom{grid-template-columns:1.4fr 1fr;gap:20px;bottom:61px}.record{display:none}.gear-card img{width:49px;height:49px}.gear-card span{font-size:13px}.gear-card b{display:none}.gear-card{gap:7px;height:65px;padding:5px}.model-caption{bottom:31%;right:5%}.model-caption h2{font-size:30px}#battle-ui,#result{top:74px}.moves{gap:6px}.moves>button{gap:5px}.moves>button>span{font-size:16px}.control-panel{width:92%}}@media (width<=650px) and (orientation:portrait){body{overflow:auto}#app{height:100svh;min-height:800px}header{height:68px;padding:0 6%}.brand{font-size:16px}.brand-symbol{font-size:32px}.brand small{letter-spacing:3px;font-size:7px}.icon-button{width:31px;height:31px}.hero-copy{top:105px;left:6%}.eyebrow{letter-spacing:1.5px;font-size:7px}h1{margin:16px 0 14px;font-size:48px;line-height:.96}.hero-copy p{margin-bottom:17px;font-size:11px;line-height:1.6}.launch-row{gap:15px}.primary{gap:24px;min-height:44px;padding:0 15px;font-size:9px}.text-button{font-size:9px}.session-info{gap:11px;margin-top:13px;font-size:6px}.model-caption{bottom:31%;right:6%}.model-caption h2{font-size:26px}.model-caption>span{font-size:7px}.model-caption div,.model-caption button{font-size:8px}.garage-bottom{grid-template-columns:1fr;gap:16px;padding-top:14px;bottom:50px;left:6%;right:6%}.section-label{margin-bottom:8px;font-size:8px}.gear-card{height:56px}.gear-card img{width:46px;height:44px}.gear-card span{font-size:13px}.gear-card small{margin-top:4px;font-size:8px}.element{padding:7px}.element-select p{margin-top:6px;font-size:8px}#garage-footer{height:38px;font-size:6px;left:6%;right:6%}#garage-footer>span:last-child{display:none}.vignette{background:linear-gradient(90deg,#06121bbb,#0000 90%),linear-gradient(#06121b88,#0000 20% 57%,#06121b 95%)}#battle-ui,#result{top:68px}.scoreboard{grid-template-columns:1fr 52px 1fr;gap:7px;top:15px;left:4%;right:4%}.fighter{padding:9px 8px}.fighter strong{letter-spacing:.2px;font-size:14px}.fighter .mini{display:none}.fighter>div>span:last-child{font-size:17px}.fighter>div:first-child{gap:5px}.rival #rival-hp{font-size:17px}.clock small{letter-spacing:0;font-size:6px}.clock b{font-size:29px}.clock span{letter-spacing:0;font-size:6px}.resources{flex-direction:column;gap:5px}.resources>span{font-size:7px}.fighter .hp-track{height:4px;margin:7px 0}.arena-tag{letter-spacing:.7px;font-size:6px;top:120px}.camera-button{padding:5px 8px;font-size:7px;top:118px}.control-panel{width:92%;padding:13px;bottom:39px}.panel-top{margin-bottom:11px}h3{font-size:21px}.route-row{flex-wrap:wrap;gap:5px;margin-bottom:11px}.route-row>span{margin-right:0;font-size:7px}.route-row button{padding:7px;font-size:9px}.route-row small{display:none}.moves{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.moves>button{text-align:center;flex-direction:column;align-items:center;gap:3px;min-height:87px;padding:9px 4px 17px;display:flex}.moves>button>b{font-size:24px}.moves>button>span{font-size:15px}.moves em{display:none}.moves .signature{flex-direction:row;grid-column:1/-1;justify-content:center;gap:9px;min-height:43px;padding:6px}.moves .signature>.move-cost{margin-left:15px;position:static}.rhythm-top{letter-spacing:.3px;gap:6px;font-size:7px}.rhythm-top>span:first-child{max-width:110px}#judgment{letter-spacing:1px;font-size:18px}.rhythm-top>span:last-child{min-width:52px;font-size:6px}.rhythm-top b{font-size:20px}#rhythm-panel{padding:13px 11px}#swipe-pad{gap:11px;height:95px;padding:11px}#swipe-pad b{letter-spacing:.7px;font-size:8px}#swipe-pad small{max-width:155px;font-size:7px;line-height:1.5}#swipe-pad .swipe-icon,#clash-score{font-size:25px}#callout{top:34%}#callout strong{font-size:39px}#callout small{font-size:8px;line-height:1.6}.battle-footer{letter-spacing:.3px;font-size:6px;bottom:15px}.battle-footer span:first-child{max-width:240px}#toast{width:85%;font-size:10px;bottom:260px}dialog{padding:30px 23px}dialog h2{font-size:35px}.result-card{padding:25px}.result-card h2{font-size:68px}}@media (height<=600px) and (orientation:landscape){#app{min-height:360px}header{height:52px}.brand{font-size:14px}.brand-symbol{font-size:27px}.brand small{font-size:6px}.icon-button{width:27px;height:27px;font-size:13px}.hero-copy{top:78px}.hero-copy .eyebrow{font-size:6px}h1{margin:13px 0 11px;font-size:38px}.hero-copy p{margin-bottom:12px;font-size:10px}.primary{min-height:37px;font-size:8px}.session-info{display:none}.garage-bottom{gap:22px;padding-top:11px;bottom:35px;left:5%;right:5%}.section-label{margin-bottom:6px;font-size:7px}.gear-card{height:46px}.gear-card img{width:40px;height:37px}.gear-card span{font-size:11px}.gear-card small{margin-top:3px;font-size:7px}.element{padding:6px;font-size:9px}.element-select p{margin-top:7px;font-size:8px}#garage-footer{height:27px;font-size:6px}.model-caption{bottom:30%}.model-caption h2{font-size:25px}.model-caption>span{font-size:6px}.model-caption div,.model-caption button{font-size:8px}#battle-ui,#result{top:52px}.scoreboard{grid-template-columns:1fr 68px 1fr;gap:13px;top:7px}.fighter{padding:7px 10px}.fighter strong{font-size:15px}.fighter .hp-track{height:3px;margin:4px 0 6px}.fighter .mini{font-size:6px}.clock b{font-size:27px}.clock small,.clock span,.resources{font-size:6px}.arena-tag,.camera-button{top:91px}.control-panel{width:78%;padding:9px 13px;bottom:25px}.panel-top{margin-bottom:7px}.panel-top h3{font-size:17px;display:none}.panel-top .eyebrow{font-size:7px}.panel-top>div:last-child{font-size:17px}.route-row{margin:0;position:absolute;top:7px;left:140px}.route-row>span{display:none}.route-row button{padding:4px 8px;font-size:8px}.route-row small{font-size:6px}.moves>button{min-height:48px;padding:9px 7px 13px}.moves>button>b{font-size:20px}.moves>button>span{font-size:14px}.moves em{font-size:6px}.battle-footer{font-size:6px;bottom:8px}.rhythm-top{font-size:7px}#judgment{font-size:18px}#lane{height:57px;margin:5px 0}.hit-marker{width:46px;top:4px;bottom:4px}.note{width:40px;height:43px;font-size:29px;top:7px}#swipe-pad{height:43px;padding:5px 14px}#swipe-pad b{font-size:8px}#swipe-pad small{margin-top:3px;font-size:7px}#swipe-pad .swipe-icon{font-size:24px}#callout{top:31%}#callout strong{font-size:34px}#callout>span{margin-bottom:5px;font-size:7px}#callout small{margin-top:7px;font-size:7px}.result-card{width:370px;padding:16px}.result-card h2{margin:12px 0 5px;font-size:49px}.result-stats{margin:12px 0 9px;padding:10px 0}.result-stats b{font-size:23px}.result-card #result-tip{margin-bottom:9px;font-size:10px}.result-card button{min-height:30px;margin-top:4px;padding-block:8px}.result-card .eyebrow{font-size:7px}}#model-loading{letter-spacing:2px;color:#a3c3c5;font-size:9px;position:absolute;top:47%;right:20%}#model-loading span{background:linear-gradient(90deg,#0000,#98f1df,#0000);height:2px;margin-top:12px;animation:1s infinite loading;display:block}@keyframes loading{0%{opacity:.2;transform:scaleX(.4)}50%{opacity:1;transform:scaleX(1)}to{opacity:.2;transform:scaleX(.4)}}@media (height<=600px) and (orientation:landscape){.hero-copy{top:67px}.hero-copy p{display:none}h1{font-size:32px}.launch-row{margin-top:12px}}body.in-battle header{background:#080c20;border:0;height:42px;padding:0 16px}body.in-battle header .brand{font-size:12px}body.in-battle header .brand-symbol{font-size:25px}body.in-battle header .brand small,body.in-battle .edition{display:none}body.in-battle nav{gap:6px}body.in-battle .icon-button{width:27px;height:27px}body.in-battle .vignette{background:linear-gradient(#05091b44,#0000 20% 75%,#05091b66)}.scoreboard{pointer-events:none;display:block;position:absolute;inset:0}.psx-fighter{background:linear-gradient(#263bc1,#111b70 55%,#070c49);border-block:3px ridge #b0b7d1;align-items:center;gap:14px;height:75px;padding:8px 3%;display:flex;position:absolute;left:0;right:0;box-shadow:0 5px 18px #0007}.psx-fighter.rival{flex-direction:row-reverse;width:100%;max-width:none;top:0}.psx-fighter.player{bottom:0}.psx-fighter img{object-fit:cover;background:#03082c;border:2px ridge #c0c7dc;width:68px;height:56px}.psx-name{flex-shrink:0;width:145px}.psx-name small{color:#ffe26f;margin-right:8px;font:700 11px Arial}.psx-name strong{letter-spacing:.3px;font:italic 800 20px Barlow Condensed,Arial;display:block}.psx-name>span{color:#f8e272;margin-top:4px;font:700 9px Arial;display:block}.psx-meters{flex:1;gap:18px;display:flex}.psx-meter{flex:1;align-items:center;gap:6px;display:flex;position:relative}.psx-meter label{text-shadow:2px 2px #3a295d;font:italic 900 21px Arial}.psx-meter b{color:#f5edb5;min-width:22px;font:700 12px monospace}.gauge{background:repeating-linear-gradient(90deg,#171330 0 9px,#535129 10px 11px);border:3px ridge #bfc2de;flex:1;height:17px;overflow:hidden;box-shadow:1px 1px #000}.gauge i{background:linear-gradient(#c4ff28 0 26%,#43ed00 27% 72%,#25a000 73%);height:100%;transition:width .2s;display:block}.gauge i.low{background:linear-gradient(#ffbd47,#ed5a12)}.clock{text-align:left;text-shadow:1px 2px #071123;padding:0;position:absolute;top:88px;left:22px}.clock b{font:italic 900 26px Arial}.clock small,.clock span{color:#eee4a8;font:700 8px Arial}.arena-tag{display:none}.camera-button{color:#fff;background:#151c6588;border-radius:0;top:90px;right:22px}.control-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#172e9eed,#080e50ed);border:3px ridge #b9c0dd;width:min(780px,88%);padding:12px 16px;bottom:91px}.control-panel .eyebrow{color:#ffe851}.panel-top{margin-bottom:9px}.panel-top h3{color:#fff4a0;font-style:italic}.route-row{margin-bottom:8px}.route-row button,.moves>button{background:#0c1559;border-color:#6378c5}.route-row button.selected{color:#fff9b7;background:#3451b4;border-color:#fff58a}.moves{gap:7px;display:flex}.moves>button{flex:1;min-height:59px}.moves>button>b{color:#faf19c}.battle-footer{font-size:7px;bottom:78px}.battle-footer #battle-hint{display:none}#split-line{color:#fff787;letter-spacing:1px;background:#151d70;border-block:3px ridge #aeb8d3;justify-content:center;align-items:center;height:25px;font:italic 700 13px Arial;display:flex;position:absolute;top:calc(50% - 21px);left:0;right:0}#callout{z-index:2;top:32%}#callout strong{color:#fff093;-webkit-text-stroke:.5px #5a2d18;text-shadow:3px 4px #142664,0 0 30px #090c1e}#callout>span{color:#c6dbff}#power-panel p{color:#ced8ff;margin:10px 0 0;font-size:10px}.power-levels{gap:10px;display:flex}.power-levels button{background:linear-gradient(#263785,#0b144f);border:2px ridge #bec5df;flex:1;grid-template-columns:35px 1fr;align-items:center;min-height:69px;padding:8px;display:grid}.power-levels span{color:#ff8eaa;font:32px Arial}.power-levels button:nth-child(2) span{color:#9bbdff}.power-levels button:nth-child(3) span{color:#ffb9f8}.power-levels button:nth-child(4) span{color:#8affb3}.power-levels b{font:italic 900 24px Arial}.power-levels small{color:#ffe586;grid-column:2;font:10px monospace}.rhythm-top{color:#e1e7ff}#judgment{color:#fff57a}#rhythm-panel{padding:10px 15px}.hit-marker{background:#f5e9281b;border-color:#f9ee6b;border-radius:0}.hit-marker span{color:#ffffac;background:#1c2d91}.note{background:linear-gradient(#4063c4,#17225f);border:2px ridge #9aaff4;border-radius:2px}#swipe-pad{background:#0c154b;border-color:#a9b9e4}#result{inset:42px 0 0}.result-card{background:linear-gradient(#172c91,#0b1043);border:3px ridge #a4b2d4}@media (width<=700px){.psx-fighter{gap:7px;height:70px;padding:6px 10px}.psx-fighter img{width:43px;height:45px}.psx-name{width:87px}.psx-name strong{font-size:14px}.psx-name small{font-size:8px}.psx-name>span{font-size:7px}.psx-meters{gap:5px}.psx-meter{flex-wrap:wrap;gap:3px}.psx-meter label{font-size:15px}.psx-meter b{min-width:0;font-size:9px}.gauge{border-width:2px;flex-basis:100%;order:3;height:13px}.clock{top:79px;left:12px}.clock b{font-size:22px}.camera-button{top:80px;right:12px}.control-panel{width:94%;padding:10px;bottom:84px}.moves>button{min-height:59px}.moves .signature{flex-direction:column;gap:3px;min-height:59px;padding:6px}.moves .signature>.move-cost{margin:0;position:absolute;bottom:4px;right:7px}.moves>button>span{font-size:13px}.moves em{display:none}.moves>button>b,.panel-top h3{font-size:20px}.panel-top .eyebrow{font-size:7px}.route-row button{padding:5px 8px;font-size:9px}.route-row>span{font-size:7px}.route-row small{display:none}.power-levels{gap:5px}.power-levels button{grid-template-columns:1fr;min-height:72px;padding:6px}.power-levels span{font-size:22px}.power-levels b{font-size:19px}.power-levels small{grid-column:1;font-size:9px}#split-line{font-size:10px}#rhythm-panel{padding:10px}#swipe-pad{height:80px}.battle-footer{bottom:72px;left:auto;right:12px}#callout{top:30%}#callout strong{font-size:36px}#callout small{font-size:8px}.element{padding:7px 4px;font-size:9px}.element b{margin-right:2px}}@media (height<=600px) and (orientation:landscape){body.in-battle header{height:30px}body.in-battle #battle-ui{top:30px}.psx-fighter{gap:9px;height:49px;padding:3px 14px}.psx-fighter img{width:47px;height:38px}.psx-name{width:120px}.psx-name strong{font-size:16px}.psx-name small{font-size:7px}.psx-name>span{margin-top:1px;font-size:7px}.psx-meter label{font-size:16px}.gauge{height:14px}.psx-meters{gap:12px}.clock{top:56px;left:15px}.clock b{font-size:20px}.clock span{display:none}.camera-button{padding:4px 8px;font-size:7px;top:57px;right:15px}.control-panel{width:71%;padding:7px 10px;bottom:57px}.panel-top{margin-bottom:5px}.panel-top h3{display:none}.route-row{top:5px;left:130px}.route-row button{padding:4px 7px}.moves>button{min-height:42px;padding:5px 6px 12px}.moves>button>b{font-size:17px}.moves>button>span{font-size:12px}.moves em{display:none}.power-levels button{grid-template-columns:25px 1fr;min-height:48px;padding:4px}.power-levels b{font-size:20px}.power-levels span{font-size:24px}.power-levels small{grid-column:2}#power-panel p{margin:4px 0 0;font-size:8px}#rhythm-panel{padding:5px 10px}#lane{height:48px;margin:4px 0}.note{height:36px;font-size:27px;top:5px}.hit-marker{top:3px;bottom:3px}#swipe-pad{height:37px;padding:3px 10px}.rhythm-top b,#judgment{font-size:16px}.battle-footer{bottom:51px}#split-line{height:20px;font-size:10px;top:calc(50% - 15px)}#callout{top:25%}#callout strong{font-size:32px}#callout small{font-size:7px}#result{top:30px}}.psx-name>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.psx-name small{line-height:1;display:inline-block}.psx-name strong{line-height:1.1}.defense-options{gap:12px;display:flex}.defense-options button{text-align:left;background:#162664;border:2px ridge #aebcdd;flex:1;padding:12px}.defense-options b{color:#fff094;font:italic 900 23px Arial;display:block}.defense-options span{color:#d6e1ff;margin-top:7px;font-size:10px;display:block}.defense-options small{color:#c2cfef;margin-top:8px;font:10px monospace;display:block}@media (height<=600px) and (orientation:landscape){.defense-options button{padding:7px}.defense-options b{font-size:18px}.defense-options span,.defense-options small{margin-top:3px;font-size:8px}}@media (width<=500px){.defense-options{gap:6px}.defense-options button{padding:8px}.defense-options b{font-size:18px}.defense-options span{font-size:9px}}body[data-phase=deployment] .scoreboard,body[data-phase=deployment] .camera-button,body[data-phase=deployment] #callout{display:none}#deployment-ui{pointer-events:none;text-shadow:0 3px 12px #000;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:9%;left:6%;right:6%}#deployment-side{color:#e7bc6e;letter-spacing:4px;font-size:12px}#deployment-name{color:#fff8d9;margin:9px 0;font:italic 900 clamp(28px,6vw,70px)/1.1 Barlow Condensed}#deployment-caption{color:#bed8f7;letter-spacing:3px;font-size:10px}#skip-intro{pointer-events:auto;color:#eee1a1;letter-spacing:1px;background:#09112caa;border:1px solid #7186b1;align-self:flex-end;padding:10px 16px;font-size:10px}#clash-pressure{color:#cef;align-items:center;gap:7px;margin-bottom:7px;font:700 9px Arial;display:flex}#clash-pressure>div{background:#a14642;border:1px solid #b9c4e6;flex:1;height:7px;position:relative}#pressure-fill{background:linear-gradient(90deg,#255ba9,#89eeff);width:50%;position:absolute;inset:0 auto 0 0}#pressure-marker{background:#fff5b0;width:3px;height:13px;position:absolute;top:-4px;left:50%;box-shadow:0 0 5px #fff}#pressure-label{text-align:right;color:#fff1a1;min-width:118px;font-size:9px}#recovery-status{text-align:center;color:#ffe48c;background:#071644dc;border:2px ridge #9eb9de;padding:18px;position:absolute;bottom:20%;left:15%;right:15%}#recovery-status b{font:italic 800 30px Barlow Condensed;display:block}#recovery-status span{margin-top:8px;font:12px monospace;display:block}body[data-phase=recovery] #rhythm-panel{border-color:#ffda75}body[data-phase=recovery] #rhythm-title{color:#ffe890}@media (width<=700px){#deployment-name{font-size:39px}#deployment-ui{bottom:12%}#skip-intro{margin-top:20px}#pressure-label{min-width:95px;font-size:8px}}@media (height<=600px) and (orientation:landscape){#deployment-ui{bottom:8%}#deployment-name{font-size:34px}#skip-intro{position:absolute;bottom:0;right:0}#clash-pressure{margin-bottom:4px}#recovery-status{padding:10px;bottom:21%}}.setting select{color:#fff4a0;max-width:62%;min-height:44px;font:inherit;background:#0c1559;border:1px solid #6378c5;border-radius:3px;padding:8px 10px}.setting select:focus-visible{outline-offset:3px;outline:2px solid #ffe851}#commentary-caption{z-index:14;pointer-events:none;text-align:center;background:linear-gradient(110deg,#080e22ee,#101c3ad9);border-left:3px solid #ffc95b;max-width:min(580px,76vw);padding:8px 15px;position:fixed;top:134px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0005}#commentary-caption[data-speaker=analyst]{border-color:#72dcff}#commentary-speaker{letter-spacing:1.5px;color:#ffd474;font:700 9px Arial,sans-serif}#commentary-caption[data-speaker=analyst] #commentary-speaker{color:#8cdeff}#commentary-line{color:#fff;text-shadow:0 1px 2px #000;margin:4px 0 0;font:600 15px/1.3 Arial,sans-serif}body:not(.in-battle) #commentary-caption{display:none}@media (width<=650px){#commentary-caption{max-width:82vw;padding:6px 10px;top:125px}#commentary-line{font-size:12px}#commentary-speaker{font-size:8px}}@media (height<=600px) and (orientation:landscape){#commentary-caption{padding:4px 10px;top:107px}#commentary-line{font-size:11px}}body:not(.in-battle) #app{height:100dvh;min-height:0}body:not(.in-battle) header,body:not(.in-battle) #garage-footer,body:not(.in-battle) .vignette{display:none}#garage.console-front{--ink:#060c1c;--panel:#0c1c35;--gold:#f7d58b;z-index:3;color:#f6f4e9;isolation:isolate;background:#050b1a;padding:0;font-family:Barlow Condensed,Arial,sans-serif;position:absolute;inset:0;overflow:hidden}.console-front:before{content:"";z-index:-2;background:linear-gradient(90deg,#040a1999,#0000 58%),linear-gradient(#03081744,#0000 70%,#040915 100%),url(/ui/menu/arena-keyart.webp) 50%/cover no-repeat;position:absolute;inset:0}.console-front[data-page=modes]:before,.console-front[data-page=multiplayer]:before{background:linear-gradient(90deg,#040919f5 0%,#050d21d9 34%,#040a1955 75%),linear-gradient(#0000 45%,#040915 100%),url(/ui/menu/arena-keyart.webp) 50%/cover no-repeat}.console-front[data-page=roster]:before{background:linear-gradient(#050c1edb,#050c1ef2),url(/ui/menu/workshop.webp) 50%/cover no-repeat}.front-speed-lines{z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 34%,#7cb4fa10 34.1%,#0000 34.25%),linear-gradient(115deg,#0000 37%,#f4cf8012 37.1%,#0000 37.25%);position:absolute;inset:0}.console-front button{cursor:pointer;border-radius:0;font-family:inherit;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}.console-front button:focus-visible,.console-front input:focus-visible{outline-offset:3px;outline:2px solid #ffda87}.console-front button:disabled{cursor:default;opacity:.48}.front-topline{top:max(16px,env(safe-area-inset-top));z-index:5;letter-spacing:1.5px;color:#9fb4d3;justify-content:space-between;align-items:center;gap:12px;font:600 10px Barlow,Arial,sans-serif;display:flex;position:absolute;left:4%;right:4%}.front-topline>span{border-left:3px solid var(--gold);padding-left:10px}.front-topline b{color:#f4dda7;letter-spacing:2px;margin-top:4px;font-size:10px;display:block}.front-topline>div{gap:6px;display:flex}.front-topline button{letter-spacing:.7px;color:#dce6f5;background:#09152ad9;border:1px solid #7188ac55;min-height:34px;padding:7px 12px;font-size:10px}.front-topline button:hover{border-color:var(--gold);background:#1b345b}.front-page{position:absolute;inset:87px 5% 72px}.front-heading{margin-bottom:22px}.front-heading small{letter-spacing:2.5px;color:#efc879;font:700 10px Barlow,sans-serif}.front-heading h2{letter-spacing:1px;text-shadow:2px 3px #071426;margin:7px 0 0;font-size:clamp(32px,4vw,58px);font-style:italic;font-weight:900;line-height:1}.front-bottom{bottom:max(15px,env(safe-area-inset-bottom));letter-spacing:1px;color:#8299bd;border-top:1px solid #61779a66;align-items:center;gap:20px;padding-top:12px;font:600 9px Barlow,sans-serif;display:flex;position:absolute;left:4%;right:4%}.front-bottom button{letter-spacing:1px;color:#ffe1a1;background:0 0;padding:3px 12px 3px 0;font-size:13px;font-weight:800}.front-status{color:#a4cab7;margin-left:auto;font-size:8px}#front-title{inset:85px 5% 74px}.title-lockup{text-align:center;width:38%;position:absolute;top:12%;left:0;transform:rotate(-5deg)}.title-jp{color:#ffe6a8;letter-spacing:2px;text-shadow:2px 2px #572627;font-size:clamp(12px,1.6vw,23px);font-weight:800}.title-lockup h1{letter-spacing:-3px;filter:drop-shadow(0 5px #061028);margin:16px 0;font-size:clamp(75px,min(11.2vw,20vh),172px);font-style:italic;font-weight:900;line-height:.77;transform:skew(-5deg)}.title-lockup h1 span{color:#fff9df;-webkit-text-stroke:1px #ffe3a2;text-shadow:2px 3px #b9642c,4px 5px #68272c,6px 7px #08162b;display:block}.title-lockup h1 span+span{color:#f5c66a;margin-top:12px}.title-subtitle{letter-spacing:3px;background:linear-gradient(90deg,#0000,#78232bee,#0000);border-block:1px solid #efbf6a88;margin:25px auto 0;padding:6px 10px;font-size:clamp(13px,1.9vw,25px);display:block}.title-lockup p{color:#c8d8ec;letter-spacing:4px;margin:14px 0;font:700 9px Barlow,sans-serif}.press-start{color:#fff3c3;border:1px solid #f1c77b;letter-spacing:3px;background:linear-gradient(110deg,#102341df,#08152be0);border-left:5px solid #f1c77b;width:36%;min-height:66px;padding:13px 18px;animation:2.8s ease-in-out infinite startGlow;position:absolute;bottom:16%;left:1%;box-shadow:0 4px 24px #0006;font:italic 900 clamp(24px,2.7vw,38px) Barlow Condensed,sans-serif!important}.press-start span{letter-spacing:2px;color:#b7ccea;margin-top:7px;font:600 9px Barlow,sans-serif;display:block}.title-copyright{text-align:center;letter-spacing:1.3px;color:#b1bdd2;width:38%;font:600 9px/1.8 Barlow,sans-serif;position:absolute;bottom:0;left:0}.title-copyright span{letter-spacing:.3px;color:#8197b6;font-size:8px}@keyframes startGlow{50%{border-color:#fff1c5;box-shadow:0 0 24px #efc7793d}}.mode-list{flex-direction:column;gap:9px;width:48%;max-width:570px;display:flex}.mode-list button{text-align:left;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);background:linear-gradient(105deg,#18305aef,#08172aef);border:1px solid #5375a2;border-left:4px solid #8cabd4;align-items:center;gap:15px;min-height:72px;padding:12px 20px 12px 14px;display:flex;position:relative;box-shadow:0 6px 14px #0003}.mode-list button:first-child{background:linear-gradient(105deg,#334266,#11213b);border-left-color:#f4ce81}.mode-icon{object-fit:contain;flex:none;width:44px;height:44px}.mode-number{color:#95afd177;font:600 8px monospace;position:absolute;top:6px;right:12px}.mode-list button>span:not(.mode-number){font-size:clamp(22px,2.3vw,32px);font-weight:800;line-height:1}.mode-list small{color:#b7c8e3;margin-top:6px;font:400 11px Barlow,sans-serif;display:block}.mode-list button>b{color:#efce91;margin-left:auto;font-size:15px}.mode-list em{letter-spacing:1px;color:#b1b9d0;text-align:right;max-width:55px;margin-left:auto;font:700 8px/1.6 Barlow,sans-serif}.mode-list button:hover,.mode-list button:focus-visible{outline-offset:-2px;background:linear-gradient(105deg,#71313b,#172542);border-color:#ffe09b;outline:2px solid #ffe09b;box-shadow:inset 0 0 20px #f1bc5120}.menu-gear-caption{border-left:3px solid var(--gold);text-shadow:0 2px 8px #000;background:linear-gradient(90deg,#061125e8,#06112500);max-width:39%;padding:15px 20px;position:absolute;bottom:15%;left:61%}.menu-gear-caption small{letter-spacing:2px;color:#f3d593;font:700 9px Barlow,sans-serif}.menu-gear-caption>img{float:right;object-fit:contain;background:#b6c4d3;border:1px solid #cfb47a;width:72px;height:72px;margin:0 0 10px 14px}.menu-gear-caption h3{margin:5px 0 8px;font-size:clamp(28px,3.6vw,52px);font-style:italic;line-height:1}.menu-gear-caption>span{color:#b9cceb;letter-spacing:2px;font-size:10px}.menu-gear-caption p{margin:9px 0;font-size:15px}.menu-gear-caption button{color:#eed298;background:#132841d9;border:1px solid #8699b466;padding:8px 10px;font-size:12px}.menu-record{color:#a6b9d5;align-items:center;gap:24px;margin-top:17px;font:600 10px Barlow,sans-serif;display:flex}.menu-record b{color:#efcb8b;margin-right:5px;font:800 22px Barlow Condensed,sans-serif}#front-roster{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5678a5 #0b172b;flex-direction:column;gap:12px;padding:0 4px 6px;display:flex;inset:78px 4% 65px;overflow-y:auto}#front-roster .front-heading{flex-wrap:wrap;flex:none;align-items:baseline;gap:14px;margin:0;display:flex}#front-roster .front-heading h2{margin:0;font-size:clamp(26px,3.2vw,43px)}#roster-count{color:#adc2df;margin-left:auto;font:10px monospace}.roster-hero{background:linear-gradient(105deg,#12243ee8,#081427b3);border:1px solid #45638b88;border-left:3px solid #edc878;flex:none;align-items:center;gap:20px;padding:14px 2%;display:flex;position:relative}.roster-profile{flex:0 0 35%;min-width:0}.roster-index{letter-spacing:2px;color:#e8c27c;font:600 10px monospace}.roster-profile h3{overflow-wrap:anywhere;color:#fff7e3;margin:12px 0;font-size:clamp(28px,4vw,55px);font-style:italic;line-height:.96}.roster-profile>span:not(.roster-index){letter-spacing:2px;color:#8fb3e2;font:600 10px Barlow,sans-serif}.roster-profile p{color:#b8cce7;margin:14px 0;font:400 12px/1.55 Barlow,sans-serif}.roster-profile>strong{color:#b2f3d5;letter-spacing:1px;background:#103f3555;border:1px solid #62bc9980;padding:6px 9px;font:700 9px Barlow,sans-serif;display:inline-block}.roster-profile>strong.soon{color:#dac29e;background:#342a22;border-color:#9d8059}.gear-viewer{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;position:relative}.gear-viewer-stage{isolation:isolate;background:#101e33 url(/ui/menu/inspection-bay.webp) 50% 45%/cover no-repeat;border:1px solid #7998c188;border-bottom:2px solid #e9bf71;height:clamp(170px,24vh,270px);position:relative;overflow:hidden}.gear-viewer-stage canvas{touch-action:none;cursor:grab;display:block;width:100%!important;height:100%!important}.gear-viewer-stage canvas:active{cursor:grabbing}#gear-viewer-status{text-align:center;color:#c4d5ec;pointer-events:none;background:#09152ac9;place-items:center;margin:0;padding:16px;font:600 12px Barlow,sans-serif;display:grid;position:absolute;inset:0}#gear-viewer-retry{background:#314d74;padding:8px 16px;font-size:12px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.gear-viewer-controls{gap:5px;display:flex}.gear-viewer-controls button{color:#c8dcf4;letter-spacing:.4px;background:#122945;border:1px solid #59799e;flex:1;min-height:34px;padding:7px 6px;font-size:12px;font-weight:700}.gear-viewer-controls button[aria-pressed=true]{color:#ffe1a1;background:#453c2b;border-color:#d1ad65}.gear-viewer-controls #gear-viewer-signature{color:#ffe1a1;border-color:#d1ad65}#gear-viewer-signature-status{color:#ffe1a1;min-height:13px}.gear-viewer>small{color:#a6bcda;text-align:center;font:10px/1.3 Barlow,sans-serif}.roster-lower{flex:none;min-width:0}.roster-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:9px;display:flex}.roster-search{background:#081327;border:1px solid #53769e;flex:1;align-items:center;gap:8px;min-width:140px;max-width:300px;padding:0 9px;display:flex}.roster-search>span{letter-spacing:1px;color:#e9c784;white-space:nowrap;font:700 8px Barlow,sans-serif}.roster-search input{color:#e6effd;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:35px;padding:6px 0;font:500 12px Barlow,sans-serif}.roster-search input::placeholder{color:#8ca3c2}.roster-toolbar>div{gap:4px;display:flex}.roster-toolbar button{letter-spacing:.8px;color:#a9bfdd;background:#132842;border:1px solid #4d6b90;min-height:35px;padding:7px 14px;font-size:12px}.roster-toolbar button[aria-pressed=true]{color:#ffdea0;background:#51412d;border-color:#edc476;box-shadow:inset 0 -2px #ecc176}#roster-page{color:#9eb6d5;margin-left:auto;font:9px monospace}.roster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.roster-slot{text-align:left;background:linear-gradient(#1c3353,#0a192e);border:1px solid #527093;flex-direction:column;min-width:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #0003}.roster-slot img{object-fit:contain;background:radial-gradient(#c8d2df,#889db6);width:100%;height:clamp(63px,10vh,112px);padding:4px;transition:filter .15s}.roster-slot strong{white-space:nowrap;text-overflow:ellipsis;padding:6px 8px 0;font-size:clamp(11px,1.2vw,16px);font-weight:700;overflow:hidden}.roster-slot small{letter-spacing:1px;color:#9adbbe;padding:4px 8px 7px;font:600 7px Barlow,sans-serif}.roster-slot[aria-pressed=true]{background:linear-gradient(#8b5f2d,#46311e);border-color:#ffe4a1;box-shadow:inset 0 0 0 1px #ffdf95,0 0 15px #e6b05c22}.roster-slot[aria-pressed=true]:after{content:"";background:#ffe28e;border:1px solid #7b6a40;width:6px;height:6px;position:absolute;top:7px;right:7px;transform:rotate(45deg)}.roster-slot:hover{border-color:#e2c087}.roster-slot.unavailable img{filter:grayscale();opacity:.55}.roster-slot.unavailable small{color:#a9b0bc}.missing-thumb{color:#788aa6;place-items:center;height:clamp(63px,10vh,112px);font-size:40px;display:grid}.roster-empty{color:#b5c5dc;text-align:center;border:1px solid #496484;grid-column:1/-1;padding:20px;font:13px Barlow,sans-serif}.roster-actions{z-index:2;background:linear-gradient(#091426ee,#091426);border-top:1px solid #56729b88;align-items:center;gap:8px;margin-top:12px;padding:9px 0 4px;display:flex;position:sticky;bottom:-6px}.roster-actions>button:not(.fight-confirm){color:#d1dded;letter-spacing:1px;background:#132943;border:1px solid #526e91;min-height:38px;padding:8px 12px;font-size:11px}.roster-rules{align-items:center;gap:8px;margin:auto;display:flex}.roster-rules>span{color:#94accd;letter-spacing:1px;font:700 8px Barlow,sans-serif}#front-rules{gap:3px;display:flex}#front-rules button{color:#afc5e1;background:#0c2038;border:1px solid #496487;min-height:34px;padding:6px 10px;font-size:11px}#front-rules button[aria-pressed=true]{color:#f9dc9e;background:#463b28;border-color:#d7b46b}.fight-confirm{color:#172237;letter-spacing:1px;background:linear-gradient(115deg,#fae0a0,#ce9f50);border:1px solid #fff0bc;border-left:4px solid #fff1bc;min-height:43px;padding:10px 22px;font-size:20px;font-style:italic;font-weight:900;box-shadow:0 4px 12px #0004}.fight-confirm:hover{background:#ffe9b1}.fight-confirm:disabled{color:#8d9bb3;opacity:1;background:#243149;border-color:#425471}.multiplayer-modes{gap:20px;max-width:900px;margin:28px 0 20px;display:flex}.multiplayer-modes article{background:linear-gradient(140deg,#153053ed,#09152eee);border:1px solid #5d7ca4;border-top:3px solid #d2b174;flex:1;padding:26px;position:relative}.multiplayer-modes article>img{object-fit:contain;float:right;width:64px;height:64px;margin:0 0 8px 10px}.multiplayer-modes article>span{letter-spacing:1px;color:#93afd5;font:600 9px Barlow,sans-serif}.multiplayer-modes b{margin:20px 0 14px;font-size:clamp(30px,4vw,53px);font-style:italic;line-height:1;display:block}.multiplayer-modes p,.multiplayer-note{color:#acbfda;font:12px/1.6 Barlow,sans-serif}.multiplayer-modes strong{letter-spacing:2px;color:#c7bfba;background:#111f37;border:1px solid #6c7183;margin-top:18px;padding:7px 10px;font:700 9px Barlow,sans-serif;display:inline-block}.multiplayer-note{max-width:650px;margin:20px 0}.console-front #model-loading{color:#e5cb94;font-size:10px;top:auto;bottom:78px;right:5%}.console-front[data-page=roster] #model-loading,.console-front[data-page=title] #model-loading{display:none!important}body:not(.in-battle) #modal{color:#edf2fa;background:linear-gradient(#101f38f7,#091326fa),url(/ui/menu/workshop.webp) 50%/cover;border:1px solid #8da5c8;border-top:3px solid #f1cc86;border-radius:0;box-shadow:0 20px 80px #000b}body:not(.in-battle) #modal h2{color:#f7db9f;font-style:italic}body:not(.in-battle) #modal .setting{border-color:#4f6b8d66}@media (width<=700px) and (orientation:portrait){.front-topline{top:max(12px,env(safe-area-inset-top));gap:7px;font-size:8px;left:4%;right:4%}.front-topline b{letter-spacing:.8px;font-size:7px}.front-topline button{min-height:32px;padding:6px 7px;font-size:8px}.front-topline>div{gap:3px}.front-bottom{bottom:max(11px,env(safe-area-inset-bottom));letter-spacing:.3px;gap:12px;padding-top:10px;font-size:8px}.front-status{display:none}.front-bottom button{font-size:12px}.front-page{inset:80px 5% 60px}.front-heading h2{font-size:37px}.front-heading small{letter-spacing:1.4px;font-size:9px}.front-heading{margin-bottom:18px}.console-front[data-page=title]:before{background:linear-gradient(#040a18 14%,#0000 43% 64%,#040a18 95%),url(/ui/menu/arena-keyart.webp) 64% 55%/auto 65% no-repeat,#040a18}#front-title{inset:73px 5% 62px}.title-lockup{width:86%;top:1%;left:7%;transform:rotate(-4deg)}.title-jp{font-size:14px}.title-lockup h1{margin:10px 0;font-size:clamp(80px,24vw,120px);line-height:.76}.title-lockup h1 span+span{margin-top:8px}.title-subtitle{letter-spacing:2px;margin-top:18px;padding:4px 10px;font-size:17px}.title-lockup p{display:none}.press-start{width:88%;min-height:66px;padding:10px;bottom:9%;left:6%;font-size:29px!important}.press-start span{margin-top:6px;font-size:8px}.title-copyright{width:100%;font-size:8px;left:0}.title-copyright span{font-size:7px}.console-front[data-page=modes]:before{background:linear-gradient(#07102077,#050b1bea 70%),url(/ui/menu/arena-keyart.webp) 65%/cover no-repeat}.mode-list{gap:10px;width:100%;max-width:none}.mode-list button{background:linear-gradient(110deg,#182f53f5,#07162aea);gap:12px;min-height:77px;padding:12px}.mode-icon{width:42px;height:42px}.mode-list button>span:not(.mode-number){font-size:25px}.mode-list small{max-width:210px;font-size:10px}.menu-gear-caption{display:none}.menu-record{gap:18px;margin-top:18px;font-size:9px}#front-roster{gap:9px;padding-inline:3px;inset:71px 3% 56px}#front-roster .front-heading{gap:5px 8px}#front-roster .front-heading small{width:100%;font-size:8px}#front-roster .front-heading h2{font-size:27px}#roster-count{font-size:8px}.roster-hero{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.roster-profile{flex:none;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;width:100%;display:grid}.roster-profile h3{grid-area:2/1/auto/-1;margin:3px 0;font-size:26px}.roster-index{font-size:8px}.roster-profile>span:not(.roster-index){justify-self:end;font-size:8px}.roster-profile p{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1;margin:2px 0;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.roster-profile>strong{letter-spacing:.3px;grid-area:3/2;padding:4px 5px;font-size:7px}.gear-viewer{flex:none;width:100%}.gear-viewer-stage{height:clamp(165px,23vh,220px)}.gear-viewer-controls button{min-height:34px;font-size:11px}.gear-viewer>small{font-size:9px}.roster-toolbar{gap:6px}.roster-search{flex-basis:100%;max-width:none;height:34px}.roster-search input{height:32px;font-size:12px}.roster-toolbar>div{gap:3px}.roster-toolbar button{min-height:30px;padding:5px 10px;font-size:10px}#roster-page{font-size:8px}.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.roster-slot img,.missing-thumb{height:58px}.roster-slot strong{padding:5px 4px 0;font-size:11px}.roster-slot small{letter-spacing:.4px;padding:3px 4px 5px;font-size:6px}.roster-actions{flex-wrap:wrap;gap:5px;padding-top:7px}.roster-actions>button:not(.fight-confirm){min-height:34px;padding:6px 9px;font-size:9px}.roster-rules{gap:0}.roster-rules>span{display:none}#front-rules{gap:2px}#front-rules button{min-height:32px;padding:5px 8px;font-size:10px}.roster-actions .fight-confirm{width:100%;min-height:43px;padding:8px;font-size:18px}.multiplayer-modes{flex-direction:column;gap:14px;margin:22px 0 15px}.multiplayer-modes article{padding:20px}.multiplayer-modes b{margin:12px 0;font-size:34px}.multiplayer-modes article>img{width:52px;height:52px}.multiplayer-modes strong{margin-top:12px}.multiplayer-note{font-size:11px}.console-front #model-loading{bottom:60px}}@media (height<=600px) and (orientation:landscape){.front-topline{font-size:7px;top:8px}.front-topline b{margin-top:2px;font-size:7px}.front-topline button{min-height:27px;padding:4px 8px;font-size:8px}.front-bottom{gap:15px;padding-top:6px;font-size:7px;bottom:8px}.front-bottom button{font-size:11px}.front-page{inset:51px 5% 39px}.front-heading{margin-bottom:10px}.front-heading h2{font-size:30px}.front-heading small{letter-spacing:1.5px;font-size:7px}#front-title{inset:44px 5% 41px}.title-lockup{width:37%;top:4%;left:0}.title-jp{font-size:11px}.title-lockup h1{margin:9px 0;font-size:22vh;line-height:.74}.title-lockup h1 span+span{margin-top:9px}.title-subtitle{letter-spacing:2px;margin-top:16px;padding:3px 8px;font-size:13px}.title-lockup p{display:none}.press-start{letter-spacing:2px;width:36%;min-height:48px;padding:5px 10px;bottom:9%;left:.5%;font-size:21px!important}.press-start span{margin-top:4px;font-size:6px}.title-copyright{width:37%;font-size:6px;line-height:1.5}.title-copyright span{font-size:6px}.mode-list{gap:5px;width:48%}.mode-list button{gap:11px;min-height:40px;padding:5px 11px}.mode-icon{width:29px;height:29px}.mode-list button>span:not(.mode-number){font-size:21px}.mode-list small{display:none}.mode-list em{max-width:48px;font-size:6px}.mode-number{font-size:6px;top:4px}.menu-record{margin-top:8px;font-size:8px}.menu-record b{font-size:16px}.menu-gear-caption{max-width:38%;padding:10px;bottom:12%;left:61%}.menu-gear-caption h3{font-size:29px}.menu-gear-caption>span{font-size:8px}.menu-gear-caption p{margin:7px 0;font-size:12px}.menu-gear-caption button{padding:6px 8px;font-size:10px}#front-roster{grid-template-rows:32px minmax(0,1fr);grid-template-columns:38% minmax(0,1fr);gap:6px 12px;padding-inline:3px;display:grid;inset:47px 3% 38px;overflow-y:auto}#front-roster .front-heading{flex-wrap:nowrap;grid-column:1/-1;align-items:center;gap:10px}#front-roster .front-heading h2{font-size:26px}#front-roster .front-heading small,#roster-count{font-size:8px}.roster-hero{flex-direction:column;align-self:start;align-items:stretch;gap:5px;padding:7px}.roster-profile{flex-wrap:wrap;flex:none;align-items:center;gap:4px 8px;width:100%;display:flex}.roster-profile h3{flex-basis:100%;order:3;margin:0;font-size:21px}.roster-profile p,.roster-profile>strong{display:none}.roster-index,.roster-profile>span:not(.roster-index){letter-spacing:1px;font-size:7px}.gear-viewer{flex:none;gap:4px;width:100%}.gear-viewer-stage{height:clamp(96px,29vh,165px)}.gear-viewer-controls{gap:3px}.gear-viewer-controls button{min-height:28px;padding:4px 3px;font-size:10px}.gear-viewer>small{font-size:8px}.roster-toolbar{gap:5px;margin-bottom:5px}.roster-search{min-width:120px;max-width:none;height:27px}.roster-search input{height:25px;font-size:10px}.roster-search>span{font-size:6px}.roster-toolbar button{min-height:27px;padding:4px 6px;font-size:9px}.roster-toolbar>div{gap:2px}#roster-page{text-align:right;flex-basis:100%;margin-top:-1px;font-size:7px}.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.roster-slot img,.missing-thumb{height:32px;padding:1px}.roster-slot strong{padding:3px 4px;font-size:10px}.roster-slot small{display:none}.roster-actions{flex-wrap:wrap;gap:4px;margin-top:6px;padding-top:5px;bottom:0}.roster-actions>button:not(.fight-confirm){min-height:28px;padding:4px 7px;font-size:8px}.roster-rules{gap:0;margin:auto}.roster-rules>span{display:none}#front-rules button{min-height:28px;padding:4px 7px;font-size:9px}.roster-actions .fight-confirm{min-height:30px;margin-left:auto;padding:5px 10px;font-size:13px}.multiplayer-modes{gap:15px;max-width:720px;margin:14px 0 10px}.multiplayer-modes article{padding:16px 20px}.multiplayer-modes article>img{width:43px;height:43px}.multiplayer-modes article>span{font-size:8px}.multiplayer-modes b{margin:12px 0;font-size:30px}.multiplayer-modes p{font-size:10px}.multiplayer-modes strong{margin-top:10px;padding:5px 8px;font-size:8px}.multiplayer-note{margin:9px 0;font-size:10px}.console-front #model-loading{bottom:40px}.fight-confirm{min-height:34px;padding:7px 15px;font-size:16px}}@media (width<=370px) and (orientation:portrait){.front-topline>span{max-width:110px}.front-topline b{font-size:6px}.front-topline button{padding-inline:5px;font-size:7px}.roster-toolbar button{padding-inline:7px}#front-rules button,.roster-actions>button:not(.fight-confirm){padding-inline:6px}.roster-slot img{height:48px}}@media (prefers-reduced-motion:reduce){.press-start{animation:none}.console-front button{transition:none}}body.reduced .press-start{animation:none}#front-title{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:38% minmax(0,1fr);row-gap:22px;display:grid}#front-title .title-lockup{grid-area:1/1;align-self:center;width:100%;position:relative;top:auto;left:auto}#front-title .title-lockup h1{margin:12px 0;font-size:clamp(54px,min(10vw,15vh),150px)}#front-title .title-subtitle{margin-top:18px}#front-title .press-start{grid-area:2/1;justify-self:center;width:94%;position:relative;bottom:auto;left:auto}#front-title .title-copyright{grid-area:3/1;width:100%;position:relative;bottom:auto;left:auto}@media (width<=700px) and (orientation:portrait){#front-title{grid-template-columns:100%;row-gap:24px}#front-title .title-lockup{place-self:start center;width:86%}#front-title .title-lockup h1{margin:10px 0;font-size:clamp(64px,min(24vw,18vh),120px)}#front-title .press-start{width:88%}}@media (height<=600px) and (orientation:landscape){#front-title{grid-template-columns:37% minmax(0,1fr);row-gap:10px}#front-title .title-lockup h1{margin:7px 0;font-size:clamp(36px,min(11vw,15vh),90px)}#front-title .title-subtitle{margin-top:12px}}.gesture-arrow{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform:rotate(0)}.gesture-arrow[data-direction=right]{transform:rotate(90deg)}.gesture-arrow[data-direction=down]{transform:rotate(180deg)}.gesture-arrow[data-direction=left]{transform:rotate(-90deg)}body.in-battle .note .gesture-arrow{width:100%;height:100%;padding:1px}body.in-battle #swipe-pad .gesture-arrow{flex:0 0 40px;width:40px;height:40px}body.in-battle[data-phase=recovery] .hit-marker{background:#32dfb01a;border-color:#65ffe0}@media (height<=600px) and (orientation:landscape){body.in-battle #swipe-pad .gesture-arrow{flex-basis:30px;width:30px;height:30px}}body.in-battle{--battle-header:34px;--battle-hud:54px;--battle-safe-bottom:env(safe-area-inset-bottom,0px)}body.in-battle #app{height:100dvh;min-height:0}body.in-battle header{height:var(--battle-header);padding-inline:12px}body.in-battle #battle-ui{inset:var(--battle-header) 0 0}body.in-battle .psx-fighter{height:calc(var(--battle-hud) + var(--battle-safe-bottom));box-shadow:none;background:linear-gradient(#203397,#101952);border-width:1px;gap:10px;padding:5px 14px}body.in-battle .psx-fighter.rival{height:var(--battle-hud)}body.in-battle .psx-fighter.player{padding-bottom:calc(5px + var(--battle-safe-bottom))}body.in-battle .psx-fighter img{border-width:1px;width:42px;height:40px}body.in-battle .psx-name{width:145px;min-width:0}body.in-battle .psx-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-style:normal;overflow:hidden}body.in-battle .psx-name small{font-size:9px}body.in-battle .psx-name>span{display:none}body.in-battle .psx-meters{gap:18px;max-width:700px;margin-left:auto}body.in-battle .rival .psx-meters{margin-left:0;margin-right:auto}body.in-battle .psx-meter label{font-size:16px}body.in-battle .psx-meter b{font-size:11px}body.in-battle .gauge{border-width:2px;height:12px}body.in-battle .clock{top:calc(var(--battle-hud) + 8px);align-items:center;gap:8px;display:flex;left:12px}body.in-battle .clock b{font-size:19px}body.in-battle .clock small,body.in-battle .clock span{display:none}body.in-battle .camera-button{top:calc(var(--battle-hud) + 8px);padding:5px 8px;font-size:9px;right:12px}body.in-battle .control-panel{bottom:calc(var(--battle-hud) + var(--battle-safe-bottom) + 8px);background:#101b4cf5;border:1px solid #8196d2;border-radius:7px;width:min(640px,100% - 24px);padding:8px 10px;box-shadow:0 3px 10px #0004}body.in-battle .panel-top{align-items:center;gap:10px;min-height:28px;margin:0 0 6px;display:flex}body.in-battle .panel-top h3{color:#fff;text-transform:none;letter-spacing:0;margin:0;font:700 16px Barlow,Arial,sans-serif;display:block}body.in-battle .panel-top h3 small{color:#b7c4df;margin-left:6px;font:400 12px Barlow,Arial,sans-serif}body.in-battle .panel-top>div:last-child{color:#f5d484;margin-left:auto;font:600 16px Barlow,Arial,sans-serif}body.in-battle .route-select{color:#afbfdd;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}body.in-battle .route-select select{color:#e6edff;background:#1b2b60;border:1px solid #526ca5;border-radius:4px;min-height:28px;padding:2px 5px;font:600 12px Barlow,Arial,sans-serif}body.in-battle .route-select+div{text-align:right;min-width:34px;margin-left:4px!important}body.in-battle .moves,body.in-battle .power-levels,body.in-battle .defense-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}body.in-battle .power-levels{grid-template-columns:repeat(4,minmax(0,1fr))}body.in-battle .defense-options{grid-template-columns:repeat(2,minmax(0,1fr))}body.in-battle .moves>button,body.in-battle .moves>button.signature,body.in-battle .power-levels>button,body.in-battle .defense-options>button{text-align:center;clip-path:none;min-width:0;min-height:52px;box-shadow:none;background:#243970;border:1px solid #657eb7;border-radius:5px;flex-direction:column;grid-column:auto;justify-content:center;align-items:center;gap:3px;padding:7px 3px;display:flex;position:relative}body.in-battle .moves>button>span,body.in-battle .power-levels b,body.in-battle .defense-options b{letter-spacing:0;color:#fff;text-transform:none;font:700 16px Barlow,Arial,sans-serif}body.in-battle .moves .move-cost,body.in-battle .moves .signature>.move-cost,body.in-battle .power-levels small,body.in-battle .defense-options small{letter-spacing:0;color:#c4d0ec;grid-column:auto;margin:0;font:500 11px Barlow,Arial,sans-serif;position:static}body.in-battle .moves>button:disabled,body.in-battle .power-levels>button:disabled,body.in-battle .defense-options>button:disabled{opacity:.55;background:#172445;border-color:#445271}body.in-battle #cancel-power{background:#243970;border-radius:4px;width:32px;min-height:28px;padding:0;font-size:19px}body.in-battle #split-line{top:var(--battle-split-y,50%);opacity:.8;pointer-events:none;background:#95a9d9;border:0;height:2px}body.in-battle #command-prompt,body.in-battle .battle-footer{display:none}body.in-battle #commentary-caption{top:calc(var(--battle-header) + var(--battle-hud) + 5px);box-shadow:none;border:0;border-radius:3px;max-width:65vw;padding:3px 9px}body.in-battle #commentary-speaker{display:none}body.in-battle #commentary-line{margin:0;font-size:12px;line-height:1.4}body.in-battle #rhythm-panel{padding:8px 10px}body.in-battle #swipe-pad{height:60px}body.in-battle #swipe-pad small{display:none}body.in-battle #swipe-pad b{font-size:12px}body.in-battle #result{top:var(--battle-header)}@media (width<=700px){body.in-battle{--battle-hud:58px}body.in-battle .control-panel{width:calc(100% - 16px);padding:7px 8px}body.in-battle .psx-fighter{gap:6px;padding-inline:8px}body.in-battle .psx-fighter img{width:32px;height:34px}body.in-battle .psx-name{width:97px}body.in-battle .psx-name strong{font-size:14px}body.in-battle .psx-meters{gap:7px;min-width:0}body.in-battle .psx-meter{flex-wrap:wrap;gap:2px;min-width:0}body.in-battle .psx-meter label{font-size:11px}body.in-battle .psx-meter b{min-width:0;margin-left:auto;font-size:10px}body.in-battle .gauge{border-width:1px;flex-basis:100%;order:3;height:8px}body.in-battle .moves,body.in-battle .power-levels{gap:4px}body.in-battle .moves>button>span,body.in-battle .power-levels b{font-size:13px}body.in-battle .moves .move-cost,body.in-battle .moves .signature>.move-cost{font-size:10px}body.in-battle #commentary-caption{max-width:64vw}body.in-battle #commentary-line{font-size:11px}body.in-battle .camera-button{max-width:88px;font-size:8px}}@media (height<=600px) and (orientation:landscape){body.in-battle{--battle-header:28px;--battle-hud:38px}body.in-battle header .brand{font-size:10px}body.in-battle header .brand-symbol{font-size:19px}body.in-battle .icon-button{width:28px;height:24px}body.in-battle .psx-fighter{padding-block:3px}body.in-battle .psx-fighter img{width:30px;height:30px}body.in-battle .psx-name{width:125px}body.in-battle .psx-name strong{font-size:14px}body.in-battle .psx-meters{gap:12px;max-width:600px}body.in-battle .psx-meter label{font-size:12px}body.in-battle .gauge{height:10px}body.in-battle .control-panel{width:min(570px,74%);bottom:calc(var(--battle-hud) + var(--battle-safe-bottom) + 5px);padding:5px 8px}body.in-battle .panel-top{min-height:24px;margin-bottom:4px}body.in-battle .panel-top h3{font-size:14px}body.in-battle .route-select select{min-height:24px}body.in-battle .moves>button,body.in-battle .moves>button.signature,body.in-battle .power-levels>button,body.in-battle .defense-options>button{gap:1px;min-height:44px;padding:3px}body.in-battle .moves>button>span,body.in-battle .power-levels b{font-size:14px}body.in-battle .clock{top:calc(var(--battle-hud) + 5px)}body.in-battle .clock b{font-size:16px}body.in-battle .camera-button{top:calc(var(--battle-hud) + 5px)}body.in-battle #commentary-caption{max-width:55vw}body.in-battle #commentary-line{font-size:10px}body.in-battle #swipe-pad{height:44px}}body.in-battle .route-toggles{gap:4px;margin-left:auto;display:flex}body.in-battle .route-toggles button{color:#c3d1ef;background:#1b2b60;border:1px solid #596eaa;border-radius:4px;min-height:36px;padding:4px 10px;font:600 12px Barlow,Arial,sans-serif}body.in-battle .route-toggles button[aria-pressed=true]{color:#fff;background:#425fa0;border-color:#f2d889;box-shadow:inset 0 -2px #f2d889}body.in-battle #split-line.side-by-side{top:var(--battle-stage-top);left:var(--battle-split-x);width:2px;height:var(--battle-stage-height);right:auto}@media (width<=700px){body.in-battle .rival #rival-hp{font-size:10px}body.in-battle .panel-top{gap:5px}body.in-battle .route-toggles button{padding-inline:8px;font-size:11px}}@media (height<=600px) and (orientation:landscape){body.in-battle .route-toggles button{min-height:30px}}body.in-battle #split-line{opacity:1;background:#152767;border-block:1px solid #b9c7e6;height:6px;transform:translateY(-3px)}body.in-battle #split-line.side-by-side{border:0;border-inline:1px solid #b9c7e6;width:6px;transform:translate(-3px)}body.in-battle .moves>button,body.in-battle .moves>button.signature,body.in-battle .defense-options>button{text-align:left;grid-template-rows:1fr 1fr;grid-template-columns:30px auto;justify-content:center;gap:0 5px;padding:6px;display:grid}body.in-battle .action-icon{object-fit:contain;grid-area:1/1/3;width:30px;height:30px}body.in-battle .moves>button>span,body.in-battle .defense-options b{grid-area:1/2;align-self:end;font-size:14px}body.in-battle .moves .move-cost,body.in-battle .moves .signature>.move-cost,body.in-battle .defense-options small{grid-area:2/2;align-self:start}@media (width<=700px) and (orientation:portrait){body.in-battle .moves>button,body.in-battle .moves>button.signature{text-align:center;gap:2px;min-height:72px;padding:4px 2px;display:flex}body.in-battle .moves>button>span{align-self:center;font-size:12px}body.in-battle .moves .move-cost,body.in-battle .moves .signature>.move-cost{align-self:center}body.in-battle .action-icon{width:28px;height:28px}}@media (height<=600px) and (orientation:landscape){body.in-battle .moves>button,body.in-battle .moves>button.signature{grid-template-columns:24px auto;column-gap:4px;padding:4px}body.in-battle .action-icon{width:24px;height:24px}body.in-battle .moves>button>span{font-size:12px}}body.in-battle #split-line.side-by-side{top:var(--battle-hud);height:calc(100% - var(--battle-hud) - var(--battle-hud) - var(--battle-safe-bottom));z-index:0}body.in-battle #battery-out-status{left:50%;bottom:calc(var(--battle-hud) + var(--battle-safe-bottom) + 16px);color:#f4cd8c;text-align:center;pointer-events:none;white-space:normal;background:#081125dc;border-left:3px solid #f3be6c;max-width:calc(100% - 32px);padding:8px 18px;position:absolute;transform:translate(-50%)}body.in-battle #battery-out-name{color:#dce6f5;font:600 11px Barlow,Arial,sans-serif;display:block}body.in-battle #battery-out-label{margin-top:2px;font:700 17px Barlow,Arial,sans-serif;display:block}body.in-battle .battery-ending [id$=-bt-bar]{box-shadow:none;background:#f3b74f}body.in-battle .battery-ending [id$=-bt]{color:#ffce80}body.in-battle .battery-ending .psx-meter:has([id$=-bt-bar]){filter:drop-shadow(0 0 3px #f6b54880)}@media (height<=600px) and (orientation:landscape){body.in-battle #battery-out-status{bottom:calc(var(--battle-hud) + var(--battle-safe-bottom) + 9px);padding:5px 14px}body.in-battle #battery-out-label{font-size:14px}}body.in-battle[data-phase=result] .scoreboard,body.in-battle[data-phase=result] .camera-button,body.in-battle[data-phase=result] #pause{display:none}body.in-battle #result{inset:var(--battle-header) 0 0;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:linear-gradient(#07112688,#0000 28% 67%,#071126a6);display:block}body.in-battle .result-heading{text-align:left;text-shadow:0 2px 8px #020613;position:absolute;top:20px;left:24px}body.in-battle .result-heading .eyebrow{color:#d6e0f1;letter-spacing:2px;font:600 10px Barlow,Arial,sans-serif}body.in-battle .result-heading h2{color:#ffe38b;margin:3px 0 0;font:italic 800 clamp(38px,6vw,66px)/1 Barlow Condensed,Arial,sans-serif}body.in-battle .result-heading h2.lost{color:#e1e8f6}body.in-battle #result-winner{color:#fff;margin:5px 0 0;font:700 20px Barlow,Arial,sans-serif}body.in-battle #result-reason{letter-spacing:.7px;color:#d1dced;margin:5px 0 0;font:500 10px Barlow,Arial,sans-serif}body.in-battle .result-card{bottom:calc(18px + env(safe-area-inset-bottom,0px));width:min(360px,100% - 32px);box-shadow:none;pointer-events:auto;background:0 0;border:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}body.in-battle .result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}body.in-battle .result-card button{letter-spacing:1px;border-radius:4px;min-height:46px;margin:0;font:700 14px Barlow,Arial,sans-serif}body.in-battle #rematch{color:#0b1732;background:#f4d582;border:1px solid #ffebb5;justify-content:center;padding:10px}body.in-battle #return-garage{color:#f5f7ff;background:#101b3ee8;border:1px solid #8193ba;padding:10px}body.in-battle #next-rival{letter-spacing:0;color:#fff;background:#111c3fbc;min-height:32px;margin-top:5px;font-size:12px}body.in-battle .result-details{color:#dbe4f5;background:#081127c9;border-radius:3px;margin-top:6px;font:500 11px Barlow,Arial,sans-serif}body.in-battle .result-details summary{cursor:pointer;padding:7px;list-style-position:inside}body.in-battle .result-stats{border:0;margin:0;padding:8px 0 12px}body.in-battle .result-stats b{font-size:24px}@media (width<=700px) and (orientation:portrait){body.in-battle .result-heading{text-align:center;top:20px;left:16px;right:16px}body.in-battle .result-heading .eyebrow{justify-content:center}body.in-battle #result-winner{font-size:18px}}@media (height<=600px) and (orientation:landscape){body.in-battle .result-heading{top:10px;left:16px}body.in-battle .result-heading h2{font-size:37px}body.in-battle #result-winner{font-size:15px}body.in-battle .result-card{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:310px}body.in-battle .result-card button{min-height:38px;font-size:12px}body.in-battle .result-details{width:150px;position:absolute;bottom:0;left:calc(100% + 12px)}body.in-battle .result-stats b{font-size:18px}body.in-battle .result-stats span{font-size:7px}}@media (width<=650px) and (height<=600px) and (orientation:landscape){body.in-battle .result-details{width:auto;margin-top:4px;position:static}body.in-battle .result-details summary{padding:4px}}body.in-battle[data-phase=result] #commentary-caption{top:auto;bottom:calc(125px + env(safe-area-inset-bottom,0px));max-width:min(620px,85vw)}@media (height<=600px) and (orientation:landscape){body.in-battle[data-phase=result] #commentary-caption{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}