*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0c0b09;width:100%;height:100%;overflow:hidden}body{color:#d8d2c4;-webkit-user-select:none;user-select:none;font-family:Courier New,ui-monospace,monospace}#app{position:fixed;inset:0}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{pointer-events:none;position:absolute;inset:0}#crosshair{color:#e6e1d2d9;text-shadow:0 0 3px #000;font-size:18px;transition:color 80ms,transform 80ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair.hit{color:#ff5a3c;transform:translate(-50%,-50%)scale(1.5)}#interact-prompt{letter-spacing:1px;text-shadow:0 1px 2px #000;background:#0a0907b8;border:1px solid #d8d2c459;padding:5px 14px;font-size:14px;position:absolute;top:56%;left:50%;transform:translate(-50%)}#damage-vignette{opacity:0;background:radial-gradient(#0000 45%,#8c0a008c 100%);transition:opacity .12s;position:absolute;inset:0}#combat-log{text-shadow:0 1px 2px #000;background:#0808068c;border-left:3px solid #beaa7866;width:460px;max-width:46vw;padding:8px 10px;font-size:12.5px;line-height:1.45;position:absolute;bottom:14px;left:14px;overflow:hidden}#combat-log .l-hit{color:#cfe8c0}#combat-log .l-miss{color:#9b968b}#combat-log .l-crit{color:#ffd257;font-weight:700}#combat-log .l-enemy{color:#e88f7d}#combat-log .l-loot{color:#d8c98a}#combat-log .l-sys{color:#8fd0e0}#vitals{width:230px;position:absolute;top:14px;left:14px}.bar-row{align-items:center;margin-bottom:5px;display:flex}.bar-label{letter-spacing:1px;color:#b9b2a2;text-shadow:0 1px 2px #000;width:44px;font-size:11px}.bar{background:#0a0907b3;border:1px solid #d8d2c447;flex:1;height:14px}.bar.slim{height:9px}.bar-fill{width:100%;height:100%;transition:width .15s}.bar-fill.health{background:linear-gradient(#a83a2c,#7c2418)}.bar-fill.hunger{background:linear-gradient(#b98538,#8a5f22)}.bar-fill.thirst{background:linear-gradient(#3f7f9e,#2b5a72)}.bar-fill.stamina{background:linear-gradient(#6f8f5a,#4d653c)}.bar.xp{background:#0a0907b3;border:1px solid #d8d2c433;height:5px;margin-top:3px}.bar-fill.xpfill{background:#c9b45f}#weapon-panel{text-align:right;text-shadow:0 1px 3px #000;position:absolute;bottom:14px;right:16px}#weapon-name{letter-spacing:2px;color:#e6dfc9;font-size:20px}#weapon-ammo{color:#b9b2a2;margin-top:2px;font-size:15px}#weapon-slots{color:#8d8778;letter-spacing:1px;margin-top:5px;font-size:11px}#weapon-slots .owned{color:#cfc8b4}#weapon-slots .active{color:#ffd257}#run-panel{text-align:right;text-shadow:0 1px 3px #000;width:180px;font-size:14px;position:absolute;top:14px;right:16px}#run-timer{letter-spacing:2px;color:#e6dfc9;font-size:22px}#run-kills,#run-level{color:#b9b2a2;margin-top:2px}#levelup-flash{letter-spacing:6px;color:#ffd257;text-shadow:0 0 18px #ffb43cb3,0 2px 4px #000;font-size:30px;animation:2.4s forwards lvlflash;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes lvlflash{0%{opacity:0;transform:translate(-50%)scale(.7)}15%{opacity:1;transform:translate(-50%)scale(1.05)}70%{opacity:1}to{opacity:0}}#hint-toast{color:#f0e2c0;letter-spacing:1.5px;text-shadow:0 1px 2px #000;pointer-events:none;text-align:center;background:#0a0907c7;border:1px solid #ffb45a8c;padding:10px 22px;font-size:16px;animation:9s forwards toastfade;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes toastfade{0%{opacity:0;transform:translate(-50%)translateY(-8px)}8%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0}}.panel{background:#0c0b09eb;border:1px solid #c8b98c73;width:480px;max-height:70vh;padding:18px 22px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 60px #000c}.panel h2{letter-spacing:6px;color:#d8c98a;margin-bottom:12px;font-size:20px}.panel .hint{color:#8d8778;margin-top:12px;font-size:11px}.inv-row{cursor:pointer;border-bottom:1px solid #d8d2c41f;justify-content:space-between;align-items:center;padding:7px 8px;font-size:14px;display:flex}.inv-row:hover{background:#c8aa641f}.inv-row .qty{color:#b9b2a2}.inv-row .action{color:#8fd0e0;letter-spacing:1px;font-size:11px}.inv-row.equipped{border-left:3px solid #ffd257}.inv-empty{color:#8d8778;padding:10px 4px;font-style:italic}.screen{z-index:10;text-align:center;background:radial-gradient(at 50% 120%,#783c1440,#0000 60%),linear-gradient(#080807e0,#050504f2);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.title-inner{max-width:640px;padding:20px}.game-title{letter-spacing:14px;color:#ddd5bd;text-shadow:0 0 30px #c8782859,0 4px #1a150e,0 6px 14px #000;font-size:74px;position:relative}.game-title:after{content:"";background:linear-gradient(90deg,#0000,#a83a2c,#0000);height:3px;margin-top:6px;display:block}.game-title.small{letter-spacing:10px;font-size:46px}.game-title.red{color:#c9452f;text-shadow:0 0 30px #c8281480,0 4px #1a0e0a,0 6px 14px #000}.tagline{color:#9b968b;letter-spacing:1px;margin:14px 0 26px;font-style:italic}.big-btn{letter-spacing:4px;color:#e8e0c8;cursor:pointer;text-shadow:0 1px 2px #000;background:#3c1e0e8c;border:1px solid #a85a2c;margin:8px;padding:13px 44px;font-family:inherit;font-size:18px;transition:background .15s,transform .1s;display:inline-block}.big-btn:hover{background:#8c3c14a6;transform:scale(1.03)}.big-btn.dim{color:#b0a996;background:#1e1c188c;border-color:#6b6558}.controls-grid{color:#9b968b;text-align:left;grid-template-columns:1fr 1fr;gap:4px 30px;max-width:420px;margin:26px auto 6px;font-size:13px;display:grid}.lb{margin-top:24px}.lb h3{letter-spacing:3px;color:#8d8778;margin-bottom:8px;font-size:13px}.lb ol{color:#b9b2a2;font-size:13px;list-style:none}.lb li{padding:2px 0}.lb li .score{color:#ffd257}.lb li.empty{color:#5c574c;font-style:italic}#death-stats{color:#cfc8b4;margin:10px 0 18px;font-size:16px;line-height:1.8}#death-stats .score{color:#ffd257;letter-spacing:2px;font-size:26px}.roll-inner{max-width:700px}.dossier{text-align:left;background:#100f0cbf;border:1px solid #c8b98c66;margin-top:10px;padding:20px 26px;box-shadow:inset 0 0 40px #0009,0 0 60px #00000080}.name-label{letter-spacing:3px;color:#8d8778;font-size:12px}#survivor-name{letter-spacing:2px;color:#e8e0c8;background:#050504cc;border:1px solid #c8b98c73;outline:none;width:260px;margin:6px 0 16px;padding:8px 12px;font-family:inherit;font-size:18px;display:block}#survivor-name:focus{border-color:#c9a45f}.attr-row{border-bottom:1px solid #d8d2c41a;grid-template-columns:46px 34px 92px 52px 1fr;align-items:baseline;gap:10px;padding:7px 4px;font-size:15px;display:grid}.attr-row .attr-name{letter-spacing:2px;color:#d8c98a;font-weight:700}.attr-row .attr-score{color:#e8e0c8;font-size:18px}.attr-row .attr-dice{color:#8d8778;font-size:13px}.attr-row .attr-mod{font-size:16px}.attr-row .attr-mod.pos{color:#9fd08a}.attr-row .attr-mod.neg{color:#d08070}.attr-row .attr-fx{color:#9b968b;font-size:12px}.roll-btns{text-align:center;margin-top:18px}