:root{--gold:#d8b25a;--gold-dim:#8a6d33;--ink:#e9dfc8;--muted:#9a8f7a;--panel:#0c0a09d1;--edge:#3b2f22;color:var(--ink);background:#000;font-family:EB Garamond,Georgia,serif}*{box-sizing:border-box}html,body,#root{-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;font-family:inherit}.stage{position:fixed;inset:0}.stage canvas{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path d='M2 2 L20 9 L12 12 L9 20 Z' fill='%23d8b25a' stroke='%23000' stroke-width='1.5'/></svg>") 2 2,default;display:block}.floaters{pointer-events:none;position:fixed;inset:0;overflow:hidden}.floater{text-shadow:0 0 4px #000,0 2px 2px #000;white-space:nowrap;font-family:Cinzel,serif;font-size:18px;font-weight:700;position:absolute;top:0;left:0}.floater.big{font-size:26px}.hud{pointer-events:none;position:fixed;inset:0}.hud button,.inventory{pointer-events:auto}.red{color:#ff6a5a}.bottom{align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.center{flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.orb{border:3px solid var(--gold-dim);background:#0b0808;border-radius:50%;width:132px;height:132px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #120d08,0 0 22px #000000e6,inset 0 0 25px #000000e6}.orb-fill{transition:height .15s linear;position:absolute;bottom:0;left:0;right:0}.orb-hp .orb-fill{background:radial-gradient(circle at 40% 30%,#ff5a4a,#9c0f0a 55%,#3d0303)}.orb-mana .orb-fill{background:radial-gradient(circle at 40% 30%,#5aa0ff,#1733a8 55%,#050d3d)}.orb-glass{background:radial-gradient(circle at 35% 22%,#ffffff59,#fff0 35%);border-radius:50%;position:absolute;inset:0}.orb-text{text-shadow:0 1px 3px #000;place-items:center;font-family:Cinzel,serif;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}.skills{gap:6px;display:flex}.skill{border:2px solid var(--gold-dim);background:linear-gradient(#2a2119,#120e0a);border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:center;width:66px;height:66px;padding:4px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #000}.skill:hover{border-color:var(--gold)}.skill.off{filter:grayscale(.8)brightness(.6)}.skill-key{color:var(--gold);font-family:Cinzel,serif;font-size:14px;font-weight:700;position:absolute;top:2px;left:5px}.skill-name{text-align:center;font-size:11px;line-height:1.05}.skill-whirl{background:radial-gradient(circle at 50% 40%,#6f86a6 0,#2a3444 40%,#120e0a 75%)}.skill-smite{background:radial-gradient(circle at 50% 40%,#fff1a8 0,#b58b2a 35%,#120e0a 75%)}.skill-secondWind{background:radial-gradient(circle at 50% 40%,#8dffa6 0,#2a6a3a 35%,#120e0a 75%)}.skill-cd{place-items:center;font-family:Cinzel,serif;font-size:16px;font-weight:700;display:grid;position:absolute;inset:0}.potion{width:50px}.flask{border-radius:40% 40% 45% 45%;width:18px;height:26px;margin-bottom:6px;box-shadow:0 0 10px}.flask.red{color:#ff3a2a;background:#d8201a}.flask.blue{color:#3a7bff;background:#1f55d8}.count{font-weight:700;position:absolute;bottom:2px;right:5px}.xpbar{border:1px solid var(--gold-dim);background:#0c0906;border-radius:3px;height:16px;position:relative;overflow:hidden}.xpfill{background:linear-gradient(#e7c45c,#8a6420);position:absolute;inset:0 auto 0 0}.xpbar span{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;line-height:15px;display:block;position:relative}.stats{background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:10px 14px;font-size:15px;line-height:1.45;position:absolute;top:14px;left:16px}.stats b{color:var(--gold)}.gold{color:#ffcf40!important}.log{background:linear-gradient(#0000,#0000008c 25%);border-radius:6px;width:min(520px,34vw);max-height:210px;padding:26px 10px 6px;font-size:14px;line-height:1.35;position:absolute;bottom:16px;left:16px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.log-hero{color:#e9dfc8}.log-enemy{color:#ff8a7a}.log-info{color:#a9b6c9;font-style:italic}.log-loot{color:#ffd76a}.log-level{color:#8dffa6;font-weight:600}.bars{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.bar{border:1px solid var(--gold-dim);background:#1a0605;border-radius:3px;width:520px;height:18px;overflow:hidden}.bar.small{width:300px;height:12px}.barfill{background:linear-gradient(#e0392c,#7a0d08);height:100%;transition:width .15s}.barfill.boss{background:linear-gradient(#ff5a2a,#8a1004);box-shadow:0 0 12px #ff3a1a}.bossname,.hovername{text-align:center;text-shadow:0 1px 3px #000;letter-spacing:.06em;font-family:Cinzel,serif;font-weight:700}.bossname{color:#ff9a7a;font-size:20px}.hovername{font-size:15px}.inventory{background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;width:330px;padding:12px;position:absolute;top:190px;right:16px}.inv-head{color:var(--gold);justify-content:space-between;margin-bottom:8px;font-family:Cinzel,serif;font-size:18px;font-weight:700;display:flex}.inv-head button{color:var(--gold);background:0 0;border:none;font-size:20px}.inv-slots{gap:6px;margin-bottom:10px;display:grid}.slot{border:1px solid var(--edge);background:#0e0b08;border-radius:4px;justify-content:space-between;gap:10px;padding:6px 8px;display:flex}.slot span{color:var(--muted)}.inv-bag{gap:4px;max-height:260px;display:grid;overflow:auto}.bagitem{text-align:left;border:1px solid var(--edge);background:#16110c;border-radius:4px;padding:5px 8px}.bagitem:hover{border-color:var(--gold)}.rarity-magic b,.bagitem.rarity-magic{color:#7aa7ff}.rarity-rare b,.bagitem.rarity-rare{color:#ffb347}.muted{color:var(--muted)}.banner{text-align:center;color:#ffcf8a;text-shadow:0 0 18px #000,0 0 30px #ff5a1e80;letter-spacing:.08em;font-family:Cinzel,serif;font-size:44px;font-weight:900;animation:.4s fadein;position:absolute;top:22%;left:0;right:0}.screen{pointer-events:auto;text-align:center;background:radial-gradient(#05060a59,#000000e0);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.screen.dark{background:radial-gradient(#28000073,#000000eb)}.screen h1{color:#e9d7a8;letter-spacing:.06em;text-shadow:0 0 30px #000;margin:0;font-family:Cinzel,serif;font-size:clamp(34px,6vw,72px);font-weight:900}.screen h1.red{color:#ff4a3a}.screen h1.gold{color:#ffd76a}.sub{color:#c9b890;margin:0;font-size:20px}.story{color:#d9cdb2;max-width:620px;font-size:19px;line-height:1.5}.keys{max-width:720px;font-size:15px}button.big{letter-spacing:.06em;color:#ffe2a8;border:2px solid var(--gold);background:linear-gradient(#5a1a10,#2a0906);border-radius:4px;margin-top:12px;padding:12px 34px;font-family:Cinzel,serif;font-size:20px;font-weight:700;box-shadow:0 0 20px #ff501e59}button.big:hover{filter:brightness(1.25)}.loadbar{border:1px solid var(--gold-dim);background:#0c0906;border-radius:5px;width:360px;height:10px;overflow:hidden}.loadbar div{background:linear-gradient(90deg,#8a6420,#e7c45c);height:100%;transition:width .2s}@keyframes fadein{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.quest{background:var(--panel);border:1px solid var(--gold-dim);border-radius:8px;width:330px;padding:10px 14px 12px;position:absolute;top:14px;right:16px;box-shadow:0 0 18px #0009}.quest-head{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-family:Cinzel,serif;font-size:12px}.quest-title{color:#ffd25a;margin:2px 0 4px;font-family:Cinzel,serif;font-size:19px;font-weight:700}.quest-text{color:var(--ink);font-size:15px;line-height:1.35}.quest-foot{align-items:center;gap:10px;margin-top:8px;font-family:Cinzel,serif;font-weight:700;display:flex}.quest-count{color:#ffd25a;font-size:16px}.quest-dist{color:#c9b890;margin-left:auto;font-size:14px}.quest-dist:before{content:"➤ ";color:#ffd25a}.quest-hold{border:1px solid var(--gold-dim);background:#0c0906;border-radius:4px;flex:1;height:8px;overflow:hidden}.quest-hold i{background:linear-gradient(90deg,#8a6420,#ffd25a);height:100%;display:block}