:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11130f;--panel:#191c17;--panel-2:#20251e;--line:#343b31;--text:#eef2e8;--muted:#aab3a3;--accent:#c7f36b;--accent-2:#5bd6c7;--danger:#ff897d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.auth-page{background:linear-gradient(#11130fb8,#11130ff2),url(https://images.unsplash.com/photo-1615672968435-95ade28e0b38?auto=format&fit=crop&w=1800&q=80) 50%/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel,.panel{background:color-mix(in srgb, var(--panel) 94%, black);border:1px solid var(--line);border-radius:8px;padding:24px}.auth-panel{width:min(440px,100%)}.brand{align-items:center;gap:16px;margin-bottom:24px;display:flex}.brand h1,.topbar h1,.leftbar h1{margin:0}.brand p,.topbar p,.leftbar p,.campaign-card p{color:var(--muted);margin:6px 0 0}.brand-mark{color:#11130f;background:var(--accent);border-radius:8px;place-items:center;width:56px;height:56px;display:grid}.mode-switch{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.mode-switch button,.ghost,.compact-form button,.chat-form button,.primary{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.mode-switch .active,.primary,.compact-form button,.chat-form button{background:var(--accent);border-color:var(--accent);color:#11130f}.form,.compact-form{gap:14px;display:grid}label{color:var(--muted);gap:8px;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#10130f;border-radius:8px;padding:11px 12px}.error{color:var(--danger);margin:0}.workspace{min-height:100vh;padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-grid{grid-template-columns:360px 360px 1fr;align-items:start;gap:18px;display:grid}.campaign-list{gap:12px;display:grid}.campaign-card{background:var(--panel);border:1px solid var(--line);color:inherit;text-align:left;border-radius:8px;gap:16px;padding:18px;display:grid}.campaign-card:hover{border-color:var(--accent-2)}.campaign-card h2,.panel h2,.compact-form h2,.chatbar h2{margin:0}.card-meta{color:var(--muted);flex-wrap:wrap;gap:10px;display:flex}code{border:1px solid var(--line);background:#0c0f0b;border-radius:6px;padding:3px 6px}.room{grid-template-columns:300px 1fr 340px;height:100vh;display:grid;overflow:hidden}.leftbar,.chatbar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:20px;padding:18px;display:flex;overflow:auto}.chatbar{border-right:0;border-left:1px solid var(--line)}.back-link,.chatbar h2{align-items:center;gap:8px;display:flex}.map-shell{min-width:0;padding:18px}.battle-map{border:1px solid var(--line);-webkit-user-select:none;user-select:none;background-position:0 0,0 0,50%;background-size:64px 64px,64px 64px,cover;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.map-toolbar{z-index:2;position:absolute;top:12px;left:12px}.map-toolbar span{border:1px solid var(--line);background:#0c0f0bc2;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.map-token{border:2px solid var(--accent);width:58px;height:58px;color:var(--text);touch-action:none;background:#172016;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.map-token.selected{border-color:var(--accent-2);box-shadow:0 0 0 4px #5bd6c738}.map-token img{object-fit:cover;border-radius:50%;width:100%;height:100%}.map-token small{white-space:nowrap;background:#0c0f0bd1;border-radius:6px;padding:2px 5px;position:absolute;top:62px;left:50%;transform:translate(-50%)}.messages{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow:auto}.message{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px}.message strong{color:var(--accent-2)}.message p{margin:4px 0 0}.message.roll{border-color:var(--accent)}.chat-form{grid-template-columns:1fr auto;gap:8px;display:grid}.loading{place-items:center;display:grid}@media (max-width:1100px){.dashboard-grid,.room{grid-template-columns:1fr}.room{height:auto}.map-shell{height:70vh}}