@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Roboto+Condensed:wght@400;600;700&display=swap');
:root{--rust:#b24d24;--amber:#e1a52c;--bone:#c8c2a6;--ink:#080a0a;--steel:#2d3331;--green:#75a85b;--enemy:#c84b36;--edge:#59605a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050706;color:var(--bone);font-family:"Roboto Condensed",Arial,sans-serif}button{font:inherit;color:inherit}button:focus-visible,canvas:focus-visible{outline:2px solid #f6c84a;outline-offset:-3px}#shell{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 286px;background:#080b0b}#viewport{position:relative;min-width:0;min-height:0;background:#050707;overflow:hidden;border:3px solid #242927;border-right:0;box-shadow:inset 0 0 0 1px #000}#game{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;contain:strict}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;height:44px;display:grid;grid-template-columns:136px 1fr 84px;pointer-events:none;background:linear-gradient(#1e2422e8,#0c0f0ee8);border-bottom:1px solid #596057;box-shadow:0 3px 0 #080a09,0 5px 14px #0008}.rankplate{height:44px;padding:5px 11px;border-right:1px solid #596057;background:repeating-linear-gradient(135deg,#181b19 0 7px,#121513 7px 14px)}.rankplate b{display:block;color:#e2a737;letter-spacing:.13em;font-family:"Black Ops One",Impact,sans-serif;font-size:14px}.rankplate small{display:block;color:#858d83;font-size:9px;letter-spacing:.16em}.objective{align-self:center;justify-self:center;display:flex;gap:9px;align-items:center;color:#bfc4b9;font-size:11px;letter-spacing:.16em}.objective i{width:28px;height:1px;background:#8a4d2a}.clock{font-family:"Black Ops One",Impact,sans-serif;color:#e0d4ad;text-align:center;padding:11px;border-left:1px solid #414843;letter-spacing:.08em}#toast{position:absolute;z-index:5;top:60px;left:50%;transform:translate(-50%,-10px);padding:7px 20px;border:1px solid #7d6837;background:#12140fe8;color:#e6b849;font-size:11px;letter-spacing:.16em;opacity:0;transition:.25s;pointer-events:none;box-shadow:0 2px 10px #000}#toast.show{opacity:1;transform:translate(-50%,0)}#order-hint{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.12em;color:#929a8e;background:#090b0ab8;padding:4px 8px;pointer-events:none}.touch{display:none}.overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#141a17bd,#050606ee);backdrop-filter:blur(2px)}.hidden{display:none!important}.result-card{width:min(510px,88%);padding:34px 38px;background:linear-gradient(135deg,#272c29,#111413 58%);border:1px solid #73786c;box-shadow:0 0 0 4px #0a0c0b,0 0 0 5px #343a36,0 22px 70px #000}.stencil,.section-title{color:#bd7138;font-size:10px;letter-spacing:.2em}.result-card h1{margin:5px 0 3px;font:36px "Black Ops One",Impact,sans-serif;letter-spacing:.05em;color:#dfd5b6}.result-card p{color:#8d948a}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #444a45;border-bottom:1px solid #444a45;margin:22px 0}.report-grid div{padding:12px 6px;border-right:1px solid #343934}.report-grid div:last-child{border:0}.report-grid small{display:block;font-size:8px;color:#747c72;letter-spacing:.12em}.report-grid b{font-size:18px;color:#d7a23c}.result-actions{display:flex;gap:9px}.result-actions button,#deploy{min-height:44px;border:1px solid #73766a;background:linear-gradient(#373d39,#171b19);box-shadow:inset 0 1px #6a7069,0 2px #050606;font-weight:700;letter-spacing:.08em;padding:0 18px}.result-actions .big-action,#deploy{background:linear-gradient(#b85b2d,#6d2e18);border-color:#d07a43;color:#fff2d1;flex:1}kbd{font:9px inherit;border:1px solid #786b55;padding:2px 4px;margin-left:8px}
#hud{position:relative;z-index:8;min-height:0;display:flex;flex-direction:column;padding:7px;background:linear-gradient(90deg,#161918,#2d3330 5%,#171b19 10%,#111412 93%,#3f4541);border-left:1px solid #606660;box-shadow:-6px 0 18px #000b;overflow:hidden}.hud-head{height:61px;display:flex;justify-content:space-between;align-items:center;padding:6px 9px;background:linear-gradient(#333a36,#111513);border:1px solid #565e57;box-shadow:inset 1px 1px #747c74,inset -2px -2px #070808}.brand{display:flex;align-items:center;gap:7px}.brand>span{display:grid;place-items:center;width:38px;height:38px;clip-path:polygon(50% 0,94% 23%,92% 76%,50% 100%,7% 76%,5% 23%);background:linear-gradient(135deg,#de7a39,#743016);font:25px "Black Ops One",Impact,sans-serif;color:#1a1410;text-shadow:0 1px #efaf68}.brand b{display:block;font:19px "Black Ops One",Impact,sans-serif;letter-spacing:.08em}.brand small{display:block;color:#757d74;font-size:7px;letter-spacing:.16em}.scrap{text-align:right}.scrap small{display:block;color:#8c9389;font-size:8px;letter-spacing:.2em}.scrap strong{font:23px "Black Ops One",Impact,sans-serif;color:#e3ad3e;letter-spacing:.06em}.radar-frame{position:relative;margin:8px 3px 6px;padding:8px 8px 20px;background:#252b28;border:1px solid #656b64;box-shadow:inset 2px 2px #080a09,inset -2px -2px #454b46}#radar{display:block;width:100%;height:112px;background:#0b1210;border:2px solid #090b0a;box-shadow:0 0 0 1px #565d56;image-rendering:pixelated}.screws{position:absolute;inset:3px;pointer-events:none}.screws i{position:absolute;width:4px;height:4px;border-radius:50%;background:#080908;box-shadow:inset 1px 1px #666}.screws i:nth-child(2){right:0}.screws i:nth-child(3){bottom:0}.screws i:nth-child(4){right:0;bottom:0}.radar-label{position:absolute;bottom:3px;left:9px;right:9px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.14em;color:#697268}.radar-label b{color:#78a95b}.status-strip{height:26px;display:flex;justify-content:space-between;padding:6px 8px;margin:0 3px 6px;background:#080b0a;border:1px solid #3f4541;font-size:9px;letter-spacing:.12em;color:#8c958a}.status-strip b{color:#dbad4b}.class-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 3px}.class-card{position:relative;height:91px;padding:0;overflow:hidden;text-align:left;background:linear-gradient(135deg,#343a36,#121513 65%);border:1px solid #535a54;box-shadow:inset 1px 1px #737a72,inset -2px -2px #050606;cursor:pointer}.class-card:hover{filter:brightness(1.17)}.class-card.selected{border-color:#d08738;box-shadow:inset 0 0 0 2px #6c361c,0 0 8px #d86d2744}.class-card canvas{display:block;width:100%;height:57px;background:#0b0e0d;border-bottom:1px solid #3f443f}.class-card div{padding:3px 5px;line-height:1}.class-card b{font-size:10px;color:#d5d0b8;letter-spacing:.08em}.class-card small{display:block;margin-top:2px;font-size:6px;color:#7e867c;letter-spacing:.07em}.class-card em{position:absolute;right:4px;bottom:5px;font-style:normal;font-weight:700;color:#dda23b;font-size:13px}.class-card .hotkey{position:absolute;left:4px;top:4px;display:grid;place-items:center;width:14px;height:14px;background:#050706c9;border:1px solid #5e655f;font-size:8px;color:#aaa}.production{margin:8px 3px 0;padding-top:5px;border-top:1px solid #505650}.section-title{display:flex;justify-content:space-between;margin-bottom:5px}.section-title small{color:#747c73}.section-title b{color:#d9a53e}.queue{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;height:15px;margin-bottom:5px}.queue i{background:#080a09;border:1px solid #3c423e;box-shadow:inset 1px 1px #000}.queue i.active{background:linear-gradient(90deg,#bc592c var(--p,100%),#232823 var(--p,100%));border-color:#9b6338}.build-row{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.make{height:42px;padding:3px;background:linear-gradient(#3c423e,#151817);border:1px solid #5d645e;box-shadow:inset 1px 1px #747b74,inset -2px -2px #080908;cursor:pointer}.make:active{transform:translateY(1px);box-shadow:inset 2px 2px #080908}.make:disabled{filter:grayscale(1);opacity:.42}.make b{display:block;font-size:8px;line-height:1}.make span{display:flex;justify-content:center;align-items:center;gap:3px;margin-top:5px;color:#d7a43e}.make span i{width:7px;height:7px;transform:rotate(45deg);background:#c47d28;box-shadow:inset 1px 1px #edb24f}#repeat{margin-top:4px;width:100%;height:33px;display:flex;align-items:center;gap:8px;padding:0 9px;background:linear-gradient(#333936,#131615);border:1px solid #5e655f;box-shadow:inset 1px 1px #747b74;color:#9ba198;letter-spacing:.12em;font-size:9px;cursor:pointer}#repeat[aria-pressed=true]{color:#e4bd5c;border-color:#a47135}.repeat-icon{font-size:18px}.lamp{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#2f332e;box-shadow:inset 0 1px #080908}#repeat[aria-pressed=true] .lamp{background:#e4a92d;box-shadow:0 0 8px #efb22e}.hud-foot{margin-top:auto;height:28px;display:flex;align-items:center;gap:5px;border-top:1px solid #454b46;padding-top:5px}.hud-foot button{width:27px;height:22px;border:1px solid #535a54;background:#151918;font-size:8px}.hud-foot span{flex:1;overflow:hidden;white-space:nowrap;color:#687168;font-size:7px;letter-spacing:.08em}#mobile-command{display:none}#help-panel{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#030504e8}#help-panel>div{position:relative;width:min(480px,90vw);padding:31px;background:linear-gradient(140deg,#2c312e,#101311 70%);border:1px solid #747a71;box-shadow:0 0 0 4px #080a09,0 20px 70px #000}#help-panel #close-help{position:absolute;right:9px;top:7px;background:none;border:0;font-size:25px}#help-panel small{color:#b06c38;letter-spacing:.17em}#help-panel h2{font:25px "Black Ops One",Impact,sans-serif;margin:7px 0 18px}#help-panel p{color:#a4aa9f;font-size:14px}#help-panel p b{color:#d7aa48}#help-panel dl{display:grid;grid-template-columns:90px 1fr;border-top:1px solid #464c47;padding-top:9px;font-size:12px}#help-panel dt{color:#dda742;font-weight:bold}#help-panel dd{margin:0;color:#838b82}#deploy{width:100%;margin-top:16px}
@media(max-width:700px){#shell{display:block}#viewport{position:absolute;inset:0 0 124px 0;border-width:0 0 2px}#hud{position:absolute;right:7px;top:51px;width:116px;height:auto;min-height:0;padding:3px;background:#161a18df;border:1px solid #5e655e;box-shadow:0 5px 18px #000}.hud-head{height:35px;padding:3px 5px}.brand>span{width:25px;height:25px;font-size:16px}.brand div{display:none}.scrap small{font-size:6px}.scrap strong{font-size:17px}.radar-frame{margin:3px;padding:4px 4px 14px}.radar-frame #radar{height:65px}.radar-label{bottom:2px;left:5px;right:5px;font-size:5px}.status-strip,.class-grid,.production,.hud-foot{display:none}.topbar{height:43px;grid-template-columns:108px 1fr 65px}.rankplate{height:43px;padding-left:8px}.rankplate b{font-size:12px}.objective{font-size:8px;letter-spacing:.08em}.objective i{display:none}.clock{font-size:12px;padding:13px 3px}#order-hint{bottom:8px}.mouse{display:none}.touch{display:inline}#mobile-command{position:absolute;z-index:10;display:grid;grid-template-columns:1fr 104px;inset:auto 0 0;height:124px;padding:7px 7px max(7px,env(safe-area-inset-bottom));gap:7px;background:linear-gradient(#353b37,#111413 15%,#1f2421);border-top:1px solid #6d736c;box-shadow:0 -4px 14px #000}.mobile-classes{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mobile-classes .class-card{height:108px}.mobile-classes .class-card canvas{height:70px}.mobile-classes .class-card small,.mobile-classes .hotkey{display:none}.mobile-classes .class-card b{font-size:9px}.mobile-classes .class-card em{font-size:11px}#mobile-make{height:108px;background:linear-gradient(145deg,#ca6330,#682c19);border:1px solid #e08a50;box-shadow:inset 2px 2px #ef9b62,inset -3px -3px #35140b,0 2px #050606;color:#fff0d2}#mobile-make span{display:block;font:18px "Black Ops One",Impact,sans-serif}#mobile-make b{font-size:9px;letter-spacing:.1em}.result-card{padding:25px 20px}.result-card h1{font-size:27px}.report-grid small{font-size:6px}.report-grid b{font-size:14px}}
@media(max-height:670px) and (min-width:701px){.radar-frame{margin-top:4px}.radar-frame #radar{height:90px}.class-card{height:75px}.class-card canvas{height:43px}.production{margin-top:4px}.make{height:35px}}

/* Mobile command deck: keep the mandatory repeat toggle beside MAKE. */
.mobile-actions{display:grid;grid-template-rows:1fr 34px;gap:4px;min-width:0}
#mobile-repeat{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #626a63;background:linear-gradient(#303632,#101312);box-shadow:inset 1px 1px #727a72,inset -2px -2px #050606;color:#aeb5aa;font-size:9px;letter-spacing:.13em}
#mobile-repeat>span{font-size:16px}#mobile-repeat .lamp{position:absolute;right:7px;width:6px;height:6px;border-radius:50%;background:#202420;box-shadow:0 0 0 1px #050606}
#mobile-repeat[aria-pressed="true"]{color:#f0be4b;border-color:#9c6b27}#mobile-repeat[aria-pressed="true"] .lamp{background:#8fc163;box-shadow:0 0 6px #75a85b}
@media(max-width:700px){#mobile-make{height:auto;min-height:0}.mobile-actions{height:108px}.mobile-classes .class-card{min-width:0}.mobile-classes .class-card canvas{max-width:100%}}