:root{--paper:#eee9d9;--ink:#253d3a;--muted:#69766a;--accent:#d95632;--line:#253d3a33;--panel:#f4efdef5;--text:var(--ink);--cyan:#397f77;--green:#367962;--red:#ba4029;--font:"Segoe UI",Arial,sans-serif;--mono:"Consolas",monospace;--display:"Arial Black","Segoe UI",sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font);margin:0;overflow:hidden}button{font:700 11px var(--font);letter-spacing:.07em;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;padding:11px 16px;transition:background .16s,transform .16s,border-color .16s}button:hover:not(:disabled){border-color:var(--ink);background:#dedac9}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}button.big{background:var(--accent);color:#fff5df;border:1px solid var(--accent);padding:17px 22px;font-weight:800;box-shadow:3px 3px #253d3a26}button.big:hover:not(:disabled){background:#be4424;border-color:#be4424}button.big span,button.secondary span{margin-left:22px;font-size:20px;line-height:0}button.secondary{background:#efead9b3;padding:17px 20px}button.on{background:var(--ink);color:var(--paper)}.hidden{display:none!important}#app,#view{width:100%;height:100%;position:absolute;inset:0}#view{cursor:crosshair;display:block}.eyebrow{font:700 10px var(--mono);letter-spacing:.13em}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:16px;font-weight:900;display:flex}.brand small{font:600 8px var(--mono);letter-spacing:.16em;margin-top:3px;display:block}.brand-mark{background:var(--ink);color:var(--paper);width:43px;height:43px;font:900 18px var(--display);place-items:center;display:grid;transform:skew(-6deg)}#menu{z-index:10;background:linear-gradient(90deg,#eee9d9fa 0%,#eee9d9e8 26%,#eee9d91a 52%,#0000 75%);padding:0 42px;position:absolute;inset:0;overflow:auto}.menu-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.menu-header nav{font:700 10px var(--mono);letter-spacing:.09em;align-items:center;gap:32px;display:flex}.menu-header nav button{font:inherit;border:0;padding:12px 0}.menu-header nav button span{margin-left:9px}.nav-current{position:relative}.nav-current:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:-34px;left:0;right:0}.hero{align-items:center;height:calc(100vh - 366px);min-height:380px;max-height:660px;display:flex;position:relative}.hero-copy{z-index:1;padding:25px 0}.hero .eyebrow{align-items:center;gap:9px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.edition{opacity:.55;margin-left:18px}h1{font:900 clamp(58px,6.7vw,110px)/.91 var(--display);letter-spacing:-.075em;margin:24px 0 20px}h1 span{color:var(--accent)}.hero-copy p{color:#566659;margin:0 0 24px;font-size:13px;line-height:1.8}.hero-actions{gap:10px;display:flex}.quick-note{font:10px var(--mono);color:var(--muted);margin-top:12px}.machine-stamp{align-items:center;gap:12px;display:flex;position:absolute;bottom:13%;right:2%}.stamp-line{background:var(--ink);width:42px;height:1px}.machine-stamp strong{font:900 22px var(--display);letter-spacing:-.06em;margin:4px 0;display:block}.machine-stamp div>span:last-child{font:8px var(--mono);letter-spacing:.09em}.hero-index{font:900 54px var(--display);letter-spacing:-.07em;opacity:.25;align-items:center;gap:16px;display:flex;position:absolute;top:30px;right:0}.hero-index span{writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.18em}.circuit{border-top:1px solid var(--line);background:linear-gradient(0deg,var(--paper),#eee9d9e6 80%,#eee9d980);margin:0 -2px;padding:19px 0 0;position:relative}.circuit-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.circuit-heading .eyebrow{color:var(--muted);font-size:8px}h2{font:900 22px var(--display);letter-spacing:-.045em;margin:4px 0}.arena-cards{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.arena-card{text-align:left;border:1px solid var(--line);background:#e4dfcc;flex-direction:column;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.arena-card:hover:not(:disabled){transform:translateY(-3px)}.arena-card.selected{border:2px solid var(--accent);margin:-1px}.arena-art{background:var(--arena-bg);width:100%;height:99px;position:relative;overflow:hidden}.arena-art svg{width:100%;height:100%;display:block}.arena-number{font:900 12px var(--mono);color:#fff3d7;position:absolute;top:8px;left:10px}.arena-state{font:700 7px var(--mono);color:#f5edd4;letter-spacing:.06em;background:#253d3a;padding:4px 6px;position:absolute;top:8px;right:8px}.arena-card.selected .arena-state{background:var(--accent)}.arena-copy{justify-content:space-between;align-items:center;width:100%;padding:10px 12px 11px;display:flex}.arena-copy strong{font:900 12px var(--display);letter-spacing:-.035em}.arena-copy small{font:8px var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:4px;display:block}.arena-copy>span{font-size:18px;font-weight:400}.arena-card.locked .arena-art{filter:saturate(.65)}.menu-footer{height:48px;font:8px var(--mono);letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;display:flex}.menu-footer i{background:var(--green);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.menu-footer b{padding:0 9px;font-weight:400}.desktop-note{opacity:.7}.screen{z-index:30;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.screen.dim{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1b2c2aa6}#loading{background:var(--paper)}.loading-track{background:#d8d4c3;width:200px;height:3px;overflow:hidden}.loading-track i{background:var(--accent);width:40%;height:100%;animation:1.2s ease-in-out infinite alternate loading;display:block}@keyframes loading{to{transform:translate(150%)}}.modal-panel{background:var(--paper);border-top:7px solid var(--accent);width:min(470px,100vw - 40px);padding:40px;box-shadow:10px 10px #00000026}.title{font:900 49px/.98 var(--display);letter-spacing:-.06em;margin:23px 0}.modal-panel p{color:var(--muted);font-size:13px;line-height:1.6}.modal-panel>button{width:100%;margin-top:10px;display:block}.end-stats{border-block:1px solid var(--line);font:11px var(--mono);gap:24px;margin:20px 0;padding:15px 0;display:flex}.end-stats b{font:900 24px var(--display);margin-bottom:4px;display:block}dialog{color:var(--ink);background:var(--paper);border:0;border-top:7px solid var(--accent);width:min(600px,100vw - 32px);max-height:90vh;padding:30px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b2c2ab3}.manual-head{justify-content:space-between;align-items:center;display:flex}.manual-head button{border:0;font-size:18px}dialog h2{margin:20px 0;font-size:36px;line-height:1.05}dialog p{color:var(--muted);font-size:13px;line-height:1.7}.control-grid{grid-template-columns:1fr 1fr;gap:16px;margin:25px 0;font-size:11px;display:grid}.control-grid span{align-items:center;gap:10px;display:flex}kbd{font:700 9px var(--mono);border:1px solid var(--line);color:var(--ink);background:#e0ddcc;border-bottom-width:2px;padding:5px 7px}.manual-tip{background:#dfdfcc;padding:18px}.manual-tip b{font:700 10px var(--mono)}.manual-tip p{margin-bottom:0}.panel{background:var(--panel);border:1px solid var(--line);z-index:5;padding:18px;position:absolute;box-shadow:3px 3px #253d3a14}.panel.small{padding:12px}.panel-title{font:800 10px var(--mono);letter-spacing:.09em;border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:12px}.panel-title span{float:right;color:var(--muted);font-size:8px}.info{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.6}.info b{color:var(--ink)}.row{gap:6px;margin-top:10px;display:flex}.row button{flex:1;padding:9px 5px;font-size:10px}.hint{font:10px var(--mono);background:var(--panel);z-index:5;white-space:nowrap;border:1px solid var(--line);padding:12px 16px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hint b{color:var(--accent);margin:0 8px}.workspace-header{border-bottom:1px solid var(--line);z-index:6;justify-content:space-between;align-items:center;height:75px;display:flex;position:absolute;top:0;left:22px;right:22px}.workspace-header .brand{text-align:center;display:block}.workspace-header>span{font-size:8px}.workspace-header>button{background:var(--panel)}#ws-left{width:245px;top:92px;bottom:66px;left:22px;overflow-y:auto}#ws-right{flex-direction:column;width:274px;max-height:calc(100% - 158px);display:flex;top:92px;right:22px;overflow-y:auto}#ws-right .big{margin-top:14px;font-size:11px}.arena-title{margin-top:22px}.seg{gap:3px;margin-bottom:13px;display:flex}.seg button{flex:1;padding:8px 3px;font-size:10px}.cat-group{font:700 9px var(--mono);letter-spacing:.1em;color:var(--muted);margin:16px 0 7px}.cat-item{text-align:left;letter-spacing:0;border:1px solid #0000;align-items:center;gap:8px;width:100%;margin:2px 0;padding:8px 6px;font-size:11px;display:flex}.cat-item:hover{background:#e1dfcd}.cat-item .ic{width:22px;font:12px var(--mono);color:var(--cyan)}.cat-item .cost{font:11px var(--mono);color:var(--muted);margin-left:auto}.stat{border-bottom:1px solid var(--line);justify-content:space-between;padding:5px 0;font-size:11px;display:flex}.stat span:last-child{font:11px var(--mono)}.stat.bad span:last-child{color:var(--red)}.stat.good span:last-child{color:var(--green)}.warn{color:var(--red);margin-top:7px;font-size:11px}.lvl{border:1px solid var(--line);cursor:pointer;text-align:left;align-items:center;gap:9px;width:100%;margin:3px 0;padding:9px 8px;font-size:10px;display:flex}.lvl.sel{background:var(--ink);color:var(--paper);border-color:var(--ink)}.lvl.locked{opacity:.5;cursor:not-allowed}.lvl .n{font:700 11px var(--mono);color:var(--accent)}.lvl .done{margin-left:auto;font-size:10px}.workshop-caption{text-align:center;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.workshop-caption h2{margin:7px 0;font-size:25px}.workshop-caption>span:last-child{font:8px var(--mono);color:var(--muted)}#hud{pointer-events:none;z-index:4;position:absolute;inset:0}#hud-top{text-align:center;background:var(--panel);border-top:3px solid var(--accent);min-width:270px;padding:12px 22px;position:absolute;top:22px;left:50%;transform:translate(-50%)}#hud-level{font:700 9px var(--mono);letter-spacing:.12em;color:var(--muted)}#hud-wave{font:900 19px var(--display);letter-spacing:-.04em;margin-top:4px}#hud-objective{font:10px var(--mono);color:var(--muted);margin-top:5px}#hud-boss{width:300px;margin-top:10px}#hud-boss .boss-name{color:var(--red);font:800 12px var(--mono)}#hud-boss .bar{height:8px}#hud-boss .bar i{background:var(--accent)}#hud-left{width:220px;top:22px;left:22px}.row-label{font:700 8px var(--mono);letter-spacing:.04em;color:var(--muted);margin-top:8px}.row-label span{color:var(--ink)}.row-label>span:first-child{margin-left:7px}.bar{background:#253d3a1f;height:5px;margin:5px 0 8px;overflow:hidden}.bar i{background:var(--green);width:100%;height:100%;transition:width .15s;display:block}.bar.core{height:9px}.bar.power i{background:var(--cyan)}#hud-parts{grid-template-columns:1fr 1fr;gap:3px 10px;margin-top:12px;display:grid}.hp-part{color:var(--muted);font-size:8px}.hp-part .bar{height:2px;margin:3px 0 2px}#hud-map{background:#253d3a;padding:6px;top:22px;right:22px}#minimap{width:150px;height:150px;display:block}#map-label{text-align:center;font:700 8px var(--mono);letter-spacing:.1em;color:#d0dcc4;position:absolute;bottom:7px;left:0;right:0}#btn-pause{background:var(--panel);pointer-events:auto;font-size:16px;position:absolute;top:195px;right:22px}#hud-weapons{gap:6px;display:flex;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.wpn{background:var(--panel);border:1px solid var(--line);font:10px var(--mono);text-align:center;min-width:100px;padding:9px 15px}.wpn .bar{height:3px;margin:7px 0 0}.wpn .bar i{background:var(--accent)}.wpn.heavy{border-bottom:3px solid var(--accent)}#hud-prompt{background:var(--ink);color:var(--paper);font:700 12px var(--mono);padding:10px 16px;position:absolute;bottom:125px;left:50%;transform:translate(-50%)}#hud-prompt:empty{display:none}#hud-build{color:var(--paper);font:700 11px var(--mono);background:var(--ink);width:max-content;max-width:80vw;padding:12px 18px;position:absolute;top:130px;left:50%;transform:translate(-50%)}#hud-help{color:var(--ink);white-space:nowrap;background:var(--panel);padding:10px;font-size:10px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#hud-help kbd{margin:0 4px 0 10px;padding:3px 4px}#message{text-align:center;font:900 40px/.98 var(--display);letter-spacing:-.05em;pointer-events:none;z-index:10;opacity:0;color:var(--ink);background:var(--paper);border-left:7px solid var(--accent);width:max-content;max-width:80vw;padding:24px 35px;transition:opacity .25s;position:absolute;top:35%;left:50%;transform:translate(-50%);box-shadow:6px 6px #253d3a33}#message small{font:11px/1.5 var(--mono);letter-spacing:0;color:var(--muted);margin-top:10px;display:block}#message.show{opacity:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#9ba18b}::-webkit-scrollbar-track{background:0 0}@media (height>=950px){.hero{height:calc(100vh - 410px)}.arena-art{height:130px}.circuit-heading{margin-bottom:20px}}@media (width<=1100px){#menu{padding:0 26px}.menu-header nav{gap:20px}.hero-actions{gap:8px}.hero-actions button{padding:15px 14px;font-size:10px}.machine-stamp{bottom:14%;right:0}.machine-stamp strong{font-size:18px}.arena-cards{gap:8px}.arena-copy{padding:9px}.arena-copy strong{font-size:10px}.arena-copy small{font-size:7px}.desktop-note{display:none}.workspace-header{left:14px;right:14px}#ws-left{width:215px;left:14px}#ws-right{width:245px;right:14px}.hint{font-size:9px}.workshop-caption h2{font-size:20px}}@media (height<=760px) and (width>=850px){.menu-header{height:66px}.nav-current:after{bottom:-24px}.hero{height:calc(100vh - 310px);min-height:320px}h1{margin:18px 0 15px;font-size:76px}.hero-copy p{margin-bottom:15px;font-size:12px}.hero-copy{padding:20px 0}.arena-art{height:76px}.circuit{padding-top:12px}.circuit-heading{margin-bottom:10px}.circuit-heading h2{font-size:19px}.menu-footer{height:36px}.hero .eyebrow{font-size:9px}.machine-stamp{bottom:12%}.panel{padding:13px}.stat{padding:3px 0}.lvl{padding:7px 6px}.arena-title{margin-top:16px}}@media (width<=850px){#menu{background:linear-gradient(90deg,#eee9d9fa,#eee9d9cc 40%,#eee9d90d);padding:0 20px}.menu-header{height:70px}.brand{font-size:13px}.brand small{font-size:6px}.menu-header nav{gap:14px}.nav-current{display:none}.menu-header nav button{font-size:8px}.hero{align-items:flex-start;height:400px;min-height:400px}.hero-copy{padding-top:32px}h1{font-size:70px}.hero-copy p{max-width:300px;font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions button{min-width:210px}.machine-stamp{bottom:35px;right:0}.machine-stamp .eyebrow{font-size:7px}.machine-stamp strong{font-size:15px}.stamp-line,.hero-index{display:none}.arena-cards{grid-template-columns:repeat(5,170px);padding:3px 2px 12px;overflow-x:auto}.arena-art{height:90px}.circuit-heading h2{font-size:19px}.circuit-heading>.eyebrow,.menu-footer{font-size:7px}.menu-footer>span:last-child{display:none}#ws-left{width:190px}#ws-right{width:210px}.workshop-caption{display:none}.hint{white-space:normal;text-align:center;width:90%;line-height:1.6}#hud-left{width:170px;top:12px;left:12px}#hud-parts{display:none}#hud-top{min-width:210px;padding:10px;top:12px}#hud-wave{font-size:16px}#hud-map{top:12px;right:12px}#minimap{width:110px;height:110px}#btn-pause{top:145px;right:12px}#hud-help{font-size:9px}#hud-help kbd{margin-left:4px}}@media (width<=580px){.hero{height:410px}.hero-copy p{max-width:260px}.machine-stamp,.brand small{display:none}.menu-header nav button{font-size:7px}.menu-header nav{gap:10px}.brand-mark{width:32px;height:32px;font-size:14px}.brand{gap:8px;font-size:11px}.circuit-heading h2{font-size:17px}.circuit-heading>.eyebrow{text-align:right;max-width:75px;line-height:1.6}#ws-left{width:145px;padding:9px;top:78px;bottom:70px;left:8px}#ws-right{width:165px;max-height:calc(100% - 148px);padding:9px;top:78px;right:8px}.cat-item{gap:2px;padding:7px 2px;font-size:9px}.cat-item .ic{width:18px}.panel-title{font-size:8px}.stat{font-size:9px}.workspace-header .brand{font-size:10px}.workspace-header>.eyebrow{display:none}.workspace-header button{padding:10px;font-size:9px}.seg button{font-size:8px}#hud-top{min-width:170px;top:145px;left:12px;transform:none}#hud-boss{width:180px}#hud-help{white-space:normal;text-align:center;width:96vw;max-width:96vw;line-height:2}#hud-weapons{bottom:90px}#hud-prompt{bottom:155px}.control-grid{grid-template-columns:1fr}dialog h2{font-size:30px}.title{font-size:40px}.modal-panel{padding:28px}#message{max-width:90vw;padding:20px;font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#btn-deploy{z-index:2;flex-shrink:0;position:sticky;bottom:0}@media (width<=580px){#ws-right{max-height:calc(100% - 148px)}}#ws-right{max-height:calc(100% - 150px)}#hud-parts{pointer-events:auto;grid-template-columns:1fr 1fr;max-height:32vh;overflow:auto}.hp-part{text-align:left;letter-spacing:0;cursor:pointer;background:0 0;border:1px solid #0000;min-width:0;padding:5px}.hp-part.selected{border-color:var(--cyan);color:var(--ink);background:#4fd8ff26}.hp-part.critical{color:var(--red);animation:.85s steps(2,end) infinite damage-blink}#hud-left.critical{border-color:var(--red);animation:1s steps(2,end) infinite core-alarm}#hud-detach{background:var(--red);color:#fff;pointer-events:auto;width:100%;margin-top:8px;padding:7px;font-size:10px}@keyframes damage-blink{50%{opacity:.35}}@keyframes core-alarm{50%{box-shadow:0 0 0 4px #ba402966}}#touch-controls{display:none}@media (pointer:coarse){#view{touch-action:none}#touch-controls{pointer-events:none;z-index:7;display:block;position:absolute;inset:0}.touch-stick{pointer-events:auto;touch-action:none;width:124px;height:124px;color:var(--ink);font:700 10px var(--mono);-webkit-user-select:none;user-select:none;background:#efead9b8;border:2px solid #253d3ab3;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:25px}.touch-stick i{background:var(--cyan);border:2px solid var(--ink);opacity:.8;pointer-events:none;border-radius:50%;width:48px;height:48px;position:absolute;box-shadow:2px 2px #253d3a40}.touch-stick span{position:absolute;top:8px}.touch-stick#touch-drive{left:18px}.touch-stick#touch-aim{right:18px}.touch-actions,.touch-fire{pointer-events:auto;touch-action:none;gap:6px;display:flex;position:absolute}.touch-actions{bottom:165px;left:18px}.touch-fire{bottom:165px;right:18px}.touch-actions button,.touch-fire button{background:var(--panel);border:2px solid var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:54px;height:54px;padding:3px;font-size:23px}.touch-actions small,.touch-fire small{font:700 7px var(--mono);display:block}.touch-fire button{background:var(--accent);color:#fff}.touch-fire button:last-child{background:var(--ink)}#hud-help{display:none}#hud-prompt{bottom:235px}#hud-weapons{pointer-events:none;bottom:10px}#hud-parts{max-height:21vh;display:grid}#hud-left{width:190px;top:6px;left:6px}#hud-map{top:6px;right:6px}#btn-pause{top:125px;right:8px}#hud-top{min-width:130px;padding:6px;top:6px;left:50%;transform:translate(-50%)}#hud-build{top:80px}.cat-item{touch-action:pan-y;min-height:42px}}@media (pointer:coarse) and (width<=700px){#hud-map{display:none}#hud-top{max-width:140px;left:auto;right:50px;transform:none}#hud-left{width:155px}#hud-parts{grid-template-columns:1fr;max-height:17vh}.touch-stick{width:104px;height:104px;bottom:12px}.touch-actions,.touch-fire{bottom:125px}.touch-actions button,.touch-fire button{width:44px;height:44px;font-size:18px}#hud-weapons{display:none}#hud-prompt{bottom:190px}}.menu-footer a{color:inherit;text-underline-offset:3px;margin-left:14px;text-decoration:underline}