:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#10100d;color:#ece4cc}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 50% -20%,#3c3423,#10100d 65%);min-height:100vh}header{height:70px;border-bottom:1px solid #6b5630;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));letter-spacing:.12em}header b{color:#f4c977;font:700 26px Georgia,serif}header span,small{color:#b99c67;font-size:12px}main{max-width:1200px;margin:auto;padding:55px 24px}#lobby,#auth{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}.intro{padding-top:60px}h1{font:700 clamp(44px,5vw,72px)/1.06 Georgia,serif;margin:18px 0 26px}h1 em{color:#e3ad52;font-style:normal}.intro p{max-width:540px;color:#bcb6a6;line-height:1.7;font-size:18px}.panel{border:1px solid #765b30;background:#1b1a15;padding:30px;box-shadow:0 20px 50px #0008}label{display:block;color:#c8b889;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}input,select{display:block;width:100%;margin-top:9px;padding:13px 14px;background:#11110e;border:1px solid #665436;color:#fff;font:inherit;border-radius:3px}button{background:#c18b36;border:1px solid #e7b75f;color:#1c1305;padding:13px 18px;font-weight:800;letter-spacing:.04em;cursor:pointer;border-radius:3px}button:hover{background:#e6ad51}.panel>button:not(.linkbutton){width:100%}.linkbutton{border:0;background:transparent;color:#d5ad67;padding:8px 0;font-weight:500;text-decoration:underline}.linkbutton:hover{background:transparent;color:#f0c783}#authError{color:#e6897c;min-height:1.4em}.separator{color:#897e69;text-align:center;font-size:12px;margin:27px 0 18px}.join{display:flex;gap:10px}.join input{margin:0;text-transform:uppercase}.join button{white-space:nowrap}h3{margin:30px 0 10px;font:18px Georgia,serif}.room{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #4a412e;padding:10px 0;color:#cfc5a9}.room button{padding:7px 12px;font-size:12px}.gamebar,.hud{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:0 0 12px}.gamebar strong{font:22px Georgia,serif;color:#e5b459}.gamebar button{padding:8px 12px}canvas{width:100%;height:auto;border:3px solid #745934;background:#263926;image-rendering:pixelated;cursor:crosshair}.hud{margin:12px 0;color:#bbb29d;font-size:13px}#notice{color:#f1bb69;min-height:24px}footer{max-width:1200px;margin:40px auto;padding:20px 24px;border-top:1px solid #4e432c;color:#8e8778;font-size:12px;line-height:1.6}a{color:#d5ad67}@media(max-width:760px){#lobby,#auth{grid-template-columns:1fr;gap:20px}.intro{padding:0}main{padding-top:28px}header span{display:none}.gamebar,.hud{flex-wrap:wrap}}
.gamebody{display:grid;grid-template-columns:minmax(0,960px) 210px;gap:12px;align-items:start}.gamebody canvas{display:block}.gamebody canvas.casting{cursor:cell;border-color:#e8c276}.spellbook{min-height:576px;padding:16px;background:#282018;border:3px ridge #91754b;box-shadow:inset 0 0 0 2px #3a2a19;color:#dfcda6}.spellbook h2{font:700 22px Georgia,serif;letter-spacing:.08em;text-align:center;margin:4px 0 15px;color:#efc377}.spellbook p{font-size:12px;line-height:1.5;color:#bcb09a}.spellbook select{height:112px;font:13px Georgia,serif;padding:5px;background:#1a1510;border:2px inset #776044}.spellbook option{padding:8px 4px}.spellbook option:checked{background:#755a2c;color:#fff}.spellbook #cast{width:100%;margin:6px 0 26px}.meterLabel{font:11px Georgia,serif;color:#cbb994;letter-spacing:.12em;margin:16px 0 5px}.meter{height:15px;border:2px inset #6d5737;background:#100d0a}.meter i{display:block;height:100%;transition:width .2s}.meter .health{background:linear-gradient(#ec6a5c,#921c1c)}.meter .mana{background:linear-gradient(#70baff,#175eac)}#stats{font-size:12px;margin-top:23px;line-height:1.6;color:#e9d5a7}@media(max-width:900px){.gamebody{grid-template-columns:1fr}.spellbook{min-height:auto}.gamebar{flex-wrap:wrap}}
.spellbook{background:#201914 url('/assets/ui/panel.png?v=20261026b') center/100% 100% no-repeat;border:0;padding:18px 20px;box-shadow:none}.spellbook h2{height:54px;background:url('/assets/ui/spells.png?v=20261026b') center/100% 100% no-repeat;font-size:0;margin:2px 0 28px}.spellbook select{border:2px inset #594b3b;background:#251d18;color:#eadcc2}.spellbook #cast{background:#806e58;color:#fff1d5;border:2px outset #bda783;font:700 16px Georgia,serif}.spellbook #cast:hover{background:#a28a6a}.meter{height:16px;border:0;background:url('/assets/ui/bar-background.png?v=20261026b') center/100% 100% no-repeat}.meter i{background-size:100% 100%!important}.meter .health{background-image:url('/assets/ui/health.png?v=20261026b')}.meter .mana{background-image:url('/assets/ui/mana.png?v=20261026b')}.meter .energy{background-image:url('/assets/ui/energy.png?v=20261026b')}#stats{margin-top:18px}
#combatLog{min-height:72px;padding:10px 12px;margin:8px 0;border:1px solid #604b31;background:#17120edb;color:#e2c99c;font:13px/1.5 Georgia,serif;white-space:pre-line}