:root{--cream:#e9e4d6;--muted:#9d9d91;--rust:#bd6b42;--dark:#111411;--glass:rgba(15,18,15,.76)}*{box-sizing:border-box}html,body,#world{width:100%;height:100%;margin:0;overflow:hidden;background:#111;font-family:'Noto Sans SC',sans-serif;color:var(--cream)}canvas{display:block}button{font:inherit;color:inherit}#vignette{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle,transparent 47%,rgba(2,4,3,.28) 100%)}#weatherFx{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;transition:.5s;background:linear-gradient(105deg,transparent 42%,rgba(210,225,230,.08) 43%,transparent 44%);background-size:50px 90px}.rain #weatherFx{opacity:1;animation:rainScreen .25s linear infinite}.snow #weatherFx{opacity:.2}.safe #weatherFx{opacity:0!important}@keyframes rainScreen{to{background-position:-40px 80px}}#landing{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:linear-gradient(90deg,rgba(6,10,8,.9),rgba(6,10,8,.35)),radial-gradient(circle at 70%,transparent,#080b09);transition:opacity .8s}.landing-card{width:min(540px,85vw);margin-left:-35vw}.eyebrow{font-size:10px;letter-spacing:.32em;color:#b2b9aa}.landing-card h1{font-family:'Special Elite',serif;font-size:76px;line-height:.9;margin:25px 0 20px;text-shadow:0 5px 30px #000}.landing-card h1 span{color:#c17b4e}.landing-card p{max-width:400px;color:#b9b9af;font-weight:300;line-height:1.8}.landing-card button{margin-top:22px;padding:14px 22px;border:1px solid #c7b99c;background:rgba(30,34,28,.45);letter-spacing:.15em;cursor:pointer;transition:.25s}.landing-card button:hover{background:#ddd1b9;color:#1a1c19}.landing-card button b{margin-left:30px}.landing-controls{display:flex;gap:23px;margin-top:26px;font-size:10px;letter-spacing:.1em;color:#777e75}.build{position:absolute;right:30px;bottom:25px;font:10px monospace;color:#626960;letter-spacing:.12em}.hidden{opacity:0!important;pointer-events:none!important}.game-ui{transition:opacity .4s;position:fixed;z-index:6;pointer-events:none}#topbar{top:0;left:0;right:0;padding:22px 28px;display:flex;justify-content:space-between;background:linear-gradient(#10130fd4,transparent)}.brand{display:grid;grid-template-columns:13px auto;column-gap:10px;align-items:center}.brand i{width:8px;height:30px;background:var(--rust);grid-row:1/3}.brand strong{font-family:'Special Elite';font-size:17px;letter-spacing:.15em}.brand small{font-size:7px;letter-spacing:.34em;color:#858a81}.environment{display:flex;gap:11px;align-items:center;text-align:right}.environment>span{font-size:22px}.environment div{display:flex;flex-direction:column}.environment b{font-size:12px;letter-spacing:.18em}.environment small{font-size:9px;color:#999e96;margin-top:3px}.status-label,.obj-head{font-size:8px;letter-spacing:.25em;color:#969a91;text-transform:uppercase;margin-bottom:10px}#status{left:28px;top:100px;width:195px;padding:15px;background:linear-gradient(110deg,rgba(16,19,16,.78),transparent)}.meter{display:grid;grid-template-columns:28px 1fr 22px;gap:8px;align-items:center;margin:9px 0;font-size:9px}.meter>div{height:3px;background:#40443e}.meter i{display:block;width:100%;height:100%;background:#a6b294}.meter.warm i{background:#b27b51}.meter b{font:9px monospace;text-align:right}#safety{display:flex;align-items:center;gap:8px;border-top:1px solid #41433f;margin-top:12px;padding-top:10px;font-size:9px;color:#b6a088}#safety i{width:6px;height:6px;background:#b55d3e;border-radius:50%;box-shadow:0 0 7px #cf6844}.safe #safety{color:#97b390}.safe #safety i{background:#7eae74;box-shadow:0 0 8px #7eae74}#crosshair{left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#dbd9cf;opacity:.65}#crosshair i:nth-child(1){width:7px;height:1px;left:0;top:12px}#crosshair i:nth-child(2){width:7px;height:1px;right:0;top:12px}#crosshair i:nth-child(3){width:1px;height:7px;left:12px;top:0}#crosshair i:nth-child(4){width:1px;height:7px;left:12px;bottom:0}#crosshair b{position:absolute;width:2px;height:2px;border-radius:50%;background:white;left:11.5px;top:11.5px}#prompt{left:50%;top:57%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:7px 13px;background:rgba(12,14,12,.72);border-left:2px solid #bd754d;font-size:11px}kbd{font:10px monospace;border:1px solid #797d74;padding:2px 5px;background:#292c28;border-radius:2px}#objectives{left:28px;bottom:67px;width:300px;border-left:2px solid var(--rust);padding:14px 17px;background:linear-gradient(90deg,rgba(14,17,14,.86),transparent)}.obj-head{display:flex;justify-content:space-between}.obj-head small{font:8px monospace}#objectives h3{font-size:14px;letter-spacing:.06em;margin:0 0 7px}#objectives p{font-size:10px;line-height:1.7;color:#a6a79f;margin:0}#weaponHud{right:28px;bottom:65px;text-align:right}#weaponHud div{border-bottom:1px solid #5c5f59;padding-bottom:5px}#weaponHud small{font:8px monospace;color:#8e938b;letter-spacing:.12em;margin-right:15px}#weaponHud strong{font:30px monospace;font-weight:400}#weaponHud em{font-size:13px;color:#888;font-style:normal}#weaponHud>span{font-size:8px;color:#8d9188;letter-spacing:.16em}#controlsHint{left:50%;bottom:19px;transform:translateX(-50%);display:flex;gap:20px;font-size:8px;color:#94978f}#controlsHint kbd{margin-right:5px}#message{position:fixed;z-index:10;top:25%;left:50%;transform:translate(-50%,-10px);padding:8px 18px;background:rgba(11,13,11,.75);font-size:11px;letter-spacing:.12em;opacity:0;transition:.35s;pointer-events:none}#message.show{opacity:1;transform:translate(-50%,0)}#weatherPanel{z-index:15;right:25px;top:95px;width:285px;padding:18px;background:rgba(12,15,13,.94);border:1px solid #464b44;pointer-events:auto!important;box-shadow:0 20px 60px #0009}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #383b37;padding-bottom:12px;margin-bottom:14px;font-size:12px;letter-spacing:.16em}.panel-head button{border:0;background:none;cursor:pointer;font-size:19px;color:#aaa}#weatherPanel>small{display:block;font-size:8px;color:#858b82;letter-spacing:.2em;margin:12px 0 7px}.button-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.button-grid button{font-size:10px;border:1px solid #41453f;background:#20241f;padding:8px 3px;cursor:pointer}.button-grid button:hover,.button-grid button.active{background:#7f6a50;border-color:#b39979}.time-grid{grid-template-columns:repeat(3,1fr)}#weatherPanel p{font-size:8px;color:#747a72;margin:15px 0 0;text-align:center}#damage{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 30%,rgba(130,0,0,.75));transition:.25s}#damage.hit{opacity:1}.gameover{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#080907e8;text-align:center}.gameover h2{font:44px 'Special Elite';margin:0}.gameover button{padding:10px 22px;background:none;border:1px solid #aaa;margin-top:20px;cursor:pointer}body:not(.locked) #crosshair{opacity:0!important}@media(max-width:700px){.landing-card{margin:0}.landing-card h1{font-size:55px}#objectives{display:none}#controlsHint{display:none}#status{left:10px;top:80px}.brand small{display:none}}