:root{color:#edf1e5;font-synthesis:none;--orange:#ff5e00;--muted:#a5b1a4;background:#19231e;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #e7f0df}[hidden]{display:none!important}canvas.world{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}canvas.world:focus{outline:none}.interface{pointer-events:none;position:absolute;inset:0}.masthead{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;top:32px;left:40px;right:40px}.wordmark{color:inherit;letter-spacing:1.8px;pointer-events:auto;align-items:center;gap:13px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.wordmark small{letter-spacing:2.1px;color:var(--muted);margin-top:6px;font:8px monospace;display:block}.logo{background:var(--orange);color:#1e271f;letter-spacing:-1px;grid-auto-flow:column;place-content:center;width:44px;height:44px;font:700 14px monospace;display:grid}.logo span{padding:0 2px}.edition{letter-spacing:1.5px;color:#c6d1c2;align-items:center;gap:12px;font:10px monospace;display:flex}.edition i,.tool-status>i{background:#cbdfa8;width:5px;height:5px;display:inline-block}.edition b{border:1px solid #788577;padding:6px 8px;font-weight:400}.vignette{background:radial-gradient(at 55% 45%,#0000 28%,#09140e70 100%);position:absolute;inset:0}#menu{pointer-events:auto;background:linear-gradient(90deg,#111d16f2 0%,#111d16d9 31%,#111d1640 68%,#0000 100%);position:absolute;inset:0}.menu-content{width:440px;max-width:50vw;position:absolute;top:18%;left:8%}.eyebrow{letter-spacing:2px;color:#b6c1ad;font:9px monospace}.eyebrow:before{content:"//";color:var(--orange);margin-right:12px}h1{letter-spacing:-3px;margin:28px 0 26px;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(70px,9vw,132px);font-weight:900;line-height:.82}h1 span{color:var(--orange);display:block}h1.brand-title{letter-spacing:-.035em;white-space:nowrap;width:max-content;font-size:clamp(48px,6.8vw,112px)}h2{letter-spacing:-.8px;margin:0 0 15px;font-size:27px;font-weight:500}.menu-content p,.dialog p{color:#b4c0ad;max-width:340px;margin:0 0 25px;font:13px/1.8 Arial,sans-serif}.menu-actions{grid-template-columns:1fr 135px;gap:10px;max-width:390px;display:grid}.menu-preferences{flex-wrap:wrap;gap:8px 18px;max-width:440px;margin-top:20px;display:flex}.menu-switch{cursor:pointer;color:#d2ddc9;align-items:center;gap:9px;min-height:28px;font:11px monospace;display:flex}.menu-switch input{appearance:none;cursor:pointer;background:#1a281e;border:1px solid #8d9e82;width:32px;height:18px;margin:0;position:relative}.menu-switch input:before{content:"";background:#8d9e82;width:10px;height:10px;position:absolute;top:3px;left:3px}.menu-switch input:checked{background:var(--orange);border-color:var(--orange)}.menu-switch input:checked:before{background:#17251a;left:17px}.primary,.secondary{letter-spacing:1.4px;color:#e0ead8;background:0 0;border:1px solid #6e7c6566;justify-content:space-between;align-items:center;height:48px;padding:0 18px;font:11px monospace;display:flex}.primary{background:var(--orange);border-color:var(--orange);color:#142015;font-weight:700}.primary:hover{background:#ff7a2e}.secondary:hover{background:#e0ead810;border-color:#b4c3a6}.primary span{font-size:20px}.secondary span{color:#b4c3a6;font-size:18px}.spec-strip{letter-spacing:1px;color:#94a58b;border-top:1px solid #a3b59830;gap:24px;margin-top:27px;padding-top:19px;font:8px monospace;display:flex}.spec-strip b{color:#dbe4d3;margin-bottom:7px;font-size:18px;font-weight:400;display:block}.controls{color:#b9c6af;letter-spacing:1px;gap:24px;font:9px monospace;display:flex;position:absolute;bottom:85px;left:8%}.controls>span{align-items:center;gap:4px;display:flex}.controls kbd{text-align:center;border:1px solid #bacab04d;min-width:21px;padding:5px;font:9px monospace}.menu-footer{letter-spacing:2px;color:#95a18d;border-top:1px solid #c1d0b321;justify-content:space-between;padding-top:18px;font:9px monospace;display:flex;position:absolute;bottom:31px;left:40px;right:40px}#menu-error{color:#ffad77;margin-top:12px;font:11px/1.6 monospace}.location{text-align:right;letter-spacing:1px;gap:8px;font:10px monospace;display:none;position:absolute;top:115px;right:40px}.location b{letter-spacing:1px;font:17px Arial,sans-serif}.location span:last-child{color:#aebba4;font-size:9px}.hud{justify-content:space-between;align-items:flex-end;display:none;position:absolute;bottom:30px;left:40px;right:40px}.micro{letter-spacing:1.6px;color:#bdc9b2;font:9px monospace}.ammo>div,.progress>div{align-items:baseline;gap:10px;display:flex}.ammo b,.progress b{font:58px/1.2 Impact,Arial Narrow,sans-serif}.capacity,.progress>div>span{color:#adbaa0;font:22px monospace}.ammo-unit{color:#cbd7bd;letter-spacing:2px;margin-left:12px;font:10px monospace}#nail-bars,#progress-bars{gap:5px;margin-top:3px}#nail-bars i{background:#c0cba330;width:22px;height:4px}#nail-bars i.filled{background:var(--orange)}#progress-bars i{background:#c0cba330;width:18px;height:3px}#progress-bars i.filled{background:#d5e7bb}.progress{text-align:right}.progress>div{justify-content:flex-end}.tool-status{text-align:center;white-space:nowrap;letter-spacing:1px;color:#d1dbc5;font:9px monospace;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.tool-status>i{margin-right:8px}.tool-status>span{color:#9aa990;margin-left:12px}.tool-status small{letter-spacing:1px;color:#c4d2b6;margin-top:15px;font:8px monospace;display:block}#reticle{filter:drop-shadow(0 1px 1px #111);width:16px;height:16px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle:before,#reticle:after{content:"";background:#e9f1dd;position:absolute}#reticle:before{width:12px;height:1px;top:7px;left:2px}#reticle:after{width:1px;height:12px;top:2px;left:7px}#reticle.valid{outline:1px solid var(--orange);outline-offset:5px}#reticle.valid:before,#reticle.valid:after{background:var(--orange)}#reticle.empty{opacity:.4}#toast{opacity:0;border-left:2px solid var(--orange);letter-spacing:1px;white-space:nowrap;background:#17251eea;padding:15px 22px;font:11px monospace;transition:opacity .2s,transform .2s;position:absolute;top:24%;left:50%;transform:translate(-50%)translateY(-10px)}.construction-clock{color:#e5eedb;letter-spacing:1.4px;background:#142019d9;border-top:2px solid #b7c8aa;justify-items:center;gap:5px;padding:12px 22px;font:9px monospace;display:grid;position:absolute;top:36px;left:50%;transform:translate(-50%)}.construction-clock b{font-variant-numeric:tabular-nums;letter-spacing:0;font:36px/1 monospace}.construction-clock small{letter-spacing:1px;color:#bac8ad;font:8px monospace}.construction-clock.urgent{border-color:var(--orange);color:#ffae72}#toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.reduced-motion #toast{transition:none}#pack-hint{letter-spacing:1px;color:#ffe0c1;text-shadow:0 2px 6px #000;white-space:nowrap;font:10px monospace;position:absolute;top:60%;left:50%;transform:translate(-50%)}.playing .location{display:grid}.playing .hud{display:flex}.playing #reticle{display:block}.playing .edition{display:none}.playing .masthead{opacity:.8}#run-stats{gap:25px;margin:25px 0;display:flex}#run-stats>div{flex-direction:column;gap:7px;display:flex}#run-stats b{font:25px monospace}#run-stats span{color:#a4b599;letter-spacing:1px;font:8px monospace}.dialog{pointer-events:auto;background:#142218f5;border:1px solid #84947344;width:420px;padding:35px;position:absolute;top:20%;left:8%}.dialog h2{margin:20px 0 30px;font-size:38px}.dialog label{color:#ccd8c0;margin-bottom:24px;font:12px monospace;display:block}.dialog output{float:right;color:var(--orange)}.dialog input[type=range]{width:100%;accent-color:var(--orange);margin-top:15px;display:block}.dialog .primary,.dialog .secondary{width:100%;margin-top:10px}.dialog p{font-size:12px}.fatal{color:#dbe4d3;background:#142218;place-content:center;max-width:none;padding:40px;display:grid;position:absolute;inset:0}.fatal h1{font:48px Impact,sans-serif}.fatal button{margin-top:20px}.mobile-note{display:none}@media (height<=760px){.menu-content{top:17%}h1{margin:20px 0;font-size:90px}.menu-content h1:not(.brand-title){margin:16px 0;font-size:58px}.menu-preferences{margin-top:10px}.menu-content h2{font-size:23px}.menu-content p{margin-bottom:18px}.spec-strip{margin-top:18px;padding-top:14px}.controls{bottom:70px}.dialog{padding:25px;top:14%}}@media (width<=900px){.menu-content{max-width:75vw;left:6%}.masthead,.menu-footer{left:25px;right:25px}.edition{display:none}.controls{gap:12px;left:6%}.tool-status{display:none}.hud{left:25px;right:25px}.dialog{max-width:88vw;left:6%}}@media (width<=600px){h1{font-size:80px}.menu-content{width:88vw;max-width:88vw}.controls{flex-wrap:wrap;max-width:90vw;bottom:80px}.spec-strip{gap:22px}.menu-footer{font-size:7px}.menu-actions{grid-template-columns:1fr 120px}.eyebrow{letter-spacing:1px;font-size:8px}}@media (prefers-reduced-motion:reduce){#toast{transition:none}}.location #job-label{color:#d2dcd6;letter-spacing:.04em;margin-top:8px;font-size:12px;display:block}.repair-feedback{text-align:center;letter-spacing:.08em;pointer-events:none;gap:7px;font:600 12px monospace;display:grid;position:absolute;top:61%;left:50%;transform:translate(-50%)}.repair-feedback span{color:#e8ece9;background:#17231fe6;border:1px solid #8a9b8d66;padding:7px 12px}.repair-feedback span[hidden]{display:none}#precision-feedback{color:#ffd3b8;border-color:#ff5e0080}
