:root{color-scheme:dark;font-family:Georgia,serif}*{box-sizing:border-box}html,body{margin:0;background:#050608;overflow:hidden}#app{position:relative;width:100vw;height:100vh}canvas{display:block;width:100vw;height:100vh;background:#090b0f;cursor:crosshair}#hud{position:absolute;inset:0;pointer-events:none;color:#e7d8b3;text-shadow:0 1px 2px #000}.panel{position:absolute;background:rgba(8,8,11,.82);border:1px solid #755f32;padding:10px 14px;box-shadow:0 0 14px rgba(0,0,0,.7)}.left{left:18px;top:18px;width:290px}.boss{top:18px;left:50%;transform:translateX(-50%);width:480px;text-align:center}.voice{left:18px;bottom:18px;width:350px}.bar{height:16px;background:#1b1b1d;border:1px solid #493a22;margin-top:6px}.bar span{display:block;height:100%;transition:width .15s}.hp{background:linear-gradient(90deg,#760b0b,#d92e2e)}.mana{background:linear-gradient(90deg,#0b3976,#277bd8)}.bossbar{background:linear-gradient(90deg,#7b0d0d,#f14b32)}.stats,small{font-size:12px;color:#b8ab8f}.spells{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto}.spells button{width:105px;height:64px;background:rgba(14,13,18,.92);color:#ebdfc1;border:1px solid #7e6231;font-family:inherit;font-size:16px}.spells button span{font-size:11px;color:#cbb27a}.spells button.cooldown{opacity:.42}.spells button.ready{box-shadow:0 0 12px #6d23a5 inset}#voiceStatus{margin:8px 0;color:#7ee787}