:root{--stone-0:#0b0a0e;--stone-1:#15131a;--stone-2:#1f1c25;--stone-3:#2c2833;--line:#4a3f2e;--gold:#c9a45c;--gold-hi:#f0d28a;--text:#e9e0cc;--muted:#9b917f;--hp:#b3262b;--hp-hi:#e2463f;--fury:#d8661e;--xp:#7b62c9;--common:#c8c8c8;--magic:#6a8cff;--rare:#ffd84a;--quest:#ff8a3a;--good:#7ddc6a;--bad:#e2574c}#ui{color:var(--text);-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,sans-serif;font-size:13px}#ui *{box-sizing:border-box}#ui h1,#ui h2,#ui h3{color:var(--gold-hi);letter-spacing:.04em;margin:0;font-family:Cinzel,serif;font-weight:700}.panel{pointer-events:auto;background:linear-gradient(180deg, var(--stone-2), var(--stone-1));border:1px solid var(--line);border-radius:4px;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #c9a45c1f,0 12px 40px #0009}.panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.panel>header h2{font-size:17px}.panel .body{padding:12px 14px}.panel{max-height:94vh;overflow:auto}.inv-body{align-items:flex-start;gap:16px;display:flex}.inv-left{width:200px}.inv-left .sheet{font-size:11px}.close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.close:hover{color:var(--gold-hi)}.btn{pointer-events:auto;letter-spacing:.05em;color:var(--gold-hi);border:1px solid var(--gold);cursor:pointer;background:linear-gradient(#3a3224,#241f17);border-radius:3px;padding:7px 14px;font-family:Cinzel,serif;font-size:13px;font-weight:700;transition:filter .12s,transform 80ms}.btn:hover:not(:disabled){filter:brightness(1.25)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.small{padding:4px 8px;font-size:11px}.hud{pointer-events:none;justify-content:center;align-items:flex-end;gap:14px;padding:0 0 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.hud-left,.hud-right{flex-direction:column;gap:5px;width:220px;display:flex}.bar{border:1px solid var(--line);background:#0a090c;border-radius:2px;height:16px;position:relative;overflow:hidden}.bar>i{transition:width .12s linear;display:block;position:absolute;inset:0 auto 0 0}.bar>span{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.bar.hp>i{background:linear-gradient(180deg, var(--hp-hi), var(--hp))}.bar.res-focus>i{background:linear-gradient(#8ae07a,#3f9a3a)}.bar.res-mana>i{background:linear-gradient(#7aa8ff,#2f5cc8)}.bar.res-fury>i,.bar.fury>i{background:linear-gradient(180deg, #f08a3a, var(--fury))}.bar.xp{height:6px}.bar.xp>i{background:var(--xp)}.hud-meta{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.hud-meta b{color:var(--gold-hi);font-weight:600}.skillbar{border:1px solid var(--line);background:#0b0a0ecc;border-radius:4px;gap:6px;padding:6px;display:flex}.skill{border:1px solid var(--line);background:var(--stone-2);text-align:center;width:50px;height:50px;color:var(--text);border-radius:3px;justify-content:center;align-items:center;padding:3px;font-size:9px;line-height:1.1;display:flex;position:relative;overflow:hidden}.skill.empty{opacity:.35}.skill .key{color:var(--gold);font-size:9px;font-weight:700;position:absolute;top:2px;left:3px}.skill .rank{color:var(--muted);font-size:9px;position:absolute;bottom:2px;right:3px}.skill .cd{background:#000000b3;position:absolute;inset:auto 0 0}.skill .cdnum{color:#fff;text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.potions{text-shadow:0 1px 2px #000;background:radial-gradient(circle at 40% 35%,#e2463f,#6b1015);border:1px solid #6b2a2a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:16px;font-weight:700;display:flex;position:relative}.potions .key{color:var(--gold);font-size:9px;position:absolute;top:-4px;left:-2px}.dodges{gap:3px;display:flex}.dodges i{background:#3a3a48;border-radius:1px;width:10px;height:4px}.dodges i.on{background:#8ec8ff}.loc-name{color:var(--gold-hi);letter-spacing:.08em;text-shadow:0 2px 6px #000;pointer-events:none;font-family:Cinzel,serif;font-size:15px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.points-hint{color:var(--gold-hi);text-shadow:0 1px 3px #000;pointer-events:none;font-size:12px;animation:1.6s ease-in-out infinite pulse;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}@keyframes pulse{50%{opacity:.5}}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:46px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#0b0a0ed9;border-radius:3px;padding:6px 14px;font-size:13px;animation:.18s ease-out toast-in}.toast.gold{border-color:var(--gold);color:var(--gold-hi)}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.window-layer{pointer-events:auto;background:#00000059;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.grid{grid-template-columns:repeat(8,46px);gap:3px;display:grid}.cell{text-align:center;cursor:pointer;width:46px;height:46px;color:var(--text);background:#0f0e12;border:1px solid #332c22;border-radius:2px;justify-content:center;align-items:center;padding:2px;font-size:9px;line-height:1.05;display:flex;position:relative}.cell:hover{border-color:var(--gold)}.cell.common{box-shadow:inset 0 0 0 1px #c8c8c840}.cell.magic{box-shadow:inset 0 0 0 1px var(--magic);color:#b8c8ff}.cell.rare{box-shadow:inset 0 0 0 1px var(--rare);color:#ffe9a0}.cell.quest{box-shadow:inset 0 0 0 1px var(--quest);color:#ffc49a}.cell .ph{color:#4e4638;font-size:9px}.equip{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);justify-content:center;gap:5px;margin-bottom:8px;display:grid}.equip .cell{width:52px;height:52px}.sheet{grid-template-columns:auto 1fr;gap:3px 12px;margin-top:10px;font-size:12px;display:grid}.sheet dt{color:var(--muted)}.sheet dd{text-align:right;margin:0}.gold-line{color:var(--gold-hi);justify-content:space-between;margin-top:10px;font-weight:600;display:flex}.tooltip{z-index:10;pointer-events:none;border:1px solid var(--line);background:#0c0b0ff7;border-radius:3px;min-width:200px;max-width:280px;padding:10px 12px;font-size:12px;line-height:1.45;position:fixed}.tooltip .tname{font-family:Cinzel,serif;font-size:14px;font-weight:700}.tooltip .tname.magic{color:var(--magic)}.tooltip .tname.rare{color:var(--rare)}.tooltip .tname.common{color:var(--common)}.tooltip .tname.quest{color:var(--quest)}.tooltip .sub{color:var(--muted);margin-bottom:4px;font-size:11px}.tooltip .req.bad{color:var(--bad)}.tooltip .cmp{border-top:1px solid #2a2520;margin-top:6px;padding-top:4px}.tooltip .up{color:var(--good)}.tooltip .down{color:var(--bad)}.tooltip .hint{color:var(--muted);margin-top:6px;font-size:10px}.dialog{width:460px}.dialog p{margin:0 0 12px;line-height:1.55}.dialog .actions{flex-wrap:wrap;gap:8px;display:flex}.npc-title{color:var(--muted);font-size:12px}.shop-row{border-bottom:1px solid #241f19;align-items:center;gap:10px;padding:6px 0;display:flex}.shop-row .name{flex:1}.shop-row .price{color:var(--gold-hi);text-align:right;width:60px}.skills{width:520px}.skill-row{border-bottom:1px solid #241f19;align-items:center;gap:10px;padding:8px 0;display:flex}.skill-row .info{flex:1}.skill-row .info b{color:var(--gold-hi);font-family:Cinzel,serif}.skill-row .info small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.pips{gap:3px;display:flex}.pips i{border:1px solid var(--gold);border-radius:50%;width:8px;height:8px}.pips i.on{background:var(--gold)}.fullscreen{pointer-events:auto;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.fullscreen.death{background:radial-gradient(#3c00008c,#000000eb)}.fullscreen.victory{background:radial-gradient(#46371480,#000000e6)}.fullscreen.title{background:radial-gradient(at 50% 40%,#1b1622,#050407 75%)}.fullscreen h1{text-shadow:0 4px 18px #000;font-size:44px}#ui .fullscreen .death-title{color:#e2463f}.fullscreen p{color:var(--muted);margin:0}.menu{flex-direction:column;gap:8px;width:260px;display:flex}.menu .btn{width:100%}.settings{grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;width:320px;display:grid}.settings label{color:var(--muted)}.slots-list{flex-direction:column;gap:6px;width:320px;display:flex}.slots-list .slot-row{align-items:center;gap:6px;display:flex}.slots-list .slot-row span{color:var(--muted);flex:1;font-size:12px}.cast-bar{pointer-events:none;width:220px;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.bar.portal>i{background:linear-gradient(#7fb4ff,#3a5ec8)}.potion-cd{pointer-events:none;border-radius:50%;position:absolute;inset:0}.skill-group{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:10px 0 4px;font-size:12px}.skill.blocked{opacity:.4;filter:grayscale()}.actions.difficulty{align-items:center;margin-bottom:8px}.actions.difficulty .btn.on{border-color:var(--gold-hi);color:var(--gold-hi)}.path-choice{gap:10px;margin:8px 0;display:flex}.path-card{border:1px solid var(--line);background:#00000040;border-radius:3px;flex-direction:column;flex:1;gap:4px;padding:8px 10px;display:flex}.path-card h3{color:var(--gold-hi);margin:0;font-size:14px}.path-card p{opacity:.85;margin:0;font-size:12px}.path-card ul{margin:2px 0 6px;padding-left:16px;font-size:11px}.path-card .passive{color:var(--gold)}.path-card .btn{margin-top:auto}