@font-face{font-family:Tiny5;src:url(/fonts/Tiny5.ttf)format("truetype");font-display:swap}:root{color:#223b48;font-synthesis:none;--ink:#223b48;--paper:#fff1cc;--line:#78968f;--accent:#b84b3d;background:#d4e7e6;font-family:Bahnschrift,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit}button,.button{border:2px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:3px 3px #223b4830}button:hover,.button:hover{background:#fff9e5}button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #bd6344}.primary{background:var(--accent);color:#fff8dc;border-color:var(--ink)}.primary:hover{background:#9c3b31}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.garage-top{border-bottom:3px solid var(--ink);background:#f6e8be;align-items:center;gap:24px;height:90px;padding:14px 30px;display:flex}.brand{font:30px/1 Tiny5,monospace;text-decoration:none}.brand span{margin-top:7px;font:16px Bahnschrift,Segoe UI,sans-serif;display:block}.profile-switch{align-items:center;gap:12px;margin-left:auto;font-size:14px;display:flex}.profile-switch select{border:2px solid var(--ink);background:#fff8de;max-width:190px;min-height:44px;padding:10px}.profile-switch>span{max-width:170px}.docs-link{font-size:14px}.garage-shell{grid-template-columns:186px 1fr;min-height:calc(100dvh - 90px);display:grid}.garage-nav{border-right:3px solid var(--ink);background:#acc9c6;flex-direction:column;gap:10px;padding:24px 14px;display:flex}.garage-nav>button{text-align:left;box-shadow:none;background:0 0;border-color:#0000;justify-content:flex-start}.garage-nav>button[aria-current=page]{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff1cc}.nav-bottom{gap:14px;margin-top:auto;padding:30px 6px 4px;display:grid}.nav-bottom a{font-weight:650}.nav-bottom small{color:#36535d;font-size:12px;line-height:1.6}main{grid-template-columns:minmax(300px,.95fr) minmax(360px,1.25fr);align-items:start;gap:30px;width:100%;max-width:1600px;margin:auto;padding:30px;display:grid}.machine-stage{border:3px solid var(--ink);background:#e6e7ce;min-width:0;position:sticky;top:24px;box-shadow:7px 7px #223b4822}.stage-toolbar{border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.stage-toolbar [role=group]{gap:8px;display:flex}.stage-toolbar button{box-shadow:none;padding:8px 10px;font-size:13px}.stage-toolbar button[aria-pressed=true]{background:var(--ink);color:#fff1cc}.stage-toolbar span{font-size:12px}#machine-preview{width:100%;height:440px;image-rendering:pixelated;touch-action:none;display:block}.stage-footer{border-top:2px solid var(--ink);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.stage-footer button{min-height:40px;box-shadow:none;padding:6px 10px;font-size:13px}#model-note{color:#45616a;margin:0;padding:0 12px 12px;font-size:12px;line-height:1.5}h1{margin:2px 0 18px;font:52px/.98 Tiny5,monospace}h2{margin:24px 0 12px;font:28px Tiny5,monospace}h3{margin:0 0 8px;font-size:17px}p{max-width:65ch;line-height:1.6}.lead{margin-bottom:24px;font-size:18px}.actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.actions .primary{min-width:160px}.brief{border-top:2px solid var(--ink);grid-template-columns:auto 1fr;gap:12px 20px;margin-top:26px;padding:16px 0;font-size:14px;display:grid}.brief dt{color:#4e6870}.brief dd{margin:0}.local-note{color:#405f67;font-size:13px}.panel-box{border:2px solid var(--ink);background:#f6e8be;margin:20px 0;padding:18px}.panel-box>h2:first-child{margin-top:0}.field{gap:8px;margin:14px 0;font-size:14px;display:grid}.field input,.field select{background:#fff8de;border:2px solid #607d80;width:100%;min-width:0;min-height:44px;padding:10px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.xp-track{border:2px solid var(--ink);background:#a4b7a5;height:12px;margin:12px 0}.xp-track span{background:#b84b3d;height:100%;display:block}.stats{gap:22px;margin:20px 0;display:flex}.stats strong{font:34px Tiny5}.stats span{font-size:12px;display:block}.inventory-list,.upgrade-list{margin:0;padding:0;list-style:none}.inventory-list li,.upgrade-list li{border-bottom:1px solid #647f7c66;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.inventory-list small,.upgrade-list small{color:#47636a;margin-top:5px;font-size:12px;line-height:1.4;display:block}.inventory-list button,.upgrade-list button{white-space:nowrap;padding:8px 12px;font-size:13px}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{width:48px;height:48px;min-height:48px;box-shadow:none;background:#fff1cc;padding:3px}.swatch span{background:var(--swatch);width:100%;height:100%;display:block}.swatch[aria-pressed=true]{outline-offset:3px;outline:3px solid #b84b3d}.rewards{background:#d9e6b6;border:2px solid #50664e;margin:16px 0;padding:14px}.planned{opacity:.7;border:2px dashed #6c8281;margin-top:20px;padding:14px;font-size:13px}.garage-status{color:#fff1cc;z-index:12;background:#223b48;border:2px solid #fff1cc;max-width:min(650px,100vw - 30px);margin:0;padding:12px 18px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:4px 4px #223b4830}.garage-status:empty{display:none}.crate-view{width:100%;height:240px;image-rendering:pixelated;border:2px solid var(--ink);background:#bdd5d0;display:block}@media (width<=1100px){main{grid-template-columns:minmax(270px,1fr) minmax(300px,1fr);gap:20px;padding:24px}.garage-shell{grid-template-columns:160px 1fr}.garage-top{padding:14px 20px}.docs-link{display:none}#machine-preview{height:360px}.profile-switch>span{display:none}}@media (width<=800px){.garage-top{flex-wrap:wrap;gap:12px;height:auto;min-height:94px;padding:14px 16px}.brand{font-size:26px}.profile-switch{gap:7px;margin-left:auto}.profile-switch label{display:none}.profile-switch select{max-width:145px}.garage-shell{display:block}.garage-nav{border-right:0;border-bottom:2px solid var(--ink);flex-direction:row;gap:8px;padding:10px;overflow-x:auto}.garage-nav>button{white-space:nowrap;padding:8px 12px;font-size:13px}.nav-bottom{display:none}main{flex-direction:column;gap:20px;padding:22px 16px;display:flex}.machine-stage{order:-1;width:100%;position:static}#machine-preview{height:270px}#garage-panel{width:100%}h1{font-size:42px}.stage-toolbar{padding:8px}.stage-toolbar span{display:none}.stage-footer{padding:8px;font-size:11px}#model-note{font-size:11px}.field-row{grid-template-columns:1fr}.lead{font-size:16px}.garage-status{font-size:13px}.upgrade-list button{padding:8px}.profile-switch select{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.auth-splash .garage-top{z-index:3;pointer-events:none;background:0 0;border:0;height:auto;min-height:0;padding:22px 28px;position:fixed;inset:0 0 auto}.auth-splash .brand{text-shadow:2px 2px #fff1cc;pointer-events:auto;font-size:38px}.auth-splash .brand span,.auth-splash .profile-switch,.auth-splash .docs-link,.auth-splash .garage-nav{display:none}.auth-splash .garage-shell{min-height:100dvh;display:block}.auth-splash main{max-width:none;margin:0;padding:0;display:block}.auth-splash .machine-stage{width:100%;height:100dvh;box-shadow:none;border:0;position:fixed;inset:0}.auth-splash #machine-preview{width:100vw;height:100dvh}.auth-splash .stage-toolbar,.auth-splash .stage-footer,.auth-splash #model-note{display:none}.auth-splash #garage-panel{z-index:2;width:min(440px,100vw - 32px);margin:0 auto;padding-top:max(100px,17dvh);padding-bottom:32px;position:relative}.auth-splash #garage-panel>h1{text-align:center;text-shadow:2px 2px #fff1cc;margin-bottom:8px;font-size:56px}.auth-splash .splash-intro{text-align:center;text-shadow:1px 1px #fff1cc;margin:0 0 18px;font-weight:650}.auth-splash .panel-box{background:#fff1e0f5;border:3px solid #223b48;padding:24px;box-shadow:7px 7px #223b4838}.auth-splash .panel-box h2{margin:0 0 12px}.auth-splash .panel-box button{color:#fff8dc;background:#b84b3d;width:100%}.auth-splash .panel-box button:disabled{background:#586f75}.auth-splash input[name=code]{letter-spacing:.55em;text-align:center;padding-left:26px;font:32px Tiny5,monospace}.auth-splash .machine-stage:after{content:"";pointer-events:none;background:#9bc3bd22;position:absolute;inset:0}@media (width<=600px){.auth-splash .garage-top{padding:20px 16px}.auth-splash .brand{font-size:30px}.auth-splash #garage-panel{padding-top:110px}.auth-splash #garage-panel>h1{font-size:42px}.auth-splash .panel-box{padding:20px}}.match-choices{gap:14px;margin:24px 0;display:grid}.casual-choice,.ranked-choice{border:3px solid var(--ink);background:#fff1cc;gap:10px;padding:20px;text-decoration:none;display:grid;box-shadow:5px 5px #223b4825}.casual-choice{border-left-width:12px;border-left-color:#b84b3d}.casual-choice>strong,.ranked-choice>strong{font:36px Tiny5,monospace}.casual-choice>b{color:#fff8dc;text-align:center;border:2px solid var(--ink);background:#b84b3d;padding:13px}.casual-choice:hover>b{background:#923f35}.ranked-choice{box-shadow:none;background:#dbe5db}.ranked-choice button{justify-self:start}.menu-shortcuts{flex-wrap:wrap;gap:10px;display:flex}.skills-mode main{max-width:1500px;display:block}.skills-mode .machine-stage{display:none}.skill-budget{border-left:7px solid var(--ink);background:#fff1cc;flex-wrap:wrap;align-items:center;gap:12px;max-width:650px;padding:12px 18px;display:flex}.skill-budget>strong{font:48px Tiny5,monospace}.skill-budget>span:last-child{margin-left:auto}.skill-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.skill-path{--path:#b84b3d;border:3px solid var(--ink);background:#fff3d6;padding:20px;box-shadow:5px 5px #223b4820}.skill-path.ordnance{--path:#326f91;background:#e0eef0}.skill-path.aviator{--path:#4b7751;background:#e5edd2}.skill-path>header{border-bottom:3px solid var(--path);align-items:center;gap:14px;padding-bottom:14px;display:flex}.skill-path h2{margin:0;font-size:34px}.skill-path header p{margin:4px 0 0}.path-symbol{color:var(--path);text-align:center;width:48px;font:42px Tiny5,monospace}.path-description{min-height:110px;font-size:14px;line-height:1.6}.skill-nodes{grid-template-columns:repeat(4,minmax(44px,1fr));gap:10px;padding:0;list-style:none;display:grid}.skill-nodes button{width:100%;height:48px;box-shadow:none;border-color:var(--path);padding:4px;font:24px Tiny5,monospace}.skill-nodes .owned button{opacity:1;background:var(--path);color:#fff9e5}.skill-nodes .next button:not(:disabled){outline:3px solid var(--path);outline-offset:3px;background:#fffdf0}.skill-nodes .locked button{background:0 0}.skill-nodes .legendary{grid-column:1/-1;margin-top:5px}.skill-nodes .legendary button{gap:12px;height:auto;min-height:74px;padding:12px}.skill-nodes .legendary strong{font:23px Tiny5,monospace}.skill-nodes .legendary.owned button{color:#223b48;background:#e4c76f}.skill-next{min-height:36px;margin-bottom:0;font-size:13px}.tool-choice{align-items:center;gap:12px;min-height:44px;display:flex}.tool-choice input{width:22px;height:22px}@media (width<=1100px){.skill-paths{gap:14px}.skill-path{padding:14px}.skill-nodes{gap:8px}.skill-path h2{font-size:30px}.path-description{min-height:150px}}@media (width<=900px){.skill-paths{grid-template-columns:1fr;max-width:600px}.path-description{min-height:0}.skill-path{padding:20px}.skill-nodes{grid-template-columns:repeat(5,minmax(44px,1fr));gap:10px}.skill-nodes .legendary{grid-column:1/-1}.skill-budget{font-size:14px}.skill-budget>span:last-child{margin-left:0}.match-choices{margin-top:16px}}