:root{--ink: #f3e9d2;--muted: #b9ab8d;--gold: #c9a45c;--panel: rgba(20, 16, 11, .82);--line: rgba(201, 164, 92, .35);--hp: #b8322a;--xp: #7b5cc9}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1a1510;color:var(--ink);font:14px/1.4 Inter,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#scene,#overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#overlay{pointer-events:none}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at center,#1a151059,#0a0805d9);z-index:10}.panel{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 20px 60px #00000080}h1{font-family:Cinzel,serif;font-weight:800;font-size:44px;letter-spacing:.06em;margin:0;text-align:center;color:var(--gold);text-shadow:0 2px 0 #000}.tag{text-align:center;color:var(--muted);margin:4px 0 22px;font-style:italic}label{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}input{width:100%;margin-top:6px;padding:10px 12px;background:#00000073;border:1px solid var(--line);border-radius:6px;color:var(--ink);font:16px Inter,sans-serif;outline:none;-webkit-user-select:text;user-select:text}input:focus{border-color:var(--gold)}.classes{display:grid;gap:8px;margin:18px 0 6px}.cls{text-align:left;padding:10px 12px;background:#00000059;border:1px solid var(--line);border-radius:6px}.cls b{font-family:Cinzel,serif;display:block;font-size:16px}.cls span{color:var(--muted);font-size:12px}.cls.sel{border-color:var(--gold);background:#c9a45c24}.cls[data-cls=warrior] b{color:#e27b6f}.cls[data-cls=ranger] b{color:#6fcf8f}.cls[data-cls=mage] b{color:#72aef0}.hint{color:var(--muted);font-size:12px;margin:4px 0 16px}.gfx{margin:0 0 14px}select{width:100%;margin-top:6px;padding:9px 10px;background:#00000073;border:1px solid var(--line);border-radius:6px;color:var(--ink);font:14px Inter,sans-serif}.primary{width:100%;padding:12px;font-family:Cinzel,serif;font-size:17px;font-weight:600;background:linear-gradient(#d8b46b,#9d7a3a);color:#1a1208;border:0;border-radius:6px}.primary:disabled{opacity:.5}.err{color:#ff8a7a;min-height:1.2em;margin:10px 0 0;text-align:center}.frame{position:fixed;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:230px;z-index:5}#me{top:12px;left:12px}#tgt{top:12px;left:50%;transform:translate(-50%)}.fname{font-family:Cinzel,serif;font-weight:600;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fname small{color:var(--muted);font-family:Inter,sans-serif}.bar{position:relative;height:14px;background:#0009;border-radius:3px;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;background:var(--hp);width:100%;transition:width .15s}.bar.enemy i{background:#a83a2c}.bar em{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font:600 10px/14px Inter,sans-serif;font-style:normal;text-shadow:0 1px 1px #000}.gold{margin-top:5px;color:var(--gold);font-size:12px}#minimapWrap{position:fixed;top:12px;right:12px;z-index:5}#minimap{display:block;border-radius:50%;border:2px solid var(--line);box-shadow:0 4px 20px #00000080}#coords{text-align:center;font-size:11px;color:var(--muted);margin-top:3px;text-shadow:0 1px 2px #000}#netinfo{position:fixed;top:212px;right:14px;font-size:11px;color:var(--muted);text-shadow:0 1px 2px #000;z-index:5;text-align:right}#chat{position:fixed;left:12px;bottom:12px;width:min(360px,calc(100vw - 24px));z-index:5}#chatLog{max-height:180px;overflow-y:auto;font-size:13px;padding:6px 8px;background:#00000059;border-radius:6px 6px 0 0;text-shadow:0 1px 2px #000;scrollbar-width:thin}#chatLog div{margin:1px 0;word-wrap:break-word;-webkit-user-select:text;user-select:text}#chatLog .sys{color:#e8c778}#chatLog .err{color:#ff8a7a;text-align:left;margin:0;min-height:0}#chatLog b{font-weight:600}#chatIn{margin:0;border-radius:0 0 6px 6px;font-size:13px;padding:7px 8px;background:#0000008c}#bottom{position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:5;width:300px}#skills{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.skill{position:relative;width:58px;height:58px;border-radius:8px;background:var(--panel);border:1px solid var(--line);display:grid;place-items:center;font-size:10px;text-align:center;padding:3px;overflow:hidden}.skill .k{position:absolute;top:2px;left:5px;font-weight:600;color:var(--gold);font-size:11px}.skill .cd{position:absolute;inset:auto 0 0 0;background:#000000b8}.skill .cdt{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:600 16px Inter;text-shadow:0 1px 2px #000}.skill:active{transform:scale(.95)}.bar.xp{height:10px}.bar.xp i{background:var(--xp)}.bar.xp em{font-size:9px;line-height:10px}#toast{position:fixed;top:30%;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:22px;color:var(--gold);text-shadow:0 2px 6px #000;pointer-events:none;opacity:0;transition:opacity .4s;z-index:6;text-align:center}#dead{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;background:#28000073;z-index:8;gap:8px}#dead h2{font-family:Cinzel,serif;font-size:38px;margin:0;color:#e0685a}#dead .primary{width:260px;margin:10px auto 0}#help{position:fixed;bottom:4px;right:12px;font-size:11px;color:var(--muted);text-shadow:0 1px 2px #000;z-index:4}@media(max-width:760px){#tgt{top:200px;left:12px;transform:none;width:170px}#me{width:170px}#minimap{width:110px;height:110px}#netinfo{top:145px}#chat{bottom:100px;width:calc(100vw - 24px)}#chatLog{max-height:90px}#help{display:none}}