: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;right: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}.slot{width:38px;height:38px}#portrait{bottom:90px;left:12px}}