:root{--bg:#0b0d12;--fg:#e9e6dc;--muted:#9aa49a;--amber:#f2a541;--red:#e0453a;--sense:#5fe3c0;--panel:#080a0e9e;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--fg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;margin:0;overflow:hidden}canvas#view{width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}.fade{opacity:0;pointer-events:none;transition:opacity .35s}.fade.show{opacity:1}#hud{pointer-events:none;font-size:16px;position:fixed;top:0;bottom:0;left:0;right:0}#top{top:calc(8px + var(--sat));left:calc(12px + var(--sal));right:calc(12px + var(--sar));justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute}.label{letter-spacing:.08em;color:var(--muted);font-size:13px;font-weight:600}#mind{background:var(--panel);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.bar{background:#ffffff1f;border-radius:4px;width:110px;height:8px;overflow:hidden}.bar i{background:#b9c8e8;border-radius:4px;width:100%;height:100%;transition:width .2s;display:block}#compass-wrap{flex-direction:column;flex:1;align-items:center;gap:4px;max-width:420px;display:flex}#compass{background:var(--panel);border-radius:10px;width:100%;height:34px;position:relative;overflow:hidden}#compass-strip{position:absolute;top:0;bottom:0;left:0;right:0}#compass-strip .tick{color:var(--fg);font-size:16px;font-weight:700;position:absolute;top:4px;transform:translate(-50%)}#compass-strip .minor{background:#ffffff59;width:2px;height:10px;position:absolute;top:12px;transform:translate(-50%)}#compass-strip .tower{width:20px;height:26px;position:absolute;top:3px;transform:translate(-50%)}#compass-strip .tower .tw-light{background:var(--red);width:8px;height:8px;box-shadow:0 0 8px var(--red);border-radius:50%;position:absolute;top:0;left:6px}#compass-strip .tower .tw-body{background:#c9c3b6;border-radius:3px;width:14px;height:8px;position:absolute;top:8px;left:3px}#compass-strip .tower .tw-legs{border-left:2px solid #c9c3b6;border-right:2px solid #c9c3b6;width:10px;height:10px;position:absolute;top:16px;left:5px}#compass-strip .edge{color:var(--red);font-size:18px;font-weight:900;position:absolute;top:6px}#compass-center{background:var(--amber);width:2px;height:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#alert{background:#ffffff1a;border-radius:3px;width:60%;height:6px;overflow:hidden}#alert i{background:var(--amber);width:0%;height:100%;transition:width .3s;display:block}button.round{pointer-events:auto;background:var(--panel);border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.pause-icon{border-left:5px solid var(--fg);border-right:5px solid var(--fg);width:16px;height:18px}#eye{top:calc(60px + var(--sat));left:calc(14px + var(--sal));background:var(--panel);border-radius:10px;padding:8px 10px;position:absolute}.eye-shape{border:3px solid var(--fg);border-radius:50%/100%;width:44px;height:22px;transition:height .2s;position:relative;overflow:hidden}.eye-shape i{background:var(--fg);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#eye.closed .eye-shape{border-radius:4px;height:4px}#eye.closed .eye-shape i{display:none}#eye.open-lit .eye-shape{border-color:var(--amber)}#eye.open-lit .eye-shape i{background:var(--amber)}#subtitle{left:50%;bottom:calc(24px + var(--sab));background:var(--panel);text-align:center;border-radius:10px;max-width:60vw;padding:8px 16px;font-size:18px;line-height:1.35;position:absolute;transform:translate(-50%)}#subtitle b{color:var(--amber)}#toast{left:50%;top:calc(64px + var(--sat));background:var(--panel);text-align:center;border-radius:10px;max-width:70vw;padding:8px 16px;font-size:16px;position:absolute;transform:translate(-50%)}#lead-tag{left:50%;top:calc(100px + var(--sat));background:var(--panel);border-radius:10px;padding:6px 14px;font-size:16px;position:absolute;transform:translate(-50%)}#vignette{opacity:0;background:radial-gradient(#0000 45%,#000000d9 100%);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}#vignette.on{opacity:1}#flash{opacity:0;pointer-events:none;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}#stick{width:140px;height:140px;margin:-70px 0 0 -70px;position:absolute}#stick-svg{position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}#stick .base{fill:#ffffff14;stroke:#ffffff59;stroke-width:2px}#stick .sprint-ring{fill:none;stroke:var(--amber);stroke-width:4px;opacity:0;transition:opacity .12s}#stick.sprint .sprint-ring{opacity:1;filter:drop-shadow(0 0 6px var(--amber))}#stick .stamina{fill:none;stroke:#f4f1e6;stroke-width:3px;stroke-linecap:round;transform-origin:70px 70px;stroke-dasharray:414.7;stroke-dashoffset:0;opacity:0;transition:opacity .2s;transform:rotate(-90deg)}#stick.show-stamina .stamina{opacity:.9}#knob{background:#e9e6dc8c;border:2px solid #ffffffb3;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#stick.crouch #knob{background:0 0;border-width:4px}#buttons{right:calc(16px + var(--sar));bottom:calc(16px + var(--sab));width:230px;height:250px;position:absolute}.btn{pointer-events:auto;width:68px;height:68px;color:var(--fg);letter-spacing:.04em;touch-action:none;background:#0c0e1499;border:2px solid #ffffff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:0;font:600 11px/1.1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:transform 80ms,background .15s;display:flex;position:absolute}.btn .ico{margin-bottom:2px;font-size:22px;line-height:1}.btn.down{background:#f2a54159;transform:scale(.92)}.btn.off{opacity:.35}.btn.on{border-color:var(--amber);box-shadow:0 0 12px #f2a54199}.btn.big{width:92px;height:92px;font-size:13px}.btn.big .ico{font-size:30px}.btn .ring{pointer-events:none;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;transform:rotate(-90deg)}.btn .ring circle{fill:none;stroke:var(--amber);stroke-width:5px;stroke-dasharray:289;stroke-dashoffset:289px}#btn-sense .ring circle{stroke:var(--sense)}#btn-action{bottom:0;right:0}#btn-swap{bottom:0;right:104px}#btn-lantern{bottom:80px;right:104px}#btn-sense{bottom:104px;right:20px}#btn-call{bottom:182px;right:40px}#btn-action.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{border-color:var(--amber);box-shadow:0 0 18px #f2a541cc}}#oil{top:calc(108px + var(--sat));left:calc(14px + var(--sal));background:var(--panel);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute}#oil .bar i{background:var(--amber)}#desk-stamina{left:50%;bottom:calc(80px + var(--sab));position:absolute;transform:translate(-50%)}#desk-stamina .bar{width:160px}#desk-stamina .bar i{background:#f4f1e6}body.touch #desk-stamina{display:none}body:not(.touch) #buttons,body:not(.touch) #stick{display:none!important}.screen{padding:calc(16px + var(--sat)) calc(16px + var(--sar)) calc(16px + var(--sab)) calc(16px + var(--sal));text-align:center;z-index:10;background:#080a0eeb;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}#title{background:radial-gradient(at 50% 20%,#1c2333 0%,#0b0d12 70%)}h1{letter-spacing:.02em;color:#efe7d2;text-shadow:0 0 22px #e0453a59;margin:0;font-family:Georgia,Times New Roman,serif;font-size:44px}h2{margin:0}.sub{color:var(--muted);margin:0}.note{color:var(--muted);font-size:14px}.cal p{margin:0 0 6px;font-size:16px}.cal-row{justify-content:center;align-items:center;gap:12px;display:flex}.moon{color:#e9e6dc;font-size:30px}.moon.dim{color:#20232b}input[type=range]{width:200px;accent-color:var(--amber)}button.primary,#menu button{background:var(--amber);color:#1a1208;border:0;border-radius:999px;min-height:48px;padding:12px 34px;font:600 18px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#menu button:not(.primary){color:var(--fg);background:#2a2f3a}#menu label{align-items:center;gap:10px;font-size:17px;display:flex}#menu select{border-radius:8px;padding:6px;font-size:16px}#menu input[type=checkbox]{width:22px;height:22px;accent-color:var(--amber)}#menu a{color:var(--muted)}#install{background:#1a1f2a;border-radius:12px;max-width:440px;padding:10px 14px;font-size:15px;line-height:1.4}#install button{background:#e9e6dc;border:0;border-radius:999px;margin-top:6px;padding:8px 20px;font:600 16px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue}#rotate{z-index:20;display:none}#rotate .phone{border:4px solid var(--fg);border-radius:10px;width:46px;height:80px;animation:1.8s ease-in-out infinite rot}@keyframes rot{50%{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}#fps{left:calc(8px + var(--sal));bottom:calc(6px + var(--sab));z-index:50;color:#cfe;pointer-events:none;background:#0000008c;border-radius:6px;padding:3px 6px;font:12px/1.3 ui-monospace,monospace;position:fixed}#credits{z-index:60;padding-top:calc(20px + var(--sat));justify-content:flex-start;overflow-y:auto}#credits ul{text-align:left;max-width:640px;padding-left:18px;font-size:14px;line-height:1.4}#credits li{margin-bottom:10px}#credits a{color:var(--amber)}button.link{color:var(--muted);pointer-events:auto;background:0 0;border:0;padding:8px;font-size:15px;text-decoration:underline}#start:disabled{opacity:.5}