:root{--bg:#14110f;--panel:#1f1a16;--ink:#f1e9dc;--muted:#a89f92;--accent:#e0742a;--ok:#5fbf7a;--bad:#d9534f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);min-height:100vh;margin:0}main{max-width:720px;margin:0 auto;padding:48px 16px}h1{letter-spacing:.02em;margin:0 0 4px;font-size:2.5rem}h1 span{color:var(--accent)}.subtitle{color:var(--muted);margin:0 0 32px}.card{background:var(--panel);border-radius:12px;padding:20px 24px}.card h2{margin:0 0 12px;font-size:1.1rem}.services{gap:8px;margin:0;padding:0;list-style:none;display:grid}.services li{justify-content:space-between;display:flex}.status{font-weight:600}.status[data-state=ok]{color:var(--ok)}.status[data-state=down],.status[data-state=degraded]{color:var(--bad)}.status[data-state=loading]{color:var(--muted)}.topbar{border-bottom:1px solid #2c2622;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.brand{color:var(--ink);font-size:1.25rem;font-weight:700;text-decoration:none}.brand span{color:var(--accent)}.topbar nav{align-items:center;gap:16px;display:flex}.topbar a,.topbar .link{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.topbar a.muted{color:var(--muted)}.card.narrow{max-width:420px;margin:0 auto}.card h1{margin:0 0 8px;font-size:1.6rem}form{gap:14px;display:grid}.field{gap:4px;display:grid}.field span{color:var(--muted);font-size:.9rem}.field small{color:var(--muted);font-size:.75rem}input{color:var(--ink);font:inherit;background:#120f0d;border:1px solid #3a322c;border-radius:8px;padding:10px 12px}input:focus{outline:2px solid var(--accent);border-color:#0000}button[type=submit]{background:var(--accent);color:#1a0d05;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}button[type=submit]:disabled{opacity:.6;cursor:wait}.error{color:var(--bad);margin:0}.ok{color:var(--ok);margin:0}hr{border:0;border-top:1px solid #2c2622;margin:20px 0}a{color:var(--accent)}code{background:#120f0d;border-radius:4px;padding:2px 6px}.campaign-list{gap:8px;margin:0 0 24px;padding:0;list-style:none;display:grid}.campaign-list li{background:var(--panel);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.campaign-list li a{color:var(--ink);flex:1;font-weight:600;text-decoration:none}.badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.badge-gm{background:var(--accent);color:#1a0d05}.badge-player{color:var(--ink);background:#3a322c}.two-cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.members{gap:6px;margin:0;padding:0;list-style:none;display:grid}.members li{align-items:center;gap:10px;display:flex}.members li .grow{flex:1}button.secondary{color:var(--ink);font:inherit;cursor:pointer;background:#3a322c;border:0;border-radius:8px;padding:6px 10px}button.danger{color:var(--bad);border:1px solid var(--bad);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}.invite{align-items:center;gap:8px;display:flex}.invite code{letter-spacing:.15em;font-size:1.2rem}h2{margin:24px 0 12px;font-size:1.2rem}.card h2{margin-top:0}.two-cols>*{min-width:0}.invite,.members li{flex-wrap:wrap}.chat{flex-direction:column;height:420px;display:flex}.chat-status{color:var(--muted);margin-bottom:6px;font-size:.75rem}.chat-status[data-state=online]{color:var(--ok)}.chat-list{background:#120f0d;border-radius:8px;flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.msg{border-radius:6px;gap:2px;padding:6px 8px;display:grid}.msg.mine{background:#241d18}.msg-whisper{background:#2a1f33}.msg-system{color:var(--muted);font-style:italic}.msg-meta{color:var(--muted);font-size:.75rem}.msg-meta strong{color:var(--accent)}.msg-text{white-space:pre-wrap;word-break:break-word}.chat-form{gap:8px;margin-top:8px;display:flex}.chat-form input{flex:1}.presence{gap:6px;margin:0;padding:0;list-style:none;display:grid}.presence li{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.on{background:var(--ok)}.dot.off{background:#3a322c}.sheet-header{align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.sheet-name{color:var(--ink);background:0 0;border:0;border-bottom:1px solid #3a322c;flex:1;padding:4px 0;font-size:1.6rem;font-weight:700}.sheet-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px;display:grid}@media (width<=800px){.sheet-grid{grid-template-columns:1fr}}.sheet-steps{gap:16px;display:grid}.fields-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}textarea{color:var(--ink);font:inherit;background:#120f0d;border:1px solid #3a322c;border-radius:8px;padding:10px 12px}.pool{float:right;color:var(--ok);font-size:.85rem;font-weight:600}.pool[data-over=true]{color:var(--bad)}.alloc{gap:6px;margin:0;padding:0;list-style:none;display:grid}.alloc li{align-items:center;gap:8px;display:flex}.alloc-value{text-align:center;min-width:2ch;font-weight:700}.stat-total{min-width:4ch}.warning{color:#e0b64a}.stats-panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:12px 0 6px;font-size:.85rem}.stats{gap:4px;margin:0;padding:0;list-style:none;display:grid}.stats li{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.stats .link{color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.breakdown{width:100%;color:var(--muted);margin:4px 0 8px;padding-left:20px;font-size:.8rem}select{color:var(--ink);font:inherit;background:#120f0d;border:1px solid #3a322c;border-radius:8px;padding:10px 12px}.picked{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.picked li{align-items:center;gap:8px;display:flex}.picked li[data-ok=false]{color:var(--bad)}.catalog-filters{gap:8px;margin:8px 0;display:flex}.catalog-filters input{flex:1}.catalog{gap:4px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.catalog summary,.alloc details summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.catalog summary::-webkit-details-marker{display:none}.feature-text{white-space:pre-wrap;color:var(--muted);margin:6px 0 10px;font-size:.85rem}.effects{gap:2px;margin:0;padding:0 0 8px;font-size:.85rem;list-style:none;display:grid}.effects li[data-available=false]{color:var(--muted)}.alloc details{flex:1}.sheet-side{align-content:start;gap:16px;display:grid}.sheet-grid>*{min-width:0}.catalog-filters select{flex:1;min-width:0;max-width:100%}.sheet-steps>*{min-width:0}.card{overflow-wrap:anywhere;min-width:0}.alloc li{flex-wrap:wrap}.roll{gap:2px;display:grid}.roll-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.die{background:#3a322c;border-radius:4px;place-items:center;min-width:22px;height:22px;margin-right:3px;font-weight:700;display:inline-grid}.roll-total{color:var(--accent);font-size:1.2rem;font-weight:800}.badge-critical{color:#1a0d05;background:#e0b64a}.badge-success{background:var(--ok);color:#05200c}.badge-failure{color:var(--ink);background:#5a3a3a}.badge-fumble{background:var(--bad);color:#fff}.roll-edit{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.roll-edit input,.roll-edit select{padding:4px 8px}.roll-edit button[type=submit]{padding:4px 10px}.msg-roll{background:#1a2320}.dialog-backdrop{z-index:10;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{width:min(420px,100%)}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.roll-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:1px solid #3a322c;border-radius:6px;padding:0 6px}.packages{gap:10px;margin:0;padding:0;list-style:none;display:grid}.packages li{border-bottom:1px solid #2c2622;padding:8px 0}.packages label{cursor:pointer;align-items:baseline;gap:8px;display:flex}.homebrew-editor textarea{width:100%;min-height:220px;font-family:ui-monospace,monospace;font-size:.85rem}.resources{gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.resources li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.resources output{text-align:center;min-width:7ch;font-weight:700}.bar{background:#120f0d;border-radius:3px;flex-basis:100%;height:6px;overflow:hidden}.bar span{height:100%;display:block}.state-panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:12px 0 6px;font-size:.85rem}.avatar{object-fit:cover;vertical-align:middle;background:#2c2622;border-radius:50%;flex:none}.avatar-initials{color:var(--muted);letter-spacing:.02em;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.avatar-initials:before{content:attr(data-initials)}.nav-user{align-items:center;gap:8px;display:inline-flex}.avatar-row{align-items:center;gap:16px;margin:12px 0 20px;display:flex}.dropzone{text-align:center;border:2px dashed #3a322c;border-radius:10px;padding:20px;transition:border-color .15s}.dropzone.dragging{border-color:var(--accent)}.dropzone p{margin:4px 0}.quota{align-items:center;gap:12px;margin:12px 0;display:flex}.quota-bar{background:#2c2622;border-radius:4px;flex:1;height:8px;overflow:hidden}.quota-fill{background:var(--accent);height:100%}.uploads{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.uploads li{align-items:center;gap:12px;display:flex}.uploads progress{width:160px}.media-toolbar{gap:8px;margin:12px 0;display:flex}.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.media-grid li{background:#1d1916;border:1px solid #2c2622;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.media-grid .thumb{aspect-ratio:4/3;background:#14110f;justify-content:center;align-items:center;display:flex}.media-grid .thumb img{object-fit:contain;width:100%;height:100%}.media-grid .thumb audio{width:90%}.media-grid .meta{gap:2px;min-width:0;padding:8px 10px;display:grid}.media-grid .meta strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.media-grid .actions{gap:6px;margin-top:auto;padding:0 10px 10px;display:flex}.portrait{cursor:pointer;width:72px;height:72px;color:var(--muted);background:#2c2622;border:0;border-radius:10px;flex:none;justify-content:center;align-self:center;align-items:center;padding:0;font-size:.8rem;display:flex;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.portrait:disabled{cursor:default}dialog.picker{color:var(--ink);background:#1d1916;border:1px solid #2c2622;border-radius:12px;width:min(900px,92vw);max-height:85vh;padding:16px;overflow:auto}dialog.picker::backdrop{background:#0009}dialog.picker header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.scene-header{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.scene-header h1{margin:0}.scene-layout{grid-template-columns:minmax(0,1fr);gap:12px;height:calc(100vh - 170px);min-height:420px;display:grid}.scene-layout.with-panel{grid-template-columns:minmax(0,1fr) 300px}.map-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#14110f;border:1px solid #2c2622;border-radius:10px;min-height:300px;position:relative;overflow:hidden}.map-canvas canvas{display:block}.map-canvas.calibrating{cursor:crosshair;outline:2px solid #ff6f6f}.map-empty{color:var(--muted);border:1px dashed #3a322c;border-radius:10px;justify-content:center;align-items:center;display:flex}.scene-panel{overflow:auto}.scene-panel h2{margin-top:14px}.scene-panel form.inline{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.scene-panel form.inline label{flex:1;min-width:0}.scene-panel form.inline button{white-space:nowrap;flex:none}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grid-settings{gap:6px;display:grid}.token-list li{cursor:pointer}.token-list li.selected{outline:1px solid var(--accent);border-radius:6px}.token-list li[data-hidden=true]{opacity:.7}.token-edit{border:1px solid #2c2622;border-radius:8px;margin-top:8px;padding:8px}@media (width<=900px){.scene-layout.with-panel{grid-template-columns:minmax(0,1fr);height:auto}.map-canvas{height:60vh}}.combat{border-bottom:1px solid #2c2622;margin-bottom:12px;padding-bottom:12px}.combat h2{margin-top:0}.initiative{gap:4px;margin:8px 0;padding:0;list-style:none;display:grid}.initiative li{border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:4px 6px;display:flex}.initiative li.current{border-color:var(--accent);background:#241d18}.init-value{text-align:right;min-width:2.2em;font-weight:700}.init-value input{width:3.2em;padding:2px 4px}.acts{align-items:center;gap:3px;display:inline-flex}.act{text-align:center;width:16px;height:16px;color:var(--muted);background:#2c2622;border-radius:4px;font-size:.7rem;font-weight:700;line-height:16px;display:inline-block}.act.on{background:var(--accent);color:#14110f}.attack-dialog{z-index:20;gap:8px;width:min(360px,100vw - 32px);max-height:80vh;display:grid;position:fixed;bottom:16px;right:16px;overflow:auto;box-shadow:0 8px 30px #0009}.attack-dialog header{justify-content:space-between;align-items:center;display:flex}.attack-dialog header h2{margin:0;font-size:1.1rem}.attack-dialog label{justify-content:space-between;align-items:center;gap:6px;display:flex}.attack-dialog label select,.attack-dialog label input[type=number]{max-width:60%}.attack-dialog details{gap:6px;display:grid}.action-targets{gap:2px;margin:4px 0;padding:0;list-style:none;display:grid}.action.undone{opacity:.55;text-decoration:line-through}.badge-success{background:#2d5a2d}.badge-failure{background:#5a2d2d}.badge-critical{background:#7a5a10}.badge-fumble{background:#4a2d5a}.audio-widget{align-items:center;gap:8px;display:inline-flex;position:relative}.audio-widget .unlock{padding:4px 10px;font-size:.85rem}.audio-now{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:180px;color:var(--muted);display:inline-block;overflow:hidden}.mixer{z-index:30;gap:6px;width:220px;display:grid;position:absolute;top:32px;right:0;box-shadow:0 8px 30px #0009}.mix-row{align-items:center;gap:8px;display:flex}.mix-row span{width:64px;color:var(--muted);font-size:.85rem}.mix-row input[type=range]{flex:1}.audio-panel{border-bottom:1px solid #2c2622;margin-bottom:12px;padding-bottom:12px}.audio-panel h3{margin:10px 0 4px;font-size:.95rem}.audio-panel select{max-width:160px}.playlist-form{gap:6px;display:grid}.playlist-tracks{gap:2px;max-height:160px;font-size:.9rem;display:grid;overflow:auto}.fx-panel{border-bottom:1px solid #2c2622;margin-bottom:12px;padding-bottom:12px}.fx-panel h3{margin:10px 0 4px;font-size:.95rem}.fx-panel select{max-width:150px}.fx-editor textarea{width:100%;color:var(--ink);background:#14110f;border:1px solid #2c2622;border-radius:6px;padding:6px;font-family:ui-monospace,monospace;font-size:.8rem}.members li.partner{opacity:.92;padding-left:14px}.badge-rank-D,.badge-rank-C{background:#2d4a5a}.badge-rank-B{background:#5a4a2d}.badge-rank-A,.badge-rank-S{background:#5a2d2d}.mission-form{gap:6px;margin-top:12px;display:grid}.mission-participants{gap:2px;max-height:140px;font-size:.9rem;display:grid;overflow:auto}.mission-complete{flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin-top:6px;display:flex}.mission-complete input{width:5.5em}.partners .actions{flex-wrap:wrap}