@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@300;400;500;600;700&display=swap";:root{color:#eee8d9;font-synthesis:none;background:#171b12;font-family:DM Sans,sans-serif}.graphics-setting{color:#b9c5aa;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;display:flex}.graphics-setting select{color:#d9e0cb;font:inherit;background:#242d1f;border:1px solid #5d6b4d;padding:8px}.scent-choice{text-align:left;color:#b8c89c;background:0 0;border:0;border-bottom:1px solid #b6bb8130;width:100%;padding:10px 0;font-size:12px;display:block}#notes-button{color:#bac4a5;background:#142012b0;border:1px solid #bec79345;padding:8px 12px;font-size:10px;position:absolute;bottom:100px;right:40px}#capture-button{color:#9aab89;background:#142012b0;border:0;padding:6px 12px;font-size:9px;position:absolute;bottom:135px;right:40px}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{width:100vw;height:100vh;display:block}#hud{pointer-events:none;background:linear-gradient(#07100c75,#0000 30% 70%,#080e0ab0);position:fixed;inset:0}header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:32px;left:40px;right:40px}.brand{letter-spacing:5px;font-family:Manrope,sans-serif;font-size:23px;font-weight:600}.brand span{letter-spacing:3px;color:#b9bfac;margin-top:7px;font-size:8px;display:block}#clock{letter-spacing:2px;color:#d5dbc5;font-size:10px}.location{position:absolute;top:145px;left:40px}.location>span,small{letter-spacing:2.8px;color:#ccb784;font-size:9px}.location h1{margin:12px 0;font-family:Manrope,sans-serif;font-size:42px;font-weight:300}.location p{color:#c0c6b6;font-size:12px}aside{border-top:1px solid #c9b87d65;width:235px;padding-top:18px;position:absolute;top:145px;right:38px}aside h2{margin:14px 0;font-size:17px;font-weight:500}aside p{color:#bfc5b6;font-size:12px;line-height:1.8}#objective{color:#d9bd7e;margin-top:20px;font-size:10px;line-height:1.8}#duty-route{color:#d9d2b0;background:#142012b0;border:1px solid #bec79345;margin-top:12px;padding:7px 10px;font-size:11px}footer{justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:32px;left:40px;right:40px}.needs{letter-spacing:1.7px;gap:11px;font-size:9px;display:grid}.needs label{justify-content:space-between;align-items:center;gap:18px;display:flex}meter{width:105px;height:5px}meter::-webkit-meter-bar{background:#ffffff20;border:0}meter::-webkit-meter-optimum-value{background:#c9c797}#cargo{letter-spacing:0;color:#c6b388;padding-top:10px;font-size:11px}.controls{text-align:right;color:#b6bba9;font-size:10px;line-height:2}button{pointer-events:auto;font:inherit;cursor:pointer}#enter{color:#f3eddd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#202b1fdd;border:1px solid #b9c29a75;border-radius:3px;padding:20px 35px;font-size:18px;position:absolute;bottom:135px;left:50%;transform:translate(-50%)}#enter span{letter-spacing:1px;color:#b4bd9e;margin-top:10px;font-size:10px;display:block}#status{letter-spacing:1px;color:#9da791;font-size:9px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#prompt{background:#11190de0;border:1px solid #c3c99735;border-radius:3px;padding:13px 20px;font-size:12px;display:none;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}#toast{color:#e4d6b0;text-align:center;font-size:12px;transition:opacity .5s;position:absolute;top:95px;left:50%;transform:translate(-50%)}#worker-focus{text-align:center;pointer-events:none;background:#152014e8;border:1px solid #b9c58c65;border-radius:3px;max-width:230px;padding:9px 13px;font-size:11px;line-height:1.5;position:absolute;transform:translate(-50%,-100%)}#worker-focus:after{content:"";background:#b9c58c;width:1px;height:12px;position:absolute;top:100%;left:50%}#worker-focus strong,#worker-focus span{display:block}#worker-name{color:#eee9ce;font-size:15px}#worker-identity{color:#c6bd93}#worker-activity{color:#aebfa2}dialog{pointer-events:auto;color:#e5e5cf;background:#182016f5;border:1px solid #747b51;width:540px;max-width:90vw;padding:40px;line-height:1.8}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0008}dialog h2{font-size:29px;font-weight:400}dialog p{color:#bbc5ac;font-size:13px}#close{float:right;color:#bbc5ac;background:0 0;border:0}#memories{color:#dbc58d;font-size:12px}@media (width<=750px){aside{display:none}.location{top:100px}.location h1{font-size:30px}.controls{font-size:8px}header,.location{left:20px}footer{left:20px;right:20px}}