:root{--gold:#8f877a;--gold-bright:#d9d1bf;--blood:#5e1a14;--panel:#0a0a09d1;--panel-edge:#b0a89852;--text:#cfc8b8;--serif:"IM Fell English", Georgia, serif;--serif-sc:"IM Fell English SC", Georgia, serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#0a0a09;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#game{cursor:url(/assets/cursor.svg) 4 2,default;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}#loading{z-index:20;background:radial-gradient(#1a1a17 0%,#050505 75%);place-items:center;transition:opacity .8s;display:grid;position:fixed;inset:0}#loading.fade{opacity:0;pointer-events:none}.loading-inner{text-align:center;width:min(420px,80vw)}.loading-inner h1{font-family:var(--serif-sc);letter-spacing:.35em;color:var(--gold-bright);text-shadow:0 2px 18px #000000e6;margin:0 0 6px;font-size:60px;font-weight:400}.loading-inner .subtitle{font-family:var(--serif);letter-spacing:.08em;opacity:.55;margin:0 0 28px;font-size:15px;font-style:italic}.loading-bar{border:1px solid var(--panel-edge);background:#ffffff0f;height:2px}#loading-fill{background:linear-gradient(90deg, #4a4740, var(--gold-bright));width:0%;height:100%;transition:width .25s}#loading-text{font-family:var(--serif);opacity:.6;letter-spacing:.04em;margin-top:12px;font-size:14px;font-style:italic}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#portrait{align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:24px}.portrait-frame{border:1px solid var(--gold);background:radial-gradient(circle at 35% 30%,#2a2925,#0b0b0a);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 0 0 3px #000000b3,0 6px 20px #0009}.portrait-frame img{opacity:.7;filter:sepia(25%)brightness(.85);width:40px}.portrait-info .name{font-family:var(--serif-sc);color:var(--gold-bright);margin-bottom:6px;font-size:18px}.hp{border:1px solid var(--panel-edge);background:#0009;width:150px;height:14px;position:relative}.hp-fill{background:linear-gradient(180deg, #7a251c, var(--blood));position:absolute;inset:0}.hp span{text-align:center;font-size:10px;line-height:12px;display:block;position:relative}#hotbar{background:var(--panel);border:1px solid var(--panel-edge);pointer-events:auto;border-radius:2px;gap:6px;padding:8px 10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #000000b3,inset 0 1px #ffffff08}.slot{cursor:pointer;background:linear-gradient(#1c1b18,#0c0c0b);border:1px solid #b0a89840;border-radius:1px;place-items:center;width:48px;height:48px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.slot:hover{border-color:var(--gold-bright);box-shadow:0 0 10px #d9d1bf2e}.slot img{filter:sepia(25%)brightness(.82);opacity:.85;width:30px;height:30px}.slot .key{font-family:var(--serif);opacity:.5;font-size:10px;position:absolute;top:2px;left:4px}#stats{background:var(--panel);border:1px solid var(--panel-edge);pointer-events:auto;border-radius:4px;min-width:150px;padding:10px 12px;font-size:12px;line-height:1.6;position:absolute;top:16px;left:16px}#stats #fps{color:var(--gold-bright);font-size:16px;font-weight:600}#stats select,#stats input{pointer-events:auto}#stats select{color:var(--text);border:1px solid var(--panel-edge);background:#141412;margin-left:6px;font-size:11px}#gpu-info{opacity:.6;font-size:10px}#clock{border-top:1px solid var(--panel-edge);margin-top:4px;padding-top:4px}#clock-time{color:var(--gold-bright);font-weight:600}#clock-date{opacity:.6;font-size:10px}#stats label{display:block}#time-of-day{width:100%;accent-color:var(--gold-bright)}#help{font-family:var(--serif);opacity:.6;white-space:nowrap;background:#0006;border-radius:4px;padding:6px 12px;font-size:14px;position:absolute;top:16px;left:50%;transform:translate(-50%)}#help b{color:var(--gold-bright);font-weight:600}#nogpu{text-align:center;z-index:30;background:#0b0a08;place-content:center;display:grid;position:fixed;inset:0}@media (max-width:720px){#help{display:none}#radar{transform:scale(.68)}.slot{width:38px;height:38px}#portrait{bottom:90px;left:12px}}#exit-label{pointer-events:none;white-space:nowrap;background:var(--panel);border:1px solid var(--gold-bright);font-family:var(--serif);letter-spacing:.02em;color:var(--gold-bright);padding:4px 10px;font-size:15px;font-style:italic;position:absolute}#radar{--size:216px;--ring:14px;width:var(--size);height:var(--size);transform-origin:100% 0;border:1px solid var(--panel-edge);pointer-events:auto;background:radial-gradient(circle,#1b1a17 62%,#0b0b0a 71%);border-radius:50%;position:absolute;top:16px;right:16px;box-shadow:0 0 0 3px #000000bf,0 10px 32px #000000b3}.radar-face{inset:var(--ring);border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #b0a89873}.radar-face canvas{width:100%;height:100%;display:block}.radar-face:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 58%,#05050499 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 10px #000000e6}.radar-rose{pointer-events:none;position:absolute;inset:0}.radar-rose:before{content:"";background:repeating-conic-gradient(from -.4deg, #d9d1bf59 0 .8deg, transparent .8deg 15deg);-webkit-mask:radial-gradient(circle, transparent calc(var(--size) / 2 - 10px), #000 calc(var(--size) / 2 - 9px), #000 calc(var(--size) / 2 - 5px), transparent calc(var(--size) / 2 - 4px));-webkit-mask:radial-gradient(circle, transparent calc(var(--size) / 2 - 10px), #000 calc(var(--size) / 2 - 9px), #000 calc(var(--size) / 2 - 5px), transparent calc(var(--size) / 2 - 4px));mask:radial-gradient(circle, transparent calc(var(--size) / 2 - 10px), #000 calc(var(--size) / 2 - 9px), #000 calc(var(--size) / 2 - 5px), transparent calc(var(--size) / 2 - 4px));border-radius:50%;position:absolute;inset:0}.radar-rose span{--a:0deg;width:20px;height:20px;font-family:var(--serif-sc);color:var(--gold-bright);transform:rotate(var(--a)) translateY(calc(var(--size) / -2 + var(--ring) / 2)) rotate(calc(-1 * var(--a))) rotate(var(--counter,0deg));background:#0d0c0a;border:1px solid #b0a89880;border-radius:50%;place-items:center;margin:-10px 0 0 -10px;font-size:13px;line-height:1;display:grid;position:absolute;top:50%;left:50%}.radar-rose .n{--a:0deg;border-color:var(--gold-bright);width:24px;height:24px;margin:-12px 0 0 -12px;font-size:15px}.radar-rose .l{--a:90deg}.radar-rose .s{--a:180deg}.radar-rose .o{--a:270deg}.radar-name{white-space:nowrap;text-overflow:ellipsis;background:var(--panel);border:1px solid var(--panel-edge);max-width:150px;font-family:var(--serif);color:var(--gold-bright);padding:2px 12px 3px;font-size:14px;font-style:italic;position:absolute;bottom:-27px;left:50%;overflow:hidden;transform:translate(-50%)}#radar button{width:26px;height:26px;color:var(--text);font-family:var(--serif-sc);cursor:pointer;background:linear-gradient(#1c1b18,#0c0c0b);border:1px solid #b0a89873;border-radius:50%;margin:-13px 0 0 -13px;padding:0;font-size:17px;line-height:1;position:absolute;box-shadow:0 0 0 2px #000000b3}#radar button:hover{border-color:var(--gold-bright);color:var(--gold-bright)}#radar button.on{color:var(--gold-bright);border-color:var(--gold-bright);background:#2a2824}#radar button svg{width:14px;height:14px;margin:auto;display:block}#radar [data-radar=in]{top:86px;left:-18px}#radar [data-radar=out]{top:141px;left:-16px}#radar [data-radar=north]{top:190px;left:10px}