@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(vendor/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(vendor/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(vendor/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(vendor/font-3.ttf) format('truetype');
}
:root{--bg:#10181b;--surface:#182125;--panel:#1a2529;--line:rgba(179,202,205,.12);--muted:#84979c;--text:#e9efe9;--mint:#b6e5d0;--orange:#ee7047;--header:82px;--footer:80px;--sidebar:92px;--right:350px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:'Barlow',Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{transition:background .15s,color .15s,border-color .15s,transform .15s}button:disabled{opacity:.4;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}.hidden{display:none!important}.micro,.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px}.status-dot{display:inline-block;background:var(--mint);width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px #b6e5d03a;flex:none}.header{height:var(--header);padding:0 28px;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--bg);gap:44px}.brand{display:flex;align-items:center;gap:11px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:25px;font-weight:800;letter-spacing:1px;line-height:1}.brand-symbol{font-family:Arial,sans-serif;display:flex;align-items:center;justify-content:center;position:relative;width:34px;height:40px;border:1px solid var(--mint);color:var(--mint);font-size:27px;transform:skew(-7deg)}.brand-symbol span{position:absolute;right:-7px;top:-8px;background:var(--bg);font-size:19px}.brand-light{color:var(--mint)}.brand small{display:block;font:500 8px 'Barlow',Arial,sans-serif;letter-spacing:2.2px;color:var(--muted);margin-top:6px}.main-nav{align-self:stretch;display:flex;gap:30px}.nav-btn{height:100%;display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;padding:0 2px;font-weight:600;color:var(--muted)}.nav-btn span{font-size:9px;opacity:.5}.nav-btn.active{color:var(--text);border-bottom-color:var(--mint)}.nav-btn:hover{color:var(--mint)}.header-right{margin-left:auto;display:flex;align-items:center;gap:25px}.rank-small{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.3px;color:var(--muted)}.credit{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.credit b{color:var(--mint);margin-right:6px}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid var(--line);border-radius:4px;font-size:18px;background:#15202455}.icon-btn:hover{color:var(--text);background:#b6e5d015;border-color:#b6e5d055}main{position:relative;height:calc(100dvh - var(--header) - var(--footer));min-height:280px}.stage{position:absolute;inset:0 var(--right) 0 var(--sidebar);overflow:hidden;background:#142024}.stage canvas#scene{width:100%;height:100%;display:block;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#10181b33,transparent 30%,transparent 80%,#10181b25),linear-gradient(180deg,#10181b44,transparent 35%,transparent 65%,#10181baa)}.stage-overlay{position:absolute;inset:0;pointer-events:none}.stage-overlay button{pointer-events:auto}.stage-heading{position:absolute;left:36px;top:32px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:.4px;font-weight:700}h1{font-size:clamp(32px,3.4vw,56px);margin:18px 0 12px;line-height:.99}h1>span{color:var(--mint)}.stage-heading p{color:#a0afb1;font-size:12px;margin:0}.stage-meta{position:absolute;left:36px;bottom:131px}.stage-meta>button{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:37px;font-weight:700;letter-spacing:2px;margin:5px 0 4px;padding:0}.edit-symbol{color:var(--mint);font-size:18px;vertical-align:middle;margin-left:7px}.model-label{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-top:4px}.model-label span{color:var(--mint);margin-left:8px;font-size:6px}.orbit-hint{position:absolute;right:22px;bottom:116px;font-size:9px;color:#a7b8ba;display:flex;align-items:center;gap:7px}.orbit-hint>span{color:var(--mint);font-size:16px}.orbit-hint i{font-style:normal;opacity:.4}.preview-tools{position:absolute;right:20px;top:23px;display:flex;gap:6px}.category-nav{position:absolute;inset:0 auto 0 0;width:var(--sidebar);border-right:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;padding-top:12px;z-index:2}.category{position:relative;display:flex;flex:1;min-height:42px;max-height:85px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-left:2px solid transparent;font-size:10px;color:var(--muted);padding:8px 3px;line-height:1.1;text-align:center}.category svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.3}.category:hover{background:#b6e5d008;color:var(--text)}.category.active{color:var(--mint);border-left-color:var(--mint);background:linear-gradient(90deg,#b6e5d012,transparent)}.category span{max-width:85px}.parts-panel,.arena-panel{position:absolute;inset:0 0 0 auto;width:var(--right);background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;z-index:3}.panel-head{padding:27px 26px 21px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:32px;margin:10px 0 6px;line-height:1}.panel-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.parts-list{padding:16px;overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#39484c transparent}.part-card{position:relative;text-align:left;width:100%;display:flex;gap:13px;padding:16px 13px;margin-bottom:10px;border:1px solid var(--line);background:#1e2a2e;border-radius:5px;min-height:94px}.part-card:hover{background:#243437;border-color:#b6e5d046}.part-card.active{border-color:var(--mint);background:#b6e5d009}.part-card.active:before{content:'';position:absolute;left:-1px;top:19px;width:3px;height:25px;background:var(--mint)}.part-art{width:48px;height:52px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:4px;background:linear-gradient(140deg,#2a3a3f,#182225);color:#829d9f}.part-card.active .part-art{color:var(--mint);background:#b6e5d00c}.part-art svg{height:37px;width:37px;fill:none;stroke:currentColor;stroke-width:1.3}.part-info{flex:1;min-width:0}.part-title-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.part-title-row strong{font-size:13px;font-weight:600}.selected-check{color:var(--mint);font-size:12px}.part-info p{font-size:10px;line-height:1.5;color:var(--muted);margin:7px 0 10px}.part-tags{display:flex;gap:8px;align-items:center}.tag{background:#a2bcb60b;border:1px solid var(--line);padding:3px 5px;font-size:7px;letter-spacing:.9px;color:#a3bab9;border-radius:2px}.part-weight{margin-left:auto;font-size:10px;color:var(--muted)}.panel-foot{display:flex;gap:6px;padding:15px 20px;border-top:1px solid var(--line);font-size:7px;letter-spacing:1px;align-items:center;color:#a4b4b1;flex-wrap:wrap}.panel-foot>.micro{margin-left:auto;font-size:6px}.specs{position:absolute;bottom:20px;left:calc(var(--sidebar) + 36px);right:calc(var(--right) + 25px);display:flex;gap:22px;z-index:2;pointer-events:none;border-top:1px solid #9faebc22;padding-top:16px;align-items:center}.stat{flex:1}.stat>span{font-size:8px;letter-spacing:1px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.stat b{font-size:15px;color:var(--text);font-weight:600;letter-spacing:0}.stat-bar{height:3px;background:#82979b25;margin-top:11px;overflow:hidden}.stat-bar i{display:block;height:100%;background:var(--mint);transition:width .3s}.weight{min-width:114px;padding-left:18px;border-left:1px solid var(--line)}.weight>span{display:block;font-size:7px;color:var(--muted);letter-spacing:1px}.weight strong{display:block;margin-top:6px;font-size:23px;font-weight:600;line-height:1}.weight small{font-size:10px;color:var(--muted);font-weight:500}.weight #overweight{font-size:6px;color:var(--orange);margin-top:5px;letter-spacing:.5px}.footer{height:var(--footer);padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:var(--bg);position:relative;z-index:5;gap:16px}.loadouts,.footer-actions{display:flex;align-items:center;gap:17px}.loadouts>.micro{font-size:8px;max-width:66px;line-height:1.6}.loadouts #loadout-buttons{display:flex;gap:6px}.loadout-btn{border:1px solid var(--line);color:var(--muted);height:32px;padding:0 13px;font-size:9px;border-radius:3px}.loadout-btn.active{border-color:#b6e5d08a;color:var(--mint);background:#b6e5d00a}.loadout-save{height:32px;width:32px;border:1px dashed #718c8975;color:var(--mint);border-radius:3px}.text-btn{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.text-btn:hover{color:var(--mint)}.primary{height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:0 22px;background:var(--mint);color:#152721;font-size:11px;letter-spacing:1.1px;font-weight:800;border-radius:3px;box-shadow:0 4px 15px #0001}.primary>span{font-size:22px;font-weight:400}.primary:hover{background:#c9f2de;box-shadow:0 0 25px #b6e5d01c}.wide{width:100%}.arena-mode .stage{left:0;right:390px}.arena-panel{width:390px}.arena-mode .specs{display:none}.arena-label{position:absolute;bottom:30px;left:36px;display:flex;align-items:center;gap:8px;color:#a7b8ba;font-size:9px;letter-spacing:1.3px}.arena-panel-body{padding:20px 24px;overflow:auto;scrollbar-width:thin}.label{display:block;font-size:8px;margin:0 0 12px;color:#9baeb0}.arena-card{display:flex;gap:14px;text-align:left;width:100%;border:1px solid var(--line);background:#202d31;border-radius:4px;padding:15px;margin-bottom:9px}.arena-card.active{border-color:#b6e5d0ba;background:#b6e5d009}.arena-art{width:50px;height:55px;position:relative;flex:none;background:linear-gradient(140deg,#3a5057,#1e2d32);border:1px solid #54736e33;display:flex;align-items:center;justify-content:center}.arena-art svg{height:40px;width:40px;fill:none;stroke:#b0c7c1;stroke-width:1}.arena-card strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:22px;margin-bottom:4px;letter-spacing:1px}.arena-card span{color:var(--muted);font-size:10px}.arena-card .tag{display:inline-block;font-size:6px;margin-top:8px;color:var(--mint)}.arena-description{font-size:11px;line-height:1.7;color:var(--muted);margin:12px 0 23px}.mode-options{display:flex;gap:6px;margin-bottom:23px}.mode-card{flex:1;border:1px solid var(--line);padding:12px 6px;border-radius:3px}.mode-card strong{font-size:12px;display:block;font-weight:600;margin-bottom:5px}.mode-card span{font-size:8px;color:var(--muted)}.mode-card.active{border-color:#b6e5d0a0;background:#b6e5d00a;color:var(--mint)}.segmented{display:flex;padding:3px;background:#11191c;border:1px solid var(--line);border-radius:3px;gap:3px}.segmented button{flex:1;padding:9px;font-size:10px;color:var(--muted);border-radius:2px}.segmented .active{background:#32463f;color:var(--mint)}.match-summary{display:flex;gap:8px;align-items:flex-start;padding:20px 0}.match-summary .status-dot{margin-top:6px}.match-summary p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.battle-mode{height:100dvh}.battle-mode .stage{inset:0}.battle-mode .vignette{background:linear-gradient(180deg,#11191b80,transparent 30%,transparent 70%,#11191b88)}.battle-hud{position:absolute;inset:0;pointer-events:none;padding:30px}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;max-width:1040px;margin:auto}.hud-robot{width:280px;background:linear-gradient(90deg,#11191bd9,transparent);padding:18px;border-left:2px solid var(--mint)}.hud-robot>strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;display:block;margin:6px 0 12px;letter-spacing:1px;line-height:1}.health{height:5px;background:#4a5e6477;overflow:hidden}.health>span{height:100%;background:var(--mint);display:block;transition:width .15s}.hud-values{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#a9bcbf;margin-top:8px}.hud-robot.enemy{border-left:0;border-right:2px solid var(--orange);background:linear-gradient(-90deg,#11191bd9,transparent);text-align:right}.enemy .eyebrow{justify-content:flex-end}.enemy .health>span{background:var(--orange)}.hud-center{text-align:center;min-width:90px;padding-top:12px}.hud-center .eyebrow{justify-content:center}.hud-center>strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:46px;font-weight:600;display:block;font-variant-numeric:tabular-nums;letter-spacing:2px}.hud-center>span:last-child{font-size:9px;letter-spacing:1.3px;color:#b2c0c2}.pause-btn{position:absolute;top:28px;right:22px;pointer-events:auto}.battle-hud #minimap{position:absolute;right:22px;top:180px;border:1px solid #8db5ae44;border-radius:3px;width:135px;height:135px;background:#10191bc0;opacity:.8}.hud-bottom{position:absolute;bottom:28px;left:30px;right:30px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.energy-block{width:155px}.energy-block .micro{display:flex;justify-content:space-between;font-size:9px;color:#c2d8d6}.energy-bar{height:4px;background:#4a5e6477;margin-top:10px}.energy-bar>span{display:block;height:100%;background:#92dbe5;transition:width .15s}.ability{padding:12px 15px;border:1px solid #b6e5d02b;background:#11191ba6;display:flex;align-items:center;gap:11px;min-width:188px;border-radius:3px}.ability kbd{color:var(--mint);border-color:#b6e5d055}.ability strong{display:block;font-size:9px;letter-spacing:.6px}.ability div>span{font-size:8px;color:var(--mint);display:block;margin-top:5px;letter-spacing:1px}.ability.cooling div>span{color:var(--orange)}kbd{display:inline-block;font-family:inherit;font-size:9px;border:1px solid #819d9b66;border-radius:3px;padding:5px;line-height:1;color:#b9ccca}.hud-controls{font-size:9px;color:#bdcecd;display:flex;gap:8px;align-items:center;margin-left:auto}.hud-controls i{font-style:normal;opacity:.5}.battle-banner{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;font-weight:600;letter-spacing:4px;text-align:center;color:var(--mint);text-shadow:0 3px 25px #111c;border-top:1px solid #b6e5d077;border-bottom:1px solid #b6e5d077;padding:15px 28px;white-space:nowrap}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--bg);gap:20px;z-index:10}.loading>span{font-size:10px;letter-spacing:2px;color:var(--mint)}.loading small{color:var(--muted);font-size:11px}.loader{width:30px;height:30px;border:1px solid #b6e5d033;border-top-color:var(--mint);animation:spin 1s linear infinite;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#071011bb;backdrop-filter:blur(8px);padding:25px}.modal{position:relative;width:560px;max-width:100%;max-height:90dvh;overflow-y:auto;background:#1a2529;border:1px solid #8da49f44;border-radius:7px;padding:35px;box-shadow:0 30px 150px #0008;scrollbar-width:thin}.modal-close{position:absolute;top:16px;right:16px;font-size:14px}.modal h2{font-size:43px;margin:13px 0 15px;line-height:1}.modal p{color:var(--muted);font-size:12px;line-height:1.8}.modal .field{margin:20px 0;display:block}.modal .field>span{display:block;font-size:9px;letter-spacing:1px;color:#a8bcb9;margin-bottom:9px;text-transform:uppercase}.modal input[type=text],.modal textarea,.modal select{width:100%;background:#10191c;color:var(--text);border:1px solid var(--line);border-radius:3px;padding:12px}.modal textarea{font-family:monospace;font-size:11px;height:150px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;align-items:center}.secondary{border:1px solid #8aa49b55;border-radius:3px;padding:13px 17px;color:var(--mint);font-size:11px}.secondary:hover{background:#b6e5d00c}.toast{position:fixed;bottom:98px;left:50%;transform:translateX(-50%);z-index:30;padding:14px 21px;border:1px solid #b6e5d04a;background:#243932ee;color:#d4ecdf;border-radius:4px;font-size:12px;box-shadow:0 4px 24px #0004;max-width:calc(100vw - 30px);text-align:center}.paint-section{padding:4px 5px 18px;border-bottom:1px solid var(--line);margin-bottom:16px}.paint-section>.micro{font-size:9px;display:block;margin-bottom:12px}.color-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:14px 0}.color-picker{position:relative;width:38px;height:27px;border:1px solid #aac1bb33;border-radius:3px;overflow:hidden;display:block}.color-picker input{position:absolute;left:-4px;top:-4px;width:47px;height:36px;padding:0;border:0;cursor:pointer}.swatches{display:flex;gap:8px}.swatch{width:25px;height:25px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 2px #10181b55}.swatch.active{border-color:#dceee4;box-shadow:0 0 0 2px #9dbeb733}.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pattern-btn{padding:10px 5px;font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:3px}.pattern-btn.active{border-color:var(--mint);color:var(--mint)}.pattern-sample{height:20px;width:100%;margin-bottom:7px;background:var(--paint-color);border-radius:2px}.pattern-sample.stripe{background:linear-gradient(90deg,var(--paint-color) 30%,var(--accent-color) 30%,var(--accent-color) 40%,var(--paint-color) 40%,var(--paint-color) 45%,var(--accent-color) 45%,var(--accent-color) 65%,var(--paint-color) 65%)}.pattern-sample.split{background:linear-gradient(90deg,var(--accent-color) 40%,var(--paint-color) 40%)}.pattern-sample.hazard{background:repeating-linear-gradient(45deg,var(--paint-color),var(--paint-color) 8px,var(--accent-color) 8px,var(--accent-color) 16px)}.pattern-sample.camo{background:radial-gradient(ellipse at 70% 10%,var(--accent-color) 30%,transparent 32%),radial-gradient(ellipse at 0% 110%,var(--accent-color) 30%,transparent 32%),var(--paint-color)}.paint-control{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:15px 0;color:var(--muted);font-size:11px}.paint-control input[type=text]{width:65px;background:#11191c;border:1px solid var(--line);color:var(--text);border-radius:3px;text-align:center;padding:8px}.paint-control input[type=range]{width:140px;accent-color:var(--mint)}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;gap:20px;font-size:12px}.setting-row small{color:var(--muted);display:block;margin-top:4px;font-size:10px}.setting-row input[type=checkbox]{accent-color:var(--mint);width:18px;height:18px}.setting-row select{max-width:150px}.controls-table{margin:20px 0}.controls-table>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;color:var(--muted);font-size:11px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.preset-card{text-align:left;border:1px solid var(--line);padding:18px;background:#202c30;border-radius:3px;position:relative;overflow:hidden}.preset-card:hover{border-color:var(--mint)}.preset-card>strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;display:block;letter-spacing:1px;text-transform:uppercase}.preset-card>span{font-size:10px;color:var(--muted);display:block;margin-top:5px}.preset-card:after{content:'';position:absolute;right:-10px;top:0;bottom:0;width:30px;background:var(--preset-color);transform:skew(-13deg);opacity:.7}.career-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.career-summary>div{padding:17px 13px;border:1px solid var(--line);border-radius:3px;background:#202d31}.career-summary strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;color:var(--mint);display:block}.career-summary span{font-size:8px;letter-spacing:.8px;color:var(--muted)}.achievement{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);opacity:.5}.achievement.earned{opacity:1}.achievement>span{font-size:24px;color:var(--mint);width:30px;text-align:center}.achievement strong{font-size:12px;display:block}.achievement small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.achievement>.tag{margin-left:auto;white-space:nowrap}.result-title.win{color:var(--mint)}.result-title.loss{color:var(--orange)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats strong{font-size:25px;display:block;color:var(--text)}.result-stats span{font-size:8px;letter-spacing:1px;color:var(--muted)}.result-reward{padding:16px 0;display:flex;justify-content:space-between;color:var(--mint);font-size:13px}.touch-controls{display:none}.module-active{border-color:var(--mint)}
@media(min-width:1600px){:root{--right:390px;--sidebar:104px}.stage-heading{top:40px;left:45px}.specs{left:calc(var(--sidebar) + 45px);bottom:30px}.stage-meta{left:45px;bottom:150px}.part-card{min-height:116px;padding:20px 15px}.part-info p{font-size:11px}.panel-head{padding:32px}.part-art{width:58px;height:64px}}
@media(max-width:1150px){:root{--right:315px;--sidebar:80px}.header{gap:28px;padding:0 20px}.main-nav{gap:22px}.header-right{gap:16px}.rank-small{display:none}.stage-heading{left:24px}.specs{left:calc(var(--sidebar) + 24px);gap:12px}.stage-meta{left:24px}.orbit-hint{font-size:8px;right:16px;bottom:102px}.stage-meta{bottom:126px}.loadouts,.footer-actions{gap:10px}.footer{padding:0 18px}.hud-controls{display:none}.arena-mode .stage{right:350px}.arena-panel{width:350px}.arena-panel-body{padding:20px}.part-art{width:40px}.panel-head{padding:22px}.parts-list{padding:12px}.part-card{padding:14px 10px;gap:10px}.stat>span{font-size:7px}.weight{min-width:100px}}
@media(max-width:850px){:root{--right:275px;--sidebar:63px;--header:68px;--footer:74px}.header{padding:0 15px;gap:25px}.brand{font-size:22px}.brand-symbol{width:29px;height:33px;font-size:23px}.main-nav{gap:16px}.nav-btn{font-size:12px}.nav-btn>span{display:none}.header-right{gap:12px}.category span{font-size:8px}.category svg{width:22px}.part-art{display:none}.part-title-row strong{font-size:12px}.stage-heading{top:24px;left:21px}.stage-heading .eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:34px}.stage-meta{left:21px;bottom:133px}.stage-meta>button{font-size:30px}.specs{left:calc(var(--sidebar) + 21px);right:calc(var(--right) + 21px);flex-wrap:wrap;gap:12px;bottom:16px}.stat{flex:1;min-width:65px}.weight{flex-basis:100%;display:flex;border-left:0;padding-left:0;align-items:center;gap:10px}.weight strong{font-size:16px;margin:0}.weight small{font-size:8px}.orbit-hint{bottom:117px;left:21px;right:auto;font-size:7px}.orbit-hint i,.orbit-hint i+span{display:none}.preview-tools{top:17px;right:14px}.preview-tools .icon-btn{height:27px;width:27px;font-size:15px}.loadouts>.micro{display:none}.footer-actions>.text-btn>span{display:none}.primary{gap:18px;padding:0 16px;font-size:10px}.loadout-btn{padding:0 9px}.panel-head h2{font-size:29px}.panel-foot .micro{display:none}.arena-mode .stage{right:320px}.arena-panel{width:320px}.arena-panel-body{padding:17px}.hud-robot{width:220px}.hud-top{gap:10px}.battle-hud{padding:18px}.hud-robot>strong{font-size:25px}.hud-bottom{left:20px;right:20px;gap:12px;bottom:20px}.ability{min-width:160px;padding:10px}.energy-block{width:110px}.battle-hud #minimap{top:154px;width:110px;height:110px}.hud-top{padding-right:30px}}
@media(max-width:650px){:root{--header:58px;--footer:66px;--sidebar:53px;--right:0px}.header{gap:13px;padding:0 12px}.brand{font-size:20px;gap:7px}.brand-symbol{width:24px;height:28px;font-size:20px}.brand small{font-size:6px;letter-spacing:1.7px}.main-nav{gap:13px;margin-left:auto}.nav-btn{font-size:11px}.header-right{margin-left:0;gap:8px}.credit{font-size:11px}.credit b{margin-right:2px}.header-right .icon-btn{width:25px;height:25px;font-size:15px}.stage{inset:0 0 41% var(--sidebar)}.category-nav{bottom:41%;padding:3px 0}.category{min-height:28px;padding:5px 2px;gap:3px}.category svg{height:19px;width:19px}.category span{font-size:7px;max-width:45px}.stage-heading{left:17px;top:15px}.stage-heading .eyebrow{font-size:6px;letter-spacing:1px}h1{font-size:29px;margin:12px 0 8px;line-height:1.02}.stage-heading p{font-size:10px}.stage-meta{bottom:20px;left:17px}.stage-meta .micro{font-size:7px}.stage-meta>button{font-size:25px;letter-spacing:1px}.model-label{font-size:6px}.orbit-hint{display:none}.preview-tools{top:12px;right:10px;flex-direction:column}.preview-tools .icon-btn{height:24px;width:24px;font-size:13px}.parts-panel{inset:59% 0 48px 0;width:auto;border-top:1px solid var(--line);border-left:0;display:block}.panel-head{padding:10px 15px 7px;border-bottom:0}.panel-head .eyebrow{display:none}.panel-head h2{font-size:21px;display:inline;margin:0}.panel-head p{display:inline;margin-left:9px;font-size:10px}.parts-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:5px 12px 10px;height:calc(100% - 42px);align-items:stretch;scrollbar-width:thin}.part-card{margin:0;flex:0 0 195px;min-height:0;padding:11px 12px;display:block}.part-info p{font-size:9px;margin:5px 0 8px}.part-tags .tag{font-size:6px}.part-weight{font-size:9px}.panel-foot{display:none}.specs{left:12px;right:12px;bottom:0;height:48px;padding-top:0;border-top:0;flex-wrap:nowrap;gap:15px;align-items:center}.stat{min-width:0}.stat>span{font-size:6px;letter-spacing:.5px}.stat b{font-size:11px}.stat-bar{margin-top:6px;height:2px}.weight{flex-basis:auto;display:block;min-width:69px;border-left:1px solid var(--line);padding-left:10px}.weight>span{font-size:5px;letter-spacing:.3px}.weight strong{margin-top:3px;font-size:14px}.weight small{font-size:6px}.weight #overweight{font-size:5px;letter-spacing:0}.footer{padding:0 12px;gap:6px}.loadouts,.footer-actions{gap:8px}.loadouts .text-btn{font-size:9px}.loadout-btn{font-size:8px;height:26px;padding:0 7px}.loadout-save{height:26px;width:24px}.footer .primary{height:37px;font-size:8px;padding:0 12px;gap:12px;letter-spacing:.6px}.primary>span{font-size:18px}.loadouts #loadout-buttons{gap:4px}.footer-actions>.text-btn{font-size:14px}.arena-mode .stage{inset:0 0 45% 0}.arena-mode .stage-heading h1{font-size:48px}.arena-panel{inset:55% 0 0 0;width:auto;border-top:1px solid var(--line);display:block;overflow:auto}.arena-panel .panel-head{display:none}.arena-panel-body{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.arena-panel-body>.label{display:none}#arena-cards{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.arena-card{margin:0;padding:10px;gap:9px}.arena-art{width:37px;height:44px}.arena-card strong{font-size:20px}.arena-card span{font-size:8px}.arena-card .tag{font-size:5px;margin-top:4px}.arena-description{grid-column:1/-1;margin:0;font-size:9px;line-height:1.45}.mode-options{grid-column:1/-1;margin:0;gap:5px}.mode-card{padding:9px 4px}.mode-card strong{font-size:11px;margin-bottom:3px}.mode-card span{font-size:7px}#difficulty-options{grid-column:1/-1}.segmented button{padding:6px;font-size:9px}.match-summary{display:none}.arena-panel .primary{grid-column:1/-1;height:38px}.arena-label{bottom:16px;left:17px;font-size:7px}.modal-backdrop{padding:15px}.modal{padding:28px 22px;max-height:92dvh}.modal h2{font-size:36px}.modal p{font-size:11px}.modal-actions{gap:8px;flex-wrap:wrap}.modal .primary{font-size:10px}.career-summary{gap:8px}.career-summary>div{padding:15px 10px}.career-summary strong{font-size:28px}.career-summary span{font-size:6px}.achievement>.tag{font-size:6px}.hud-top{gap:10px;padding-right:0}.hud-robot{width:35%;padding:9px 8px}.hud-robot .eyebrow{font-size:6px;letter-spacing:.7px}.hud-robot>strong{font-size:19px;margin:7px 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health{height:4px}.hud-values{font-size:6px;letter-spacing:.3px}.hud-center{min-width:60px;padding-top:8px}.hud-center>strong{font-size:34px;letter-spacing:1px}.hud-center .eyebrow{font-size:7px}.hud-center>span:last-child{font-size:6px}.battle-hud{padding:15px 10px}.pause-btn{right:12px;top:118px;width:28px;height:28px}.battle-hud #minimap{top:160px;right:12px;height:88px;width:88px;opacity:.7}.hud-bottom{bottom:20px;left:15px;right:15px;gap:10px;justify-content:center}.energy-block{width:90px}.energy-block .micro{font-size:7px;letter-spacing:.5px}.ability{min-width:0;flex:1;padding:8px;gap:7px}.ability kbd{display:none}.ability strong{font-size:7px;letter-spacing:.2px}.ability div>span{font-size:7px;margin-top:4px}.battle-banner{font-size:38px;padding:10px 16px;letter-spacing:2px}.touch-controls{display:flex;position:absolute;left:0;right:0;bottom:100px;justify-content:space-between;align-items:flex-end;padding:0 22px;pointer-events:none}.joystick{width:105px;height:105px;background:#b6e5d009;border:1px solid #b6e5d04f;border-radius:50%;position:relative;pointer-events:auto;touch-action:none}.joystick:before{content:'↑';position:absolute;top:8px;left:46px;color:#b6e5d077;font-size:14px}.joystick-knob{position:absolute;top:35px;left:35px;width:35px;height:35px;border:1px solid #b6e5d08a;background:#b6e5d029;border-radius:50%;pointer-events:none}.touch-actions{display:flex;gap:10px;align-items:flex-end;pointer-events:auto}.touch-actions button{height:58px;width:58px;border:1px solid #b6e5d066;background:#111d24aa;border-radius:50%;font-size:7px;letter-spacing:.7px;touch-action:none}.touch-actions #touch-fire{width:78px;height:78px;color:var(--mint);background:#4c736457}.touch-actions #touch-fire>span{display:block;font-size:24px;margin-top:3px}.toast{bottom:80px;font-size:11px}.preset-card{padding:14px}.preset-card strong{font-size:23px}}
@media(max-height:650px) and (min-width:651px){:root{--header:62px;--footer:64px}.stage-heading{top:20px}h1{font-size:33px}.stage-meta{bottom:110px}.stage-meta>button{font-size:28px}.category{gap:4px}.category svg{width:20px;height:20px}.category span{font-size:8px}.panel-head{padding:17px 20px}.panel-head h2{font-size:27px;margin:8px 0 5px}.part-card{padding:12px 11px;min-height:84px}.part-info p{font-size:9px}.part-art{height:45px}.arena-panel-body{padding:15px 20px}.arena-description{margin:10px 0 15px}.label{margin-bottom:10px}.mode-options{margin-bottom:15px}.match-summary{padding:14px 0}.arena-card{padding:12px}.hud-bottom{bottom:18px}.hud-top .hud-robot{padding:11px 15px}.battle-hud #minimap{top:144px}}
@media(hover:none) and (min-width:651px){.touch-controls{display:flex;position:absolute;left:20px;right:20px;bottom:110px;justify-content:space-between;align-items:flex-end;pointer-events:none}.joystick{pointer-events:auto;width:100px;height:100px;border:1px solid #b6e5d066;border-radius:50%;touch-action:none;position:relative;background:#182a2488}.joystick-knob{position:absolute;top:33px;left:33px;width:34px;height:34px;border-radius:50%;background:#b6e5d03d;border:1px solid var(--mint)}.touch-actions{pointer-events:auto;display:flex;gap:12px}.touch-actions button{width:65px;height:65px;border-radius:50%;background:#263c33ba;border:1px solid #b6e5d0aa;touch-action:none}.touch-actions button span{display:block;font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:650px){.paint-content{min-width:660px;display:flex;gap:20px}.paint-section{min-width:200px;flex:1;border-bottom:0;padding:4px 0 0;margin:0}.paint-section>.micro{font-size:7px;margin-bottom:8px}.color-row{font-size:10px;margin:6px 0}.color-picker{width:30px;height:20px}.color-picker input{width:40px;height:28px}.swatch{width:18px;height:18px}.swatches{gap:6px}.paint-control{margin:9px 0;font-size:9px}.paint-control input[type=text]{padding:5px;width:40px}.paint-control input[type=range]{width:95px}.pattern-btn{padding:6px 3px;font-size:7px}.pattern-sample{height:15px;margin-bottom:4px}.pattern-grid{gap:5px}.paint-section .secondary{padding:7px 10px;font-size:8px}.paint-section .segmented button{font-size:8px;padding:6px}}

/* v2: a viewport grid keeps the editor, 3D stage and action bar in separate rows. */
:root{color-scheme:dark;--bg:#0c1219;--surface:#151e28;--panel:#1a2631;--line:rgba(166,192,214,.14);--muted:#8fa4b7;--text:#e6eef5;--mint:#a9ebd5;--orange:#fa8c5b;--header:74px;--footer:72px;--sidebar:84px;--right:360px}
html,body{height:100%;height:100dvh;background:#0c1219;color:#e6eef5}
#app{width:100%;height:100dvh;display:grid;grid-template-rows:var(--header) minmax(0,1fr) var(--footer);overflow:hidden}
#app.in-battle{grid-template-rows:minmax(0,1fr)}
.header{min-width:0;background:#0e1620;box-shadow:0 1px 24px #0002}
.header-right,.brand{flex-shrink:0}.brand-symbol{border:0;background:linear-gradient(145deg,#a9ebd5,#67c1bb);color:#112d35;border-radius:4px}.brand-symbol span{background:#0e1620;color:var(--mint);border-radius:2px;padding:0 1px}
#main{height:100%;min-height:0;min-width:0;overflow:hidden}
#main.garage-mode{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--right);grid-template-rows:minmax(0,1fr) 84px}
.garage-mode .stage{position:relative;inset:auto;grid-column:2;grid-row:1;min-width:0;min-height:0}
.garage-mode .category-nav{position:relative;inset:auto;width:auto;grid-column:1;grid-row:1 / 3;min-height:0;background:#101922;padding:12px 0;gap:3px;overflow-y:auto;scrollbar-width:none}
.category{flex:1 0 54px;max-height:90px;min-height:50px;font-size:10px;gap:8px;border-left:3px solid transparent}
.category svg{width:27px;height:27px}.category.active{border-left-color:var(--mint);background:linear-gradient(90deg,#a9ebd019,transparent)}
.garage-mode .parts-panel{position:relative;inset:auto;width:auto;grid-column:3;grid-row:1 / 3;min-height:0;overflow:hidden;background:linear-gradient(150deg,#17222d,#101922)}
.panel-head{padding:25px 25px 20px;background:#141e28;border-bottom:1px solid var(--line)}.panel-head h2{font-size:34px;margin:12px 0 9px}.panel-head p{font-size:12px;line-height:1.5;color:#a2b3c2}
.parts-list{padding:15px;min-height:0}.part-card{min-height:110px;padding:16px 13px;border-radius:6px;gap:12px;background:linear-gradient(135deg,#20303d,#18242f);border:1px solid #93aec722;box-shadow:0 4px 9px #0001}.part-card:hover{background:#263a48;border-color:#a9ebd066}.part-card.active{background:linear-gradient(130deg,#25443960,#1d2e3880);border-color:#a9ebd099;box-shadow:inset 0 0 20px #a9ebd006}.part-title-row strong{font-size:14px}.part-info p{font-size:11px;line-height:1.55;margin:7px 0 12px;color:#9fb3c3}.part-art{width:47px;height:53px;border:1px solid #a1bad515;background:linear-gradient(135deg,#304452,#182530)}.part-art svg{width:36px;height:36px}.tag{font-size:8px;padding:4px 6px;color:#adbfcc;background:#aac5ca06}.part-weight{font-size:11px}.panel-foot{padding:14px 17px;min-height:45px;font-size:7px;background:#111a24}.panel-foot>.micro{font-size:6px}
.stage-heading{left:27px;top:25px;max-width:min(48%,330px);text-shadow:0 2px 16px #000a}.stage-heading h1{font-size:clamp(26px,2.7vw,40px);line-height:1.05;letter-spacing:.4px;margin:14px 0 9px}.stage-heading p{font-size:12px;color:#a3b7c6}.stage-heading .eyebrow{color:#a8c4d1;font-size:9px;letter-spacing:1.4px}
.stage-meta{left:27px;bottom:27px;max-width:52%;padding:15px 18px 12px;border-left:2px solid #a9ebd077;background:linear-gradient(90deg,#101b27d4,#101b2760 75%,transparent);border-radius:2px}.stage-meta>button{font-size:34px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:5px 0}.stage-meta .micro{font-size:8px}.model-label{font-size:7px;letter-spacing:1px;color:#8eb0ba}.orbit-hint{bottom:28px;right:23px;font-size:10px;color:#a8c7cc;background:#0a19257a;padding:10px 12px;border:1px solid #a9c6d016;border-radius:3px}.preview-tools{top:23px;right:20px}.preview-tools .icon-btn{width:35px;height:35px;background:#111e2ba6;border-color:#a8c5d832;color:#bad7dc}
.vignette{background:radial-gradient(ellipse at 53% 55%,transparent 35%,#0b162545 100%),linear-gradient(180deg,#08132077,transparent 32%,transparent 75%,#08132088)}
.garage-mode .specs{position:relative;inset:auto;left:auto;right:auto;bottom:auto;grid-column:2;grid-row:2;min-width:0;margin:0;padding:18px 27px;gap:24px;display:flex;flex-wrap:nowrap;background:#101a24;border-top:1px solid #a8c3d31a}.stat{min-width:0}.stat>span{font-size:9px;letter-spacing:.9px;white-space:nowrap;gap:7px}.stat b{font-size:19px;color:#dbece8}.stat-bar{height:4px;margin-top:10px;border-radius:3px}.stat-bar i{border-radius:3px;box-shadow:0 0 9px #a9ebd033}.weight{min-width:118px;flex-basis:auto;display:block;padding-left:20px;border-left:1px solid var(--line)}.weight>span{font-size:8px}.weight strong{font-size:24px;margin-top:8px}.weight small{font-size:10px}.weight #overweight{font-size:6px}
.footer{padding:0 24px;min-width:0;background:#0e1720}.loadouts,.footer-actions{min-width:0;gap:16px}.primary{height:43px;background:linear-gradient(135deg,#b6efcf,#82d8c8);color:#102f30;box-shadow:0 0 20px #9cdfc710;border:1px solid #dbfaec55;border-radius:4px;letter-spacing:.8px}.loadout-btn{background:#182733;border-color:#7799b22b}.loadout-btn.active{color:#b8efd9;border-color:#a9ebd08a;background:#24463850}.text-btn{color:#a0b8c7}
#main.arena-mode{display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:minmax(0,1fr)}.arena-mode .stage{position:relative;inset:auto;grid-column:1;grid-row:1;min-height:0;min-width:0}.arena-mode .arena-panel{position:relative;inset:auto;width:auto;grid-column:2;grid-row:1;min-height:0;background:linear-gradient(145deg,#192530,#101a23)}.arena-mode .stage-heading h1{font-size:clamp(40px,5vw,76px)}.arena-label{left:27px;bottom:28px;background:#0a1823a6;padding:12px 15px;border:1px solid #acc8d325;border-radius:3px;font-size:9px}.arena-panel-body{min-height:0}.arena-card{background:linear-gradient(135deg,#243542,#182630)}.arena-card.active{background:#27423877}.mode-card{background:#192834}.segmented{background:#0c1720}
#main.battle-mode{display:block;height:100%;min-height:0}.battle-mode .stage{position:absolute;inset:0;min-height:0}.battle-hud .hud-robot{border-radius:3px;background:linear-gradient(90deg,#101d2be8,#101d2b80)}.battle-hud .hud-robot.enemy{background:linear-gradient(-90deg,#101d2be8,#101d2b80)}.battle-hud .ability{background:#101e2cce;backdrop-filter:blur(6px)}.modal{background:linear-gradient(145deg,#1b2a36,#121e29)}.modal-backdrop{background:#061019cc}.modal input[type=text],.modal textarea,.modal select{background:#0d1823}.toast{background:#18392e}
@media(max-width:1150px){:root{--right:325px;--sidebar:76px}.stage-heading{left:22px;top:22px}.stage-meta{left:22px;bottom:24px}.garage-mode .specs{padding:17px 22px;gap:17px}.stat>span{font-size:8px}.stat b{font-size:17px}.weight{min-width:105px;padding-left:15px}.weight>span{font-size:7px}.weight strong{font-size:22px}.part-art{width:37px}.part-art svg{width:29px}.panel-head{padding:22px}.part-info p{font-size:10px}.part-title-row strong{font-size:13px}.orbit-hint{font-size:8px}.arena-mode .stage{right:auto}#main.arena-mode{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:850px){:root{--right:280px;--sidebar:64px;--header:64px;--footer:66px}.header{gap:23px;padding:0 17px}.category{flex-basis:45px;min-height:40px;font-size:8px;gap:5px}.category svg{width:23px;height:23px}.part-art{display:none}.part-title-row strong{font-size:12px}.part-info p{font-size:10px}.part-card{min-height:103px;padding:13px}.panel-head h2{font-size:28px}.stage-heading h1{font-size:27px}.stage-heading .eyebrow{font-size:7px}.stage-heading p{font-size:10px}.stage-meta{padding:10px 14px;bottom:40px;max-width:80%}.stage-meta>button{font-size:28px}.orbit-hint{bottom:12px;left:22px;right:auto;font-size:7px;padding:5px 8px}.garage-mode .specs{height:auto;padding:13px 18px;gap:14px;align-items:center}.stat>span{font-size:6px;letter-spacing:.4px}.stat b{font-size:14px}.weight{min-width:88px;padding-left:12px}.weight>span{font-size:6px}.weight strong{font-size:19px}.weight small{font-size:8px}.preview-tools .icon-btn{width:28px;height:28px;font-size:14px}#main.arena-mode{grid-template-columns:minmax(0,1fr) 320px}.loadouts,.footer-actions{gap:10px}.footer{padding:0 16px}}
@media(max-width:650px){:root{--header:58px;--footer:64px;--sidebar:53px;--right:0px}.header{padding:0 11px;gap:12px}.main-nav{gap:12px}.header-right{gap:7px}.brand{font-size:20px}.brand-symbol{width:24px;height:28px}.brand small{font-size:6px;letter-spacing:1.6px}.credit{font-size:10px}.nav-btn{font-size:11px}#main.garage-mode{grid-template-columns:53px minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(165px,32%) 54px}.garage-mode .stage{grid-column:2;grid-row:1;inset:auto}.garage-mode .category-nav{grid-column:1;grid-row:1;padding:5px 0;gap:0}.category{flex:1 0 30px;min-height:28px;padding:4px 2px;gap:3px;border-left-width:2px}.category svg{width:19px;height:19px}.category span{font-size:7px}.garage-mode .parts-panel{grid-column:1 / 3;grid-row:2;inset:auto;border-top:1px solid var(--line);border-left:0;display:flex}.panel-head{padding:12px 14px 8px;flex:none;background:transparent}.panel-head h2{display:inline;margin:0;font-size:23px}.panel-head p{font-size:10px;margin-left:8px;display:inline}.panel-head .eyebrow{display:none}.parts-list{flex:1;height:auto;display:flex;gap:8px;padding:5px 12px 10px;overflow-x:auto;overflow-y:hidden;align-items:stretch}.part-card{min-height:0;flex:0 0 210px;margin:0;padding:12px;border-radius:5px}.part-info p{font-size:10px;line-height:1.5;margin:5px 0 9px}.part-title-row strong{font-size:12px}.part-tags .tag{font-size:7px}.part-weight{font-size:10px}.panel-foot{display:none}.garage-mode .specs{grid-column:1 / 3;grid-row:3;height:auto;padding:9px 12px;gap:15px}.stat>span{font-size:6px;letter-spacing:.3px}.stat b{font-size:13px}.stat-bar{height:3px;margin-top:6px}.weight{min-width:77px;padding-left:11px}.weight>span{font-size:5px;letter-spacing:.4px}.weight strong{font-size:16px;margin-top:4px}.weight small{font-size:6px}.weight #overweight{font-size:5px}.stage-heading{left:15px;top:17px;max-width:70%}.stage-heading h1{font-size:23px;margin:10px 0 7px}.stage-heading p{font-size:9px}.stage-heading .eyebrow{font-size:6px;letter-spacing:.8px}.stage-meta{left:15px;bottom:17px;max-width:77%;padding:8px 12px}.stage-meta>button{font-size:24px}.model-label{font-size:6px;letter-spacing:.6px}.stage-meta .micro{font-size:6px}.orbit-hint{display:none}.preview-tools{right:10px;top:14px;gap:5px}.preview-tools .icon-btn{width:25px;height:25px}.footer{padding:0 11px;gap:8px}.loadouts,.footer-actions{gap:8px}.footer .primary{font-size:8px;padding:0 11px;height:38px;gap:10px}.loadout-btn{height:28px;padding:0 8px;font-size:8px}.loadout-save{height:28px;width:24px}.loadouts #loadout-buttons{gap:4px}.loadouts .text-btn{font-size:9px}.footer-actions .text-btn{font-size:15px}#main.arena-mode{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(280px,48%)}.arena-mode .stage{grid-column:1;grid-row:1;inset:auto}.arena-mode .arena-panel{grid-column:1;grid-row:2;inset:auto;border-top:1px solid var(--line);border-left:0;display:flex;overflow:hidden}.arena-mode .stage-heading h1{font-size:42px}.arena-label{left:15px;bottom:16px;font-size:6px;padding:9px 10px;letter-spacing:1px}.arena-panel .panel-head{display:none}.arena-panel-body{padding:13px 15px;overflow:auto;gap:9px}.arena-description{font-size:10px;line-height:1.5}.arena-panel .primary{height:39px}.paint-content{min-width:720px}.paint-section{min-width:220px}.paint-section>.micro{font-size:8px}.color-row{font-size:11px}.paint-control{font-size:10px}.pattern-btn{font-size:8px}.pattern-sample{height:19px}.paint-section .segmented button{font-size:9px}.paint-section .secondary{font-size:9px}}
@media(max-height:640px) and (min-width:651px){:root{--header:58px;--footer:62px}#main.garage-mode{grid-template-rows:minmax(0,1fr) 68px}.stage-heading{top:16px}.stage-heading h1{font-size:27px}.stage-heading p{display:none}.stage-meta{bottom:20px;padding:9px 12px}.stage-meta>button{font-size:26px}.stage-meta .micro{font-size:6px}.model-label{font-size:6px}.orbit-hint{bottom:20px;padding:7px 9px}.category{flex-basis:37px;min-height:35px;gap:4px}.category svg{width:20px;height:20px}.category span{font-size:8px}.panel-head{padding:16px 20px}.panel-head h2{font-size:26px;margin:9px 0 5px}.part-card{min-height:92px;padding:11px}.part-info p{font-size:10px;margin:5px 0 7px}.garage-mode .specs{padding:12px 24px}.stat b{font-size:16px}.weight strong{font-size:20px}.weight>span{font-size:6px}}
@media(max-height:660px) and (max-width:650px){.stage-heading h1{font-size:20px}.stage-heading p{display:none}.stage-meta{padding:5px 9px;bottom:12px}.stage-meta .micro,.model-label{display:none}.stage-meta>button{font-size:22px;margin:0}#main.garage-mode{grid-template-rows:minmax(0,1fr) 160px 48px}.category span{display:none}.category{flex-basis:22px;min-height:20px}.category svg{height:17px;width:17px}.part-info p{font-size:9px}.part-card{flex-basis:200px}}

/* v3: owned equipment, purchases and four engineering grades. */
.part-card{min-height:186px;align-items:flex-start;padding:16px 13px}.part-card.locked{background:linear-gradient(135deg,#1d2b39,#141e2a)}.part-card.locked .part-art{color:#668092}.mk-badge{font-size:8px;white-space:nowrap;color:#a9ebd5;padding:3px 5px;border:1px solid #a9ebd038;border-radius:3px;letter-spacing:.7px}.locked .mk-badge{color:#daa879;border-color:#daa87933}.part-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.equip-btn,.purchase-btn,.upgrade-btn{font-size:9px;letter-spacing:.5px;font-weight:600;border:1px solid #a9ebd043;border-radius:3px;padding:8px 9px;background:#a9ebd011;color:#c4efdf;min-height:31px}.equip-btn.equipped{opacity:1;color:#a9ebd5;border-color:transparent;background:#a9ebd00a}.purchase-btn{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px;background:#a9ebd51b}.purchase-btn span{white-space:nowrap}.ownership{font-size:7px;letter-spacing:1px;margin-left:auto;color:#799c91}.upgrade-row{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:10px}.upgrade-track{display:flex;gap:3px}.upgrade-track i{height:5px;width:12px;border-radius:1px;background:#384754}.upgrade-track .filled{background:#a9ebd5;box-shadow:0 0 7px #a9ebd02a}.upgrade-btn{border-color:#73a7c44d;background:#8ab3ce0a;color:#b4d9ef;font-size:9px;padding:6px 8px;min-height:28px}.upgrade-btn span{margin-left:6px;white-space:nowrap}.upgrade-benefit,.shop-note{display:block;font-size:9px;line-height:1.5;color:#7f9ba9;margin-top:7px}.shop-note{color:#b2a18e}.max-level{font-size:8px;color:#a9ebd5;letter-spacing:.7px}.payout-ledger{margin:14px 0 25px;padding:13px 16px;border:1px solid var(--line);background:#0d17214d;border-radius:4px}.payout-ledger>div{display:flex;justify-content:space-between;padding:5px 0;color:#a1b4c1;font-size:12px}.payout-ledger strong{color:#d3e4df;font-weight:600}.payout-ledger .payout-total{border-top:1px solid var(--line);padding-top:12px;margin-top:8px;color:#a9ebd5}.payout-total strong{color:#a9ebd5}.result-reward{gap:15px;flex-wrap:wrap}
@media(max-width:850px){.part-card{padding:13px}.part-title-row{align-items:flex-start}.mk-badge{font-size:7px}.upgrade-benefit{font-size:8px}.upgrade-track i{width:10px}}
@media(max-width:650px){#main.garage-mode{grid-template-rows:minmax(0,1fr) minmax(226px,39%) 54px}.part-card{flex-basis:245px;min-height:0;padding:11px 12px}.part-info p{font-size:9px;line-height:1.4;margin:5px 0 7px}.part-actions{margin-top:8px}.upgrade-row{margin-top:7px;padding-top:7px}.upgrade-benefit,.shop-note{font-size:8px;margin-top:5px}.panel-head{padding:9px 14px 6px}.panel-head p{font-size:9px}.purchase-btn{font-size:8px}.part-title-row strong{font-size:12px}.mk-badge{font-size:7px}.parts-list{padding-bottom:9px}}
@media(max-height:660px) and (max-width:650px){#main.garage-mode{grid-template-rows:minmax(0,1fr) 207px 48px}.part-card{flex-basis:245px}.part-info p{font-size:8px}.part-actions{margin-top:6px}.equip-btn,.purchase-btn{padding:5px 8px;min-height:27px}.upgrade-row{margin-top:5px;padding-top:5px}.upgrade-btn{min-height:24px;padding:4px 7px}.panel-head p{display:none}}

/* v4: five terrain blueprints and a selected map briefing. */
#arena-cards{display:flex;flex-direction:column;gap:9px}.arena-card{display:flex;align-items:center;min-height:91px;padding:10px;gap:14px;border-radius:5px;margin:0}.arena-card.active{border-color:var(--map-accent);background:linear-gradient(100deg,#26434b,#182935);box-shadow:inset 3px 0 var(--map-accent)}.arena-art{width:110px;height:82px;flex:none;background:transparent;border:0;padding:0;overflow:hidden}.arena-art svg{width:100%;height:100%;fill:initial;stroke:none}.arena-card-copy{min-width:0;flex:1}.arena-card strong{font-size:25px;margin:3px 0 5px;display:block;line-height:1}.arena-card .map-number{font-size:7px;letter-spacing:1.2px;color:var(--map-accent)}.arena-card span{font-size:10px;line-height:1.4}.arena-card .tag{font-size:6px;padding:3px 5px;letter-spacing:.6px;display:inline-block;margin-top:6px}.arena-brief{padding:13px;border:1px solid var(--line);border-radius:4px;background:#0d19234d;margin:3px 0 20px}.map-facts{display:flex;justify-content:space-between;gap:8px;color:#93b7c4;font-size:7px;letter-spacing:.8px}.arena-brief .arena-description{margin:12px 0 10px;line-height:1.55;font-size:11px}.arena-tip{border-top:1px solid var(--line);padding-top:10px;color:#c2d8cc;font-size:10px;line-height:1.55;margin:0}.terrain-alert{position:absolute;left:50%;top:139px;transform:translateX(-50%);max-width:90%;text-align:center;background:#5e2516dc;border:1px solid #f3a76d88;color:#ffcea0;padding:8px 13px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.8px;pointer-events:none}.terrain-alert.ice-alert{background:#153b55d9;border-color:#96d5ec77;color:#c5eaff}
@media(max-width:850px){.arena-art{width:90px;height:74px}.arena-card{gap:10px}.arena-card strong{font-size:24px}.arena-card span{font-size:9px}}
@media(max-width:650px){#arena-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.arena-card{min-height:0;flex-direction:column;gap:5px;padding:8px;align-items:stretch;text-align:left}.arena-art{width:100%;height:78px}.arena-art svg{max-width:132px;display:block;margin:auto}.arena-card-copy{min-height:67px}.arena-card strong{font-size:23px}.arena-card span{font-size:9px}.arena-card .map-number{font-size:6px}.arena-card .tag{font-size:5px}.arena-brief{grid-column:1 / -1;margin-bottom:4px}.arena-brief .arena-description{font-size:10px}.arena-tip{font-size:9px}.terrain-alert{top:118px;font-size:8px;max-width:64%;padding:6px 8px}.map-facts{font-size:6px}}
/* Four local modes stay readable in the arena panel. */
.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.mode-card{min-width:0;min-height:64px}
.mode-card span{line-height:1.4;white-space:normal}
.map-facts{flex-wrap:wrap;gap:8px}

.battle-hud{--radar-top:180px;--radar-size:135px;--radar-right:22px}.battle-hud #minimap{top:var(--radar-top);right:var(--radar-right);width:var(--radar-size);height:var(--radar-size)}
.pickup-legend{position:absolute;right:var(--radar-right);top:calc(var(--radar-top) + var(--radar-size) + 5px);width:var(--radar-size);display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;font-size:10px;font-weight:700;padding:8px 0;background:#102028aa;text-align:center;border-radius:4px;pointer-events:none}.pickup-legend span{flex:1;color:#79f0a5}.pickup-legend span:nth-child(2){color:#ffe077}.pickup-legend small{width:100%;color:#b7c9c7;font-size:8px;font-weight:400;line-height:1.4}
@media(max-width:850px){.battle-hud{--radar-top:154px;--radar-size:110px}}
@media(max-height:650px) and (min-width:651px){.battle-hud{--radar-top:144px}}
@media(max-width:650px){.battle-hud{--radar-top:160px;--radar-size:88px;--radar-right:12px}.pickup-legend{font-size:8px;gap:4px}.pickup-legend small{font-size:7px}}
/* Painting studio keeps controls in the scrolling panel and views over the stage. */
.spray-studio h3{font-size:25px;margin:10px 0}.paint-help{font-size:11px;color:#a5b8b9;line-height:1.65;margin:10px 0 16px}.paint-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0}.paint-tool{border:1px solid var(--line);border-radius:4px;background:#16252a;padding:10px 2px;font-size:9px;display:flex;flex-direction:column;gap:6px;align-items:center}.paint-tool b{font-size:20px}.paint-tool.active,.stencil-grid .active{border-color:var(--mint);color:var(--mint);background:#b6e5d011}.stencil-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}.stencil-grid button{border:1px solid var(--line);font-size:10px;padding:9px 6px;text-align:left;border-radius:3px}.paint-history{display:flex;gap:6px;margin:15px 0 8px}.paint-history button{flex:1;min-width:0;padding:9px}.paint-document{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.paint-document button{font-size:10px;color:#e0a484;text-decoration:underline}.paint-control select{max-width:155px;min-width:0;padding:7px 4px;background:#14252a;color:var(--text);border:1px solid var(--line);font-size:10px;border-radius:3px}.paint-control input[type=text]{max-width:135px}.zone-link{color:var(--mint);margin-left:8px}.color-row .color-picker{margin-left:auto}.paint-toolbar{position:absolute;left:28px;right:28px;bottom:177px;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;pointer-events:auto}.paint-toggle{border:1px solid #9fd2bd88;border-radius:4px;padding:12px 14px;background:#15272ee8;color:var(--mint);font-size:10px;letter-spacing:.8px}.paint-toggle.painting{background:var(--mint);color:#172c25}.paint-views{display:flex;gap:3px;align-items:center;background:#15272ee8;padding:4px;border:1px solid var(--line);border-radius:4px}.paint-views button{font-size:9px;padding:8px 9px;color:#bfd1d0}.paint-views button:hover{background:#b6e5d022}.pattern-sample.checker{background:conic-gradient(var(--accent-color) 25%,var(--paint-color) 0 50%,var(--accent-color) 0 75%,var(--paint-color) 0);background-size:14px 14px}.pattern-sample.hex{background:repeating-linear-gradient(60deg,transparent 0 10px,var(--accent-color) 11px 12px),repeating-linear-gradient(-60deg,var(--paint-color) 0 10px,var(--accent-color) 11px 12px)}.pattern-sample.circuit{background:repeating-linear-gradient(0deg,var(--paint-color) 0 8px,var(--accent-color) 9px 10px)}
@media(max-width:850px){.paint-toolbar{left:10px;right:10px;bottom:158px}.paint-views button{padding:7px 6px;font-size:8px}}
@media(max-width:650px){.paint-toolbar{bottom:20px;left:8px;right:8px;gap:5px}.paint-toggle{font-size:8px;padding:8px 10px}.paint-views button{padding:6px 7px}.paint-tool-grid{gap:6px}.paint-help{font-size:12px}.paint-tool{padding:12px 2px}}
.painting-studio .stage-heading,.painting-studio .stage-meta{display:none}.painting-studio .paint-toolbar{bottom:20px}.painting-studio .orbit-hint{bottom:85px;left:20px;right:auto;font-size:9px;max-width:calc(100% - 40px);line-height:1.5}
@media(max-width:650px){.painting-studio .orbit-hint{display:none}}

/* Online pilot progression and equipment gates. */
.account-btn{border:1px solid #b6e5d055;border-radius:4px;padding:9px 12px;color:var(--mint);font-size:10px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pilot-progress{position:absolute;left:0;right:0;top:calc(var(--header) - 2px);height:2px;background:#26383c;z-index:8;pointer-events:none}.pilot-progress>i{display:block;width:0;height:100%;background:var(--mint)}.pilot-progress>div{display:none}.level-gate{color:var(--mint)}.level-gate.unavailable{color:#efa586;border-color:#efa58644}.online-launch{display:flex;justify-content:space-between;align-items:center;border:1px solid #b6e5d055;background:#b6e5d016;color:var(--mint);padding:15px;font-size:12px;font-weight:700;margin-bottom:10px}.header-right{gap:15px}.upgrade-track{flex-wrap:wrap}.upgrade-track i{width:9px}.upgrade-benefit{line-height:1.5}@media(max-width:850px){.header-right{gap:8px}.account-btn{max-width:100px;padding:8px;font-size:9px}}@media(max-width:650px){.account-btn{max-width:90px;font-size:8px;padding:7px}.rank-small{display:none}.online-launch{font-size:11px;padding:13px}}

.equipment-filters{display:flex;gap:6px;padding:10px 16px 0}.equipment-filters input{width:100%;min-width:0;flex:1}.equipment-filters input,.equipment-filters select{background:#14242b;border:1px solid var(--line);color:var(--text);border-radius:3px;padding:8px;font-size:10px}.equipment-filters select{width:104px}.empty-equipment{color:var(--muted);font-size:12px;line-height:1.6;padding:12px}@media(max-width:650px){.equipment-filters{padding:7px 10px 0}.equipment-filters input,.equipment-filters select{padding:7px;font-size:10px}}