:root{--bg: #12141a;--panel: #1b1e27;--panel2: #232734;--line: #343a4d;--text: #ece7d9;--dim: #9aa0b2;--gold: #e0a93e;--red: #cf5a54;--green: #6dbb71;--blue: #5b8fd6;--font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.4 var(--font);overflow:hidden}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block}.hidden{display:none!important}a{color:var(--gold)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#1d2230,#0c0e13 80%);z-index:20;padding:16px;overflow:auto}.card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:26px 28px;box-shadow:0 14px 50px #0009}.card.wide{width:min(640px,100%)}.card h1{margin:0 0 8px;font:700 26px/1.15 Georgia,serif;color:var(--gold);letter-spacing:.3px}.card h2{margin:0 0 10px;font:700 21px Georgia,serif;color:var(--gold)}.lead{color:#cfc9b7;margin:0 0 18px}.fine{color:var(--dim);font-size:12px;margin:16px 0 0}label{display:block;font-size:12px;color:var(--dim);margin:0 0 5px}input[type=email],input[type=text],input:not([type]){width:100%;background:#0f1117;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px 12px;font:inherit;margin-bottom:12px}input:focus{outline:2px solid #e0a93e66;border-color:var(--gold)}button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:7px 12px;cursor:pointer}button:hover{border-color:var(--gold)}button:disabled{opacity:.45;cursor:default;border-color:var(--line)}button.primary{background:var(--gold);color:#20170a;border-color:var(--gold);font-weight:600;width:100%;padding:10px}button.primary:hover{filter:brightness(1.08)}.msg{min-height:20px;margin:10px 0 0;color:var(--dim)}.msg.err{color:var(--red)}.create-grid{display:grid;grid-template-columns:1fr 160px;gap:20px;align-items:start}.pal{margin-bottom:14px}.pal span{display:block;font-size:12px;color:var(--dim);margin-bottom:5px}.pal div{display:flex;gap:6px;flex-wrap:wrap}.pal i{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer}.pal i.sel{border-color:#fff;box-shadow:0 0 0 2px var(--gold)}#preview{background:#2a3b2c;border-radius:8px;border:1px solid var(--line)}#away-body{max-height:46vh;overflow:auto;margin-bottom:16px}#away-body .day{background:var(--panel2);border-left:3px solid var(--gold);padding:8px 12px;margin-bottom:8px;border-radius:0 6px 6px 0;font-family:Georgia,serif}#away-body .ev{color:#cfc9b7;padding:3px 0}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}#hud-top{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:14px;align-items:flex-start;pointer-events:none}#bars{width:270px}.bar{position:relative;height:18px;background:#0b0d12cc;border:1px solid #000;border-radius:4px;margin-bottom:4px;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;width:0;transition:width .15s}.bar b{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font:600 11px/18px var(--font);text-shadow:0 1px 2px #000}.bar.hp i{background:linear-gradient(#d4605a,#a83a35)}.bar.xp{height:10px}.bar.xp i{background:linear-gradient(#6aa2e6,#3f6fb0)}.bar.xp b{font-size:8px;line-height:10px}#clock{background:#0b0d12cc;border:1px solid #000;border-radius:4px;padding:3px 10px;font-weight:600}#tree{margin-left:auto;width:240px;text-align:right;font-size:11px;color:var(--dim)}.bar.tree{height:8px;margin-top:3px}.bar.tree i{background:#6c8d3f}#hud-left{position:absolute;top:74px;left:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}#gold{background:#0b0d12cc;border:1px solid #000;border-radius:4px;padding:2px 10px;color:var(--gold);font-weight:600}#points{background:var(--gold);color:#20170a;padding:2px 10px;border-radius:4px;font-weight:600;pointer-events:auto;cursor:pointer}#party{font-size:12px;color:var(--green)}#hotbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px}.slot{width:76px;height:52px;background:#0b0d12dd;border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:11px;position:relative;overflow:hidden;text-align:center}.slot kbd{position:absolute;top:2px;left:4px;color:var(--gold);font-weight:700;font-size:11px}.slot span{display:block;margin-top:12px;color:#d6d0bf}.slot .cd{position:absolute;inset:auto 0 0 0;height:0;background:#000a}.slot.dim{opacity:.45}#channel{position:absolute;bottom:82px;left:50%;transform:translate(-50%);width:220px;background:#0b0d12dd;border:1px solid #000;border-radius:4px;height:18px;overflow:hidden}#channel i{position:absolute;inset:0 auto 0 0;background:var(--blue);width:0}#channel span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:11px;line-height:18px}#toasts{position:absolute;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#0b0d12ee;border:1px solid var(--line);border-left:3px solid var(--gold);padding:7px 14px;border-radius:5px;max-width:520px;animation:fade 5.5s forwards}@keyframes fade{0%,80%{opacity:1}to{opacity:0}}#tooltip{position:fixed;background:#0b0d12ee;border:1px solid var(--line);padding:4px 8px;border-radius:4px;font-size:12px;pointer-events:none!important;z-index:15}#minimap{position:absolute;right:10px;top:52px;border:1px solid #000;background:#0b0d12;border-radius:4px;opacity:.92}#menu{position:absolute;top:190px;right:10px;display:flex;flex-direction:column;gap:4px}#menu button{background:#0b0d12cc;padding:4px 10px;font-size:12px}#chat{position:absolute;left:10px;bottom:10px;width:380px}#chat-log{max-height:160px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;font-size:13px;text-shadow:0 1px 2px #000;pointer-events:none;margin-bottom:4px}#chat-log div{padding:1px 4px;background:#0b0d1299;margin-top:1px;border-radius:3px}#chat-log .party{color:var(--green)}#chat-log .sys{color:var(--gold)}#chat-log .npc{color:#f0cf8a}#chat-input{margin:0;padding:6px 10px;background:#0b0d12cc}.panel{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px 18px;box-shadow:0 10px 40px #000a;width:420px;max-height:70vh;overflow:auto;top:90px;left:50%;transform:translate(-50%)}.panel h3{margin:0 0 10px;font:700 17px Georgia,serif;color:var(--gold);display:flex;justify-content:space-between;align-items:center}.panel h3 button{padding:1px 8px;font-size:12px}.panel.small{width:300px;top:auto;bottom:90px;left:auto;right:190px;transform:none}.panel.npc{width:460px;top:auto;bottom:20px;left:50%;max-height:60vh}.panel.shop{width:560px}.row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #ffffff10}.row .grow{flex:1}.row .dim,.dim{color:var(--dim)}.row button{padding:2px 9px;font-size:12px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.chip{background:var(--panel2);border-radius:12px;padding:2px 9px;font-size:12px}.chip.good{color:var(--green)}.chip.bad{color:var(--red)}#npc-log{max-height:26vh;overflow:auto;margin:10px 0;display:flex;flex-direction:column;gap:6px}#npc-log .you{align-self:flex-end;background:#2c3550;padding:6px 10px;border-radius:10px 10px 2px;max-width:85%}#npc-log .them{align-self:flex-start;background:var(--panel2);padding:6px 10px;border-radius:10px 10px 10px 2px;max-width:90%;font-family:Georgia,serif}#npc-log .act{align-self:center;color:var(--gold);font-size:12px}#npc-log .think{color:var(--dim);font-style:italic}.npc-input{display:flex;gap:6px}.npc-input input{margin:0;flex:1}.tabs{display:flex;gap:4px;margin-bottom:8px}.tabs button.on{border-color:var(--gold);color:var(--gold)}.stele-dead{text-decoration:line-through;color:var(--dim)}.kbd{display:inline-block;background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:0 6px;font-size:12px;margin-right:4px}.help td{padding:2px 8px 2px 0;vertical-align:top}@media (max-width: 900px){#chat{width:250px}.panel{width:94vw}}