.cached-hint[data-v-cc6ea1a1]{color:#8a8a8a;margin:10px 0 0;font-size:12px}.startup-privacy-modal{width:min(560px,100vw - 28px)}.startup-privacy-intro[data-v-ec859500]{color:var(--df-text-secondary);margin:0;line-height:1.7}.startup-legal-links[data-v-ec859500]{color:var(--df-text-muted);align-items:center;gap:7px;margin-top:12px;font-size:12px;display:flex}.startup-legal-links button[data-v-ec859500]{color:var(--df-text-muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.startup-legal-links button[data-v-ec859500]:hover{color:var(--df-interactive-strong)}.startup-legal-summary[data-v-ec859500]{border:1px solid var(--df-border-soft);background:var(--df-surface-2);border-radius:8px;margin-top:10px;padding:12px 14px}.startup-legal-summary h3[data-v-ec859500],.startup-legal-summary p[data-v-ec859500]{margin:0}.startup-legal-summary a[data-v-ec859500],.startup-legal-consent a[data-v-ec859500]{color:var(--df-interactive-strong);text-underline-offset:3px}.startup-legal-consent[data-v-ec859500]{margin-top:16px}.startup-legal-summary h3[data-v-ec859500]{font-size:13px}.startup-legal-summary p[data-v-ec859500]{color:var(--df-text-muted);margin-top:6px;font-size:12px;line-height:1.65}.startup-telemetry-row[data-v-ec859500]{border:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 72%, transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:12px 14px;display:flex}.startup-telemetry-row>div[data-v-ec859500]{gap:4px;display:grid}.startup-telemetry-row strong[data-v-ec859500]{font-size:13px}.startup-telemetry-row small[data-v-ec859500],.startup-privacy-footer small[data-v-ec859500]{color:var(--df-text-muted);line-height:1.55}.startup-privacy-error[data-v-ec859500]{color:var(--df-danger);margin:12px 0 0;font-size:12px}.startup-privacy-footer[data-v-ec859500]{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (max-width:520px){.startup-telemetry-row[data-v-ec859500],.startup-privacy-footer[data-v-ec859500]{flex-direction:column;align-items:stretch}.startup-telemetry-row[data-v-ec859500] .n-switch{align-self:flex-end}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--df-font-title:"Palatino Linotype", "Book Antiqua", "Noto Serif SC", "Songti SC", serif;--df-font-body:"Trebuchet MS", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--df-font-mono:Consolas, "Cascadia Mono", "Courier New", monospace;--df-canvas:#070b11;--df-canvas-glow:#142536;--df-surface-1:#0e1720;--df-surface-2:#121f2b;--df-surface-3:#182936;--df-surface-raised:#1d303e;--df-control-bg:#091119;--df-border:#7a6744;--df-border-soft:#cba95e45;--df-focus:#53c1c66b;--df-accent:#caa65f;--df-accent-strong:#f0d38b;--df-interactive:#55b9bd;--df-interactive-strong:#8ce1df;--df-success:#4d9169;--df-success-strong:#75c58f;--df-warning:#d39a4c;--df-danger:#a94f4d;--df-danger-strong:#ec7770;--df-info:#548fad;--df-text:#eef2ec;--df-text-secondary:#c8d1ca;--df-text-muted:#8f9d98;--df-on-accent:#14110b;--df-hover:#55b9bd1a;--df-shadow:0 16px 38px #00000057;--df-shadow-strong:0 24px 64px #00000085;--df-radius-sm:5px;--df-radius-md:9px;--df-radius-lg:14px;--df-bg-atmosphere-image:url(/v2-assets/ui/dark-fantasy-atmosphere.jpg);--df-bg-scene-image:url(/v2-assets/ui/campaign-mountain-city.jpg);--df-bg-ruins-image:url(/v2-assets/ui/campaign-moonlit-ruins.jpg)}:root[data-skin=royal]{--df-canvas:#090908;--df-canvas-glow:#251b10;--df-surface-1:#171511;--df-surface-2:#201c16;--df-surface-3:#2a241a;--df-surface-raised:#342c1f;--df-control-bg:#0f0d0a;--df-border:#82673d;--df-border-soft:#dbae574a;--df-focus:#ddb25b6b;--df-accent:#c99a43;--df-accent-strong:#f1c96d;--df-interactive:#d2a34a;--df-interactive-strong:#f5d486;--df-hover:#d3a34a1c}:root[data-skin=jade]{--df-canvas:#07100f;--df-canvas-glow:#12322e;--df-surface-1:#0d1d1b;--df-surface-2:#112824;--df-surface-3:#17342e;--df-surface-raised:#1b4038;--df-control-bg:#071512;--df-border:#477e69;--df-border-soft:#66ba9745;--df-focus:#68dbb26b;--df-accent:#83b99c;--df-accent-strong:#bde2c9;--df-interactive:#55c5a2;--df-interactive-strong:#8aebca;--df-hover:#55c5a21c}:root[data-skin=crimson]{--df-canvas:#10090c;--df-canvas-glow:#35141b;--df-surface-1:#201116;--df-surface-2:#2b171d;--df-surface-3:#382027;--df-surface-raised:#45262f;--df-control-bg:#160b0e;--df-border:#875049;--df-border-soft:#d37e6a45;--df-focus:#e870636b;--df-accent:#c78d5b;--df-accent-strong:#efbd7d;--df-interactive:#d46359;--df-interactive-strong:#ff958a;--df-hover:#d463591f}:root[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--df-canvas:#e2e5e0;--df-canvas-glow:#f2f3ed;--df-surface-1:#fafbf7;--df-surface-2:#e9ede7;--df-surface-3:#dbe1da;--df-surface-raised:#fff;--df-control-bg:#fdfefb;--df-border:#68766d;--df-border-soft:#4052463b;--df-focus:#257d8452;--df-accent:#5f7377;--df-accent-strong:#314a50;--df-interactive:#277f84;--df-interactive-strong:#155e63;--df-success:#397750;--df-success-strong:#285b3b;--df-warning:#9b651f;--df-danger:#9c413e;--df-danger-strong:#762d2b;--df-info:#3e7089;--df-text:#201c16;--df-text-secondary:#46514e;--df-text-muted:#68736f;--df-on-accent:#fffaf0;--df-hover:#277f8417;--df-shadow:0 12px 30px #43362229;--df-shadow-strong:0 22px 52px #4336223d}:root[data-skin=royal][data-mode=light]{--df-canvas:#dfd2b8;--df-canvas-glow:#f4e1ba;--df-surface-1:#fff2d2;--df-surface-2:#ead2a4;--df-surface-3:#dfc18b;--df-accent:#8c6224;--df-accent-strong:#5f3c12;--df-interactive:#9b691e;--df-interactive-strong:#68430f}:root[data-skin=jade][data-mode=light]{--df-canvas:#d5e0d8;--df-canvas-glow:#e8f2e9;--df-surface-1:#f0f7ef;--df-surface-2:#d6e6d9;--df-surface-3:#c5dbca;--df-accent:#39745c;--df-accent-strong:#24523f;--df-interactive:#277f66;--df-interactive-strong:#175b48}:root[data-skin=crimson][data-mode=light]{--df-canvas:#e2d5d2;--df-canvas-glow:#f3e5df;--df-surface-1:#faf0eb;--df-surface-2:#ead5ce;--df-surface-3:#dfc4bc;--df-accent:#8e523e;--df-accent-strong:#663528;--df-interactive:#a44540;--df-interactive-strong:#742d2a}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}#app{flex-direction:column;display:flex}.n-config-provider{flex-direction:column;height:100%;min-height:0;display:flex}.n-config-provider.content-height-provider{height:auto;min-height:100%}body{font-family:var(--df-font-body);color:var(--df-text);background:radial-gradient(circle at 50% -12%,#d8ad522e,transparent 34%),linear-gradient(180deg,var(--df-canvas-glow),var(--df-canvas) 68%);min-height:100vh}body.light{background:radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--df-interactive) 8%,transparent),transparent 36%),linear-gradient(180deg,var(--df-canvas-glow),var(--df-canvas) 72%)}*{scrollbar-width:thin;scrollbar-color:#d8ad5294 #120f0c75}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:linear-gradient(#0f12128c,#251b1373);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#f2cf83c7,#8f5f31d1);border:2px solid #120f0cc7;border-radius:999px;box-shadow:inset 0 1px #fff6da59}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffe2a1e6,#b27036eb)}::-webkit-scrollbar-corner{background:#120f0cb8}.quick-actions{scrollbar-width:none}.quick-actions::-webkit-scrollbar{width:0;height:0}.timeline,.game-sidebar,.play-control-rail,.dialog,.wizard,.wizard-inner,.log-reader pre,.console-log,.attr-sliders,.lorebook-page .lore-card p{scrollbar-gutter:stable}body.light *{scrollbar-color:color-mix(in srgb,var(--df-interactive) 62%,transparent) color-mix(in srgb,var(--df-surface-2) 76%,transparent)}body.light ::-webkit-scrollbar-track{background:var(--df-surface-2)}body.light ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--df-interactive),var(--df-interactive-strong));border-color:var(--df-surface-2);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--df-surface-raised) 58%,transparent)}body.light ::-webkit-scrollbar-thumb:hover{background:var(--df-interactive-strong)}body.light ::-webkit-scrollbar-corner{background:var(--df-surface-2)}h1,h2,h3{font-family:var(--df-font-title);color:var(--df-accent-strong);font-weight:700}button{border:1px solid var(--df-border);min-height:36px;color:var(--df-text);cursor:pointer;font-size:13px;font-weight:650;font-family:var(--df-font-body);background:#17110d7a;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 14px;transition:transform .12s,filter .12s,background .12s,border-color .12s;display:inline-flex}button:hover{filter:brightness(1.08);border-color:var(--df-accent);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}button.primary,.primary{background:linear-gradient(180deg,var(--df-danger-strong),var(--df-danger));color:#fff4df;border-color:#ffe2a140}button.success{background:linear-gradient(180deg,var(--df-success-strong),var(--df-success));color:#fff;border-color:#dbffd040}button.danger{color:#fff;background:linear-gradient(#c75649,#8f2f2a);border-color:#ffdec233}button.outline{border:1px solid var(--df-border);color:var(--df-text);background:#17110d7a}body.light button:not(.primary):not(.danger):not(.success){background:var(--df-control-bg);color:var(--df-text-secondary);border-color:var(--df-border-soft)}input,textarea,select{background:var(--df-control-bg);width:100%;color:var(--df-text);border:1px solid var(--df-border);font-size:14px;font-family:var(--df-font-body);border-radius:6px;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--df-accent);outline:none;box-shadow:0 0 0 2px #d8ad522e}textarea{resize:vertical}label{color:var(--df-text-muted);gap:5px;margin:10px 0;font-size:13px;display:grid}.app-shell{flex-direction:column;min-height:100vh;display:flex}.brand-logo{align-items:center;gap:9px;min-width:0;display:inline-flex}.brand-mark{width:var(--logo-size,34px);height:var(--logo-size,34px);flex:none;display:block}.brand-mark .frame{fill:none;stroke:var(--df-accent);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.brand-mark .die{fill:var(--df-surface-1);stroke:var(--df-accent);stroke-width:1.4px;stroke-linejoin:round}.brand-mark .pip{fill:var(--df-accent)}.brand-text{flex-direction:column;min-width:0;line-height:1.1;display:flex}.brand-text strong{font-family:var(--df-font-title);color:var(--df-accent);letter-spacing:.01em;font-size:18px}.brand-text small{color:var(--df-text-muted);letter-spacing:.04em;white-space:nowrap;font-size:11px}.login-emblem{justify-content:center;margin:0 0 10px;display:flex}.nav-update-dot{background:#e94560;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #e945602e,0 0 8px #e94560bf}.locale-select{color:var(--df-text-muted);white-space:nowrap;grid-template-columns:none;grid-auto-flow:column;align-items:center;gap:7px;margin:0;display:flex}.locale-select select{width:auto;min-width:112px;padding:6px 28px 6px 9px;font-size:12px}.view{max-width:1120px;margin:auto;padding:24px}.view.narrow{max-width:720px}.view-title,.topbar,.panel header,.dialog header,.plugin header{justify-content:space-between;align-items:center;gap:12px;display:flex}.view-title h1,.topbar h1{margin:0;font-size:26px}.view-title p,.topbar p{color:var(--df-text-muted);margin:4px 0}.game-list,.data-list{border-top:1px solid var(--df-border-soft);margin-top:20px;display:grid}.game-row,.data-row{border-bottom:1px solid var(--df-border-soft);justify-content:space-between;align-items:center;gap:16px;padding:15px 4px;display:flex}.game-row h2,.data-row h2{margin:0;font-size:17px}.game-row p,.data-row p{color:var(--df-text-muted);margin:5px 0}.form,.plugin{background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));border:1px solid var(--df-border-soft);box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;padding:18px}.actions,.toolbar,.gm-tools{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.panel{border-bottom:1px solid var(--df-border-soft);padding:13px 0}.panel h2{color:var(--df-accent);margin:0 0 10px;font-size:15px}.panel h3{color:var(--df-accent-strong);margin:8px 0}.panel p{color:var(--df-text-muted);line-height:1.55}.hp{justify-content:space-between;display:flex}.hpbar{background:var(--df-control-bg);border:1px solid var(--df-border);border-radius:6px;height:9px;margin:8px 0;overflow:hidden}.hpbar i{background:var(--df-success);border-radius:6px;height:100%;transition:width .4s;display:block}.hp-green{background:linear-gradient(90deg,var(--df-success),var(--df-success-strong))!important}.hp-yellow{background:linear-gradient(90deg,#c09030,#d0a840)!important}.hp-red{background:linear-gradient(90deg,#8b2020,#c03030)!important}.chips{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.chips span,.panel header span{border:1px solid var(--df-border-soft);background:var(--df-surface-3);color:var(--df-text-muted);border-radius:4px;padding:4px 7px;font-size:12px}.location{border-left:2px solid var(--df-accent);background:#d8ad520f;padding:8px}.gm-tools{border-bottom:1px solid var(--df-border-soft);padding-bottom:9px}.gm-tools input{max-width:340px}details:not([open])>:not(summary){display:none}.gm-toolbar{border-bottom:1px solid var(--df-border-soft);flex-wrap:wrap;align-items:stretch;gap:10px;min-width:0;padding:9px 0;display:flex}.gm-toolbar .gm-group{border:1px solid var(--df-border-soft);background:var(--df-surface-3);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:6px 8px;display:flex}.gm-toolbar .gm-group h4{color:var(--df-text-muted);white-space:nowrap;margin:0 4px 0 0;font-size:11px;font-weight:600}.gm-toolbar .gm-grow{flex:240px;min-width:200px}.gm-toolbar .gm-grow input{flex:120px;width:auto;min-width:0}.gm-toolbar .perc{border:1px solid var(--df-border-soft);background:var(--df-surface-3);border-radius:6px;flex:auto;min-height:44px;margin-top:6px;padding:6px 8px}.gm-toolbar .perc[open]{flex-basis:100%}.gm-toolbar .perc summary{cursor:pointer;color:var(--df-accent-strong);font-size:12px;font-weight:600}.gm-toolbar .perc-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.gm-toolbar .perc select{flex:none;width:auto;max-width:160px}.gm-toolbar .perc input{flex:160px;width:auto;min-width:0;max-width:240px}.gm-toolbar button{justify-content:center;align-items:center;gap:4px;min-height:32px;padding:5px 10px;display:inline-flex}.gm-toolbar .gm-player-group{grid-template-columns:auto repeat(4,minmax(96px,1fr));align-items:center;display:grid}.gm-toolbar .gm-player-group h4{grid-column:auto}.gm-toolbar .gm-player-group button{width:100%;min-width:0}.multiplayer.panel{padding-top:9px}.player-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.player-list li{border:1px solid var(--df-border-soft);background:var(--df-surface-3);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 9px;display:flex}.player-list .dot{background:var(--pc);border-radius:50%;width:9px;height:9px;display:inline-block}.player-head{flex:140px;align-items:center;gap:6px;min-width:0;display:flex}.player-head strong{color:var(--df-text)}.player-meta{gap:6px;display:flex}.acted{border:1px solid;border-radius:10px;padding:2px 7px;font-size:11px}.acted.done{color:#6bff8a;background:#6bff8a1a;border-color:#6bff8a33}.acted.wait{color:#f5c842;background:#f5c8421a;border-color:#f5c84233}.player-actions{flex-basis:100%;gap:4px;display:flex}.player-actions button{padding:3px 8px;font-size:12px}.map-graph.panel{padding-top:9px}.map-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.map-head h2{margin:0}.map-recenter{border:1px solid var(--df-border);color:var(--df-text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:2px 8px;font-size:11px}.map-recenter:hover{border-color:var(--df-accent-strong);color:var(--df-accent-strong)}.map-svg{touch-action:none;cursor:grab;user-select:none;width:100%;height:240px;display:block}.map-svg:active{cursor:grabbing}.map-edge{stroke:var(--df-border);stroke-width:.4px}.map-node circle{fill:var(--df-accent);cursor:pointer;transition:r .2s}.map-node.current circle,.map-node:hover circle{fill:var(--df-accent-strong)}.map-node text{fill:var(--df-text);pointer-events:none;font-size:4px}.map-star{fill:var(--df-accent-strong);font-size:5px}.dice-result{border:1px solid var(--df-accent-strong);background:#d8ad521a;border-radius:6px;margin:8px 0;padding:8px 11px;font-size:14px}.dice-value{color:var(--df-accent-strong)}.dice-crit{color:#6bff8a;margin-left:6px;font-weight:600}.dice-fumble{color:#ff6b6b;margin-left:6px;font-weight:600}.dice-spinner{border:2px solid var(--df-border);border-top-color:var(--df-accent-strong);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:4px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dice-tag{color:var(--df-accent-strong);background:#d8ad521f;border:1px solid #d8ad524d;border-radius:10px;margin-top:3px;padding:1px 7px;font-size:11px;display:inline-block}.character header{justify-content:space-between;align-items:center;display:flex}.character .gold{color:var(--df-accent-strong);margin-top:2px;margin-left:auto;font-size:13px;font-weight:600}.character-title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.character-title h3{margin:0}.character-profile{align-items:center;gap:11px;min-width:0;display:flex}.character-card-summary{grid-template-columns:64px minmax(0,1fr) auto;align-items:start;column-gap:12px;min-width:0;display:grid}.character-card-summary>div{min-width:0}.character-card-summary p{margin:4px 0 0}.character-card-summary .card-rule{min-width:0}.character-card-summary .card-rule .badge{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:100%;margin-left:0;display:inline-block;overflow:hidden}.character-card-summary .card-select{width:16px;height:16px;accent-color:var(--df-accent-strong,#d99b45);cursor:pointer;flex-shrink:0;grid-area:1/3;place-self:start end;margin:1px 0 0}.portrait-edit-button{border:0;min-width:64px;min-height:64px;padding:0;display:block;position:relative;overflow:visible;background:0 0!important}.portrait-edit-button:hover{filter:none;transform:translateY(-1px)}.portrait-edit-button:focus-visible{outline:2px solid var(--df-accent);outline-offset:3px}.portrait-edit-button>span:last-child{min-width:max-content;color:var(--df-accent-strong);opacity:0;background:#0c0e0ee6;border:1px solid #f2cf836b;border-radius:999px;padding:1px 5px;font-size:9px;line-height:1.4;transition:opacity .15s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.portrait-edit-button:hover>span:last-child{opacity:1}.portrait-edit-button:focus-visible>span:last-child{opacity:1}.portrait-image{background:linear-gradient(135deg,#d8ad5247,#151b1beb);border:1px solid #f2cf836b;border-radius:10px;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 4px 12px #0003}.portrait-image>img{object-fit:cover;width:100%;height:100%}.portrait-builtin{background-repeat:no-repeat;background-size:cover;place-items:center;width:100%;height:100%;display:grid}.portrait-builtin i{color:var(--df-accent-strong);font-style:normal;font-weight:700;display:none}.portrait-image.portrait-empty{color:var(--df-text-muted);background:#0f12127a;border-style:dashed}.portrait-empty-text{letter-spacing:.02em;place-items:center;width:100%;height:100%;font-size:14px;font-weight:700;display:grid}.npc-portrait-empty{width:56px;height:56px;color:var(--df-text-muted);background:#0f12127a;border-style:dashed;font-size:22px;font-weight:400}.tts-button{vertical-align:middle;width:18px;height:18px;min-height:18px;color:var(--df-text-muted);cursor:pointer;opacity:.75;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;padding:0;font-size:11px;line-height:1;transition:opacity .15s,background .15s,color .15s;display:inline-flex}.tts-button:hover{opacity:1;color:var(--df-accent-strong);background:#d8ad5229}.tts-button.active{color:var(--df-accent-strong);opacity:1;background:#d8ad5238}.portrait-picker{border:1px solid var(--df-border-soft);background:#d8ad520e;border-radius:8px;gap:9px;padding:11px;display:grid}.portrait-picker-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.portrait-picker-head>div{gap:3px;display:grid}.portrait-picker-head small{color:var(--df-text-muted)}.portrait-options{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.portrait-option{background:#0e121285;border-radius:10px;min-width:0;padding:3px}.portrait-option.selected{border-color:var(--df-accent);box-shadow:0 0 0 2px #d8ad5233}.portrait-upload,.portrait-auto,.portrait-all{min-height:38px}.portrait-picker>.form-hint{margin:0}.portrait-all-group{border:1px solid var(--df-border-soft);background:#d8ad520d;border-radius:8px;padding:10px}.portrait-all-group.current{background:#d8ad521a;border-color:#f2cf8373}.portrait-all-group+.portrait-all-group{margin-top:10px}.portrait-all-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.portrait-all-head strong{color:var(--df-accent-strong)}.portrait-all-head small{color:var(--df-text-muted)}.user-avatar-item{position:relative}.user-avatar-item .portrait-option{display:block}.user-avatar-remove{color:#ff9286;cursor:pointer;z-index:1;background:#0c0e0eeb;border:1px solid #9f3d3580;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;font-size:13px;line-height:1;display:inline-flex;position:absolute;top:-7px;right:-7px}.user-avatar-remove:hover{color:#ffb3a6;background:#9f3d3540;border-color:#9f3d35b3}.field-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.field-label-row small{color:var(--df-text-muted);font-variant-numeric:tabular-nums}.character-background-input{resize:vertical;field-sizing:content;min-height:180px;max-height:52vh;line-height:1.65}.stat-row{margin:7px 0}.stat-row .stat-head{justify-content:space-between;font-size:12px;display:flex}.stat-row .stat-label{color:var(--df-text-muted)}.stat-sanity .hpbar i{background:#b989d6}.stat-qi .hpbar i{background:#4fb3a8}.stat-luck .hpbar i{background:#f5c842}.stat-cyber .hpbar i{background:#6f9ee8}.stat-humanity .hpbar i{background:#5fd38d}.stat-heat .hpbar i{background:#ff6b6b}.tag{border-radius:10px;padding:1px 7px;font-size:11px;display:inline-block}.tag-deceased{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b33}.tag-warn{color:#f5a442;background:#f5a4421a;border:1px solid #f5a44233}.tag-self{color:var(--df-accent-strong);background:#d8ad521a;border:1px solid #d8ad524d}.tag-gm{color:#6bb5ff;background:#6bb5ff1a;border:1px solid #6bb5ff33}.round-divider{color:var(--df-text-muted);align-items:center;gap:9px;margin:20px 0 9px;font-size:12px;display:flex}.round-divider:before,.round-divider:after{content:"";background:var(--df-border-soft);flex:1;height:1px}.error-banner{color:#ff9286;background:#9f3d3529;border:1px solid #7e3737;border-radius:5px;padding:9px 11px}.modal{z-index:140;background:#000000b8;place-items:center;padding:15px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));border:1px solid var(--df-border);width:min(620px,100%);max-height:90vh;box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;padding:18px;overflow:auto}.dialog h2{margin:0}.dialog .actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-x{border:1px solid var(--df-border-soft);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--df-text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:inline-flex}.modal-x:hover{color:var(--df-danger-strong);filter:none;background:#9f3d3524;border-color:#9f3d3566;transform:none}.log-reader pre{white-space:pre-wrap;background:var(--df-control-bg);border:1px solid var(--df-border-soft);color:var(--df-text);font-family:var(--df-font-mono);border-radius:6px;padding:12px;overflow:auto}.confirm-title{color:var(--df-accent-strong);letter-spacing:0;font-weight:800}.confirm-title.danger{color:#ff8b78}.confirm-content{color:var(--df-text);line-height:1.65}.system-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px;display:grid}.system-status-card{border:1px solid var(--df-border-soft);background:linear-gradient(180deg,var(--df-surface-2),var(--df-surface-1));border-radius:8px;min-width:0;padding:12px;box-shadow:inset 0 1px #ffffff0a}.system-status-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.system-status-head span{color:var(--df-text);white-space:nowrap;font-weight:800}.system-status-card p{color:var(--df-text-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.55}body.light .system-status-card{background:linear-gradient(180deg,var(--df-surface-2),var(--df-surface-1))}.settings-layout{grid-template-columns:190px 1fr;align-items:start;gap:18px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex;position:sticky;top:12px}.settings-nav .nav-item{text-align:left;color:var(--df-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:flex}.settings-nav .nav-item:hover{background:var(--df-hover)}.settings-nav .nav-item.active{color:var(--df-accent-strong);border-color:var(--df-border-soft);background:#d8ad5224}.settings-pane{background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));border:1px solid var(--df-border-soft);box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;padding:18px}.settings-pane h3{color:var(--df-accent-strong);margin:0 0 14px}.settings-pane h4{color:var(--df-text);margin:18px 0 8px}.settings-pane .muted{font-size:13px}.settings-pane ul{margin:6px 0;padding-left:22px}.settings-pane li{margin:3px 0;font-size:14px}.form-row{align-items:center;gap:12px;margin:10px 0;display:flex}.form-row>label{color:var(--df-text-secondary);flex:0 0 130px;font-size:14px}.form-row .n-input{flex:1}.actions-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.proxy-status{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}@media (max-width:980px){.system-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.system-status-grid{grid-template-columns:1fr}.system-status-head{align-items:flex-start}.settings-layout{grid-template-columns:1fr}.settings-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}}.test-result{margin-top:14px}.test-result-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.test-result-dl{margin:0}.test-result-dl div{gap:8px;margin:4px 0;font-size:13px;display:flex}.test-result-dl dt{color:var(--df-text-muted);flex:0 0 80px}.test-result-dl dd{word-break:break-word;margin:0}.plugin{margin-bottom:12px}.plugin h3{color:var(--df-accent-strong);margin:0}.plugin p{color:var(--df-text-muted)}.plugin-status{border:1px solid var(--df-border-soft);background:var(--df-surface-3);border-radius:4px;padding:5px 8px}.plugin-status.running{color:#9ce0a4;background:#4f8f5829;border-color:#4f8f5861}.plugin-head h3{color:var(--df-accent-strong);margin:0}.plugin-head h3 .n-tag{margin-left:6px}.plugin-head p{color:var(--df-text-muted);margin:4px 0 0;font-size:13px}.field{flex-direction:column;gap:4px;margin:10px 0;display:flex}.field>.switch-label{color:var(--df-text-secondary);flex-direction:row;align-items:center;gap:8px;font-size:14px;display:flex}.field>.input-label{flex-direction:column;gap:4px;display:flex}.field .field-title{color:var(--df-text-secondary);font-size:14px}.field small{color:var(--df-text-muted);margin-top:-2px;font-size:12px;display:block}.plugin .actions-row{margin-top:14px}.plugin .hint{color:var(--df-text-muted);margin-top:8px;font-size:12px}.plugin-collapsible{background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));border:1px solid var(--df-border-soft);box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;margin-bottom:12px;overflow:hidden}.plugin-collapsible .n-collapse-item__header{align-items:center;padding:14px 18px}.plugin-collapsible .n-collapse-item__content-inner{padding:0 18px 18px}.plugin-extra{align-items:center;gap:10px;display:inline-flex}.perceptions{gap:7px;max-height:200px;padding-right:4px;display:grid;overflow-y:auto}.perception-item{color:var(--df-text);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff4c212;border:1px solid #f2cf832e;border-left:3px solid #f2cf8380;border-radius:6px;margin:0;padding:8px 9px;font-size:13px;line-height:1.58;box-shadow:inset 0 1px #ffffff0a}.perception-item.fresh{animation:1.6s ease-out perceptionFresh}@keyframes perceptionFresh{0%{background:#f2cf8338;border-color:#ffe2a0db #ffe2a0db #ffe2a0db #ffe2a0;box-shadow:0 0 0 1px #ffe2a052,0 8px 18px #0000002e}to{background:#fff4c212;border-color:#f2cf832e #f2cf832e #f2cf832e #f2cf8380;box-shadow:inset 0 1px #ffffff0a}}.muted{color:var(--df-text-muted)}.empty{place-items:center;min-height:100vh;display:grid}.busy{color:var(--df-accent)}.field-group{border-bottom:1px solid var(--df-border-soft);color:var(--df-accent);font-size:15px;font-family:var(--df-font-title);margin:20px 0 5px;padding-bottom:6px}.game-select{align-items:center;gap:10px;margin:0;display:flex}.game-select input{width:auto}.game-select span{display:block}.join-form{background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));border:1px solid var(--df-border-soft);width:min(820px,100% - 24px);box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;margin:22px auto;padding:20px}.join-form>p{color:var(--df-text-muted)}.two-cols{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.attrs{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}.attrs label{grid-template-columns:80px 1fr 90px;align-items:center;display:grid}.skills-title{justify-content:space-between;align-items:center;display:flex}.skill-row{grid-template-columns:1fr 130px 42px;gap:7px;margin:7px 0;display:grid}.join-form .submit{width:100%;margin-top:10px}.card-choice{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;align-items:center;gap:3px 12px;width:100%;margin:7px 0;display:grid}.card-choice-copy{color:var(--df-text-muted);gap:3px;display:grid}.card-choice-copy strong{color:var(--df-text)}.card-choice small{color:var(--df-accent-strong);font-weight:500}.card-choice.rule-mismatch{border-color:#d8ad528c}.standalone-rule-select{color:var(--df-text-muted);grid-template-columns:auto minmax(150px,220px);align-items:center;gap:7px;font-size:12px;display:grid}.quick-actions{gap:6px;margin-bottom:7px;display:flex;overflow:auto}.quick-actions button{white-space:nowrap}.pending-list{gap:5px;display:grid}.pending-list>div{border:1px solid var(--df-border-soft);background:var(--df-surface-3);border-radius:4px;align-items:center;gap:6px;padding:7px;display:flex}.pending-list span{flex:1}.lore-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.lore-tools button{white-space:nowrap;min-width:80px}.lore-tools input{flex:1;min-width:200px}.toast{z-index:999;box-shadow:var(--df-shadow);border-radius:6px;padding:10px 16px;font-size:13px;animation:.3s fadeIn;position:fixed;top:12px;right:12px}.toast-success{background:linear-gradient(180deg,var(--df-success-strong),var(--df-success));color:#fff}.toast-error{background:linear-gradient(180deg,var(--df-danger-strong),var(--df-danger));color:#fff}.toast-info{color:#fff;background:#2f6f86}.spinner{border:2px solid #d8ad524d;border-top-color:var(--df-accent);vertical-align:middle;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.theme-toggle{background:var(--df-surface-1);border:1px solid var(--df-border);min-width:38px;min-height:34px;color:var(--df-text);cursor:pointer;box-shadow:var(--df-shadow);border-radius:6px;font-size:15px}.theme-toggle-floating{z-index:100;position:fixed;top:10px;right:10px}.theme-toggle:hover{border-color:var(--df-accent);filter:brightness(1.08)}.tag-badge{border:1px solid;border-radius:10px;margin:2px;padding:2px 8px;font-size:11px;display:inline-block}.tag-badge.hp-dn{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b33}.tag-badge.hp-up{color:#6bff8a;background:#6bff8a1a;border-color:#6bff8a33}.tag-badge.gold{color:#f5c842;background:#f5c8421a;border-color:#f5c84233}.tag-badge.pay{color:#f5a442;background:#f5a4421a;border-color:#f5a44233}.tag-badge.npc{color:#6bb5ff;background:#6bb5ff1a;border-color:#6bb5ff33}.tag-badge.scene{color:#c06bff;background:#c06bff1a;border-color:#c06bff33}.tag-badge.loot{color:#6bffe8;background:#6bffe81a;border-color:#6bffe833}.tag-badge.quest{color:#ff9f43;background:#ff9f431a;border-color:#ff9f4333}.tag-badge.decision{color:#ff7ab6;background:#ff7ab61a;border-color:#ff7ab63d}.state-card{border-left:3px solid var(--df-accent);background:#d8ad5214;border-radius:5px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:6px 0;padding:7px 10px;font-size:13px;line-height:1.55;display:flex}.state-card.good{border-left-color:var(--df-success);background:#4f8f581f}.state-card.warn{border-left-color:var(--df-danger);background:#e945601a}.state-card-list{gap:5px;margin:8px 0;display:grid}.state-card-title{color:var(--df-accent-strong);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.state-card-title .n-icon{vertical-align:0}.state-card-body{min-width:0;color:var(--df-text);flex:220px}.chat-gm{white-space:pre-wrap;margin:8px 0;line-height:1.7}.chat-gm+.chat-gm{margin-top:10px}.tag-line{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.log-action{border-bottom:1px solid var(--df-border-soft);padding:4px 0;font-size:13px;line-height:1.6}.log-actor{color:var(--df-accent-strong);margin-right:6px}.form-hint{color:var(--df-text-muted);margin:4px 0;font-size:12px}.attr-sliders{flex-direction:column;gap:6px;max-height:220px;margin:6px 0;display:flex;overflow-y:auto}.attr-points{color:var(--df-accent-strong);font-weight:700}.check-row{flex-wrap:wrap;gap:16px;margin:6px 0;display:flex}.check-row label{align-items:center;gap:6px;font-size:13px;display:flex}.check-row input[type=radio],.check-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--df-accent-strong,#d99b45);cursor:pointer;flex-shrink:0;margin:0}.check-row label:hover{cursor:pointer}.grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-tabs{border-bottom:1px solid var(--df-border-soft);gap:0;margin:6px 0;display:flex}.mode-tabs button{color:var(--df-text-muted);opacity:.7;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px}.mode-tabs button.active{opacity:1;color:var(--df-accent-strong);border-bottom-color:var(--df-accent)}.swipe-bar{border-top:1px solid var(--df-border-soft);align-items:center;gap:8px;margin-top:8px;padding-top:8px;font-size:12px;display:flex}.swipe-bar button{border-radius:6px;padding:3px 10px;font-size:12px}.swipe-bar .ghost{margin-left:auto}.swipe-group{border:1px solid var(--df-border-soft);background:#d8ad520f;border-radius:7px;align-items:center;display:inline-flex;overflow:hidden}.swipe-group button{color:var(--df-accent-strong);cursor:pointer;background:0 0;border:0;border-radius:0}.swipe-group button:disabled{opacity:.4;cursor:default}.swipe-group span{color:var(--df-accent-strong);text-align:center;border-left:1px solid var(--df-border-soft);border-right:1px solid var(--df-border-soft);min-width:38px;padding:0 8px}.quest-group{margin-bottom:8px}.quest-head{margin-bottom:4px;font-size:12px;display:block}.quest-item{border-bottom:1px solid var(--df-border-soft);padding:4px 0;font-size:13px;line-height:1.5}.quest-item:last-child{border-bottom:none}.quest-item.good{color:var(--df-success)}.quest-item.warn{color:var(--df-danger)}.health-panel{background:var(--df-surface-1);border:1px solid var(--df-border-soft);border-radius:8px;margin:8px 0;padding:10px}.status-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.status-chip{background:#d8ad521a;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.status-chip strong{color:var(--df-accent-strong)}.hp-block{margin-top:8px}.hp-head{color:var(--df-accent-strong);margin-bottom:4px;font-size:12px;display:block}.hp-event{border-bottom:1px solid var(--df-border-soft);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.hp-event:last-child{border-bottom:none}.hp-event.warn{color:var(--df-danger)}.hp-actions{gap:4px;display:flex}.about-box{border:1px solid var(--df-border-soft);background:var(--df-surface-1);border-radius:8px;margin-top:16px;padding:12px}.about-box p{margin:4px 0;font-size:13px}.settings-pane.about{box-shadow:none;background:0 0;border:0;gap:14px;padding:0;display:grid}.about-card{border:1px solid var(--df-border-soft);background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;padding:18px}.about-card h3{color:var(--df-accent-strong);margin:0 0 14px}.about-card h4{color:var(--df-text);margin:18px 0 8px}.about-card ul{margin:6px 0;padding-left:22px}.about-card li{margin:3px 0;font-size:14px}.update-card{border:1px solid var(--df-border-soft);background:#6fa1d614;border-radius:8px;padding:14px}.settings-group-card{padding:0}.settings-group-card+.settings-group-card{margin-top:20px}.settings-group-card h4{color:var(--df-accent-strong);margin:0 0 10px}.settings-group-card .actions-row{margin-top:4px}.update-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.update-card h4{margin:0 0 6px}.update-card p{color:var(--df-text-muted);margin:0;font-size:13px;line-height:1.7}.update-meta{color:var(--df-text);flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:13px;display:flex}.update-notes{border:1px solid var(--df-border-soft);background:#120f0c38;border-radius:8px;margin-top:12px;padding:10px}.update-notes strong{color:var(--df-accent-strong);margin-bottom:7px;font-size:13px;display:block}.update-notes pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;color:var(--df-text);font:13px/1.65 var(--df-font-body);margin:0;overflow:auto}.update-download{border:1px solid var(--df-border-soft);background:#120f0c24;border-radius:8px;margin-top:12px;padding:10px}.update-download .actions-row{margin-top:10px}.update-staged{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.update-progress{margin-top:6px}.update-progress-head{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.update-progress .n-progress{margin-top:2px}.error-text{color:#ff9286;margin-top:6px;font-size:13px}.sponsor-card{border:1px solid var(--df-border-soft);background:#d8ad5214;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.sponsor-card h4{margin:0 0 6px}.sponsor-card p{color:var(--df-text-muted);margin:0;font-size:13px;line-height:1.7}.sponsor-card img{border:1px solid var(--df-border-soft);background:#fff;border-radius:8px;width:168px;max-width:40%;height:auto;padding:8px}.console-log{white-space:pre-wrap;background:#0d1117;border-radius:8px;max-height:60vh;padding:12px;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.7;overflow-y:auto}.proc-line{margin:0 0 8px}.console-log .ok{color:#56d364}.console-log .warn{color:#d29922}.console-log .cmd{color:#79c0ff}.kw-npc{color:#ffd1cc;background:#e945603d;box-shadow:inset 0 -1px #ff9186b3}.kw-place{color:#ffe19a;background:#d8ad5238;box-shadow:inset 0 -1px #f2cf83a6}.kw-item{color:#c8ffd0;background:#6dac703d;box-shadow:inset 0 -1px #95dfa1b3}.kw-faction{color:#d9d0ff;background:#8166ff38;box-shadow:inset 0 -1px #b09fffad}.kw-event{color:#ffd7a8;background:#ff8f4c38;box-shadow:inset 0 -1px #ffb575b8}.kw-puzzle{color:#bff7ff;background:#45b2c43b;box-shadow:inset 0 -1px #82dfeab8}.kw-other{color:#f0e6d2;background:#b2a38938;box-shadow:inset 0 -1px #dacbae9e}.kw-quote{color:#fff0bd;background:#ffe19a2e;box-shadow:inset 0 -1px #ffe19aa6}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wizard-steps{gap:0;margin:6px 0 14px;display:flex}.wizard-step{text-align:center;color:var(--df-text-muted);border-bottom:2px solid var(--df-border-soft);flex:1;padding:8px 4px;font-size:13px}.wizard-step.active{color:var(--df-accent-strong);border-bottom-color:var(--df-accent);font-weight:600}.wizard-step.done{color:var(--df-accent-strong);opacity:.7}.wizard{z-index:130;background:#000000b8;place-items:center;padding:15px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.wizard-inner{background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));border:1px solid var(--df-border);width:min(680px,100%);max-height:90vh;box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;padding:18px;overflow:auto}.wizard-pane{flex-direction:column;gap:10px;display:flex}.wizard-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.char-list{flex-direction:column;gap:8px;margin:6px 0;display:flex}.char-row{border:1px solid var(--df-border-soft);background:var(--df-surface-3);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.char-row h3{margin:0;font-size:14px}.char-add{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.attr-row{align-items:center;gap:8px;display:flex}.attr-name{min-width:86px;color:var(--df-text-muted);font-size:13px}.attr-val{text-align:center;width:64px;min-width:64px;padding:4px 6px;font-size:13px}.attr-range{color:var(--df-text-muted);opacity:.7;font-size:11px}.skill-pool{flex-wrap:wrap;gap:5px;margin:6px 0;display:flex}.chip{border:1px solid var(--df-border-soft);background:var(--df-surface-3);color:var(--df-text-muted);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:12px}.chip:hover{color:var(--df-accent-strong);border-color:var(--df-accent)}.ai-block{border:1px solid var(--df-border-soft);background:var(--df-surface-3);border-radius:6px;margin-top:10px;padding:10px}.ai-block summary{cursor:pointer;color:var(--df-accent-strong);margin-bottom:6px;font-weight:600}.ai-block textarea{width:100%;margin:6px 0}.warn{color:var(--df-danger)}.badge{border:1px solid var(--df-border-soft);background:var(--df-surface-3);color:var(--df-text-muted);vertical-align:middle;border-radius:10px;margin-left:5px;padding:1px 7px;font-size:11px;display:inline-block}.badge-active{color:#6bff8a;background:#6bff8a1a;border-color:#6bff8a33}.badge-ended{color:var(--df-text-muted);background:var(--df-surface-3)}.meta{opacity:.85;margin-top:2px;font-size:12px}.game-row h2{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.game-row code{font-family:var(--df-font-mono);color:var(--df-accent-strong);background:#d8ad5214;border-radius:3px;padding:1px 5px}.lore-world-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.lore-world-bar button{white-space:nowrap;min-width:96px}.lore-world-bar select{max-width:280px;min-height:36px}.lore-language-filter{color:var(--df-text-muted);align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.lore-language-filter select{min-width:108px}.lore-system{border:1px solid var(--df-border-soft);background:var(--df-surface-3);border-radius:6px;margin:10px 0;padding:10px 12px}.lore-system h3{color:var(--df-accent-strong);margin:0 0 6px;font-size:13px}.lore-system .events{gap:4px;display:grid}.lore-system .event{font-size:12px;line-height:1.5}.lore-system .event .ev-title{color:var(--df-accent-strong);margin-right:6px}.lore-system .event.warn,.lore-system .event.warn .ev-title{color:var(--df-danger)}.lore-system .quiet{color:var(--df-text-muted);font-size:12px;line-height:1.6}.rule-warn-card{color:#ff9286;background:#9f3d3524;border:1px solid #7e3737;border-radius:6px;margin:10px 0;padding:10px 12px;font-size:13px}.rule-meta-row{color:var(--df-text-muted);flex-wrap:wrap;gap:14px;margin:4px 0;font-size:13px;display:flex}.rule-meta-row strong{color:var(--df-accent-strong);margin-right:4px}.rule-meta-row span{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.rule-meta-row span:last-child{font-family:var(--df-font-mono);flex:100%;font-size:12px;line-height:1.55}.sidebar-toggle{z-index:3;color:#ffe2a0;cursor:pointer;background:#0f121294;border:1px solid #d8ad525c;border-radius:6px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:0;display:inline-flex;position:absolute;top:8px;right:8px}.gm-toolbar .gm-group button{white-space:nowrap;min-width:80px}.attr-actions{gap:8px;margin:6px 0;display:flex}.skill-editor{flex-direction:column;gap:4px;margin:6px 0;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:16px;display:grid}.char-card{border:1px solid var(--df-border-soft);background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.char-card h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.8em;margin:0;font-size:16px;line-height:1.4;display:-webkit-box;overflow:hidden}.char-card .muted{font-size:12px}.char-card .card-bg{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:3.2em;display:-webkit-box;overflow:hidden}.char-card .actions{flex-wrap:nowrap;gap:7px;margin-top:auto;display:flex}.char-card .actions button{white-space:nowrap;flex:1 1 0;min-width:0;padding:4px 8px}.characters-page .char-card:hover{border-color:#f2cf8380;transform:translateY(-1px)}.lore-card{border:1px solid var(--df-border-soft);background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.lore-card .actions{flex-wrap:wrap;margin-top:auto}.rule-card{border:1px solid var(--df-border-soft);background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}.rule-card .actions{flex-wrap:wrap;margin-top:auto}.rule-card h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.rule-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:3.2em;display:-webkit-box;overflow:hidden}.switch-inline{flex:1;align-items:center;gap:8px;display:flex}@media (max-width:800px){.app-shell{flex-direction:column}.top-nav{flex-wrap:wrap;align-items:center;gap:8px 10px;height:auto;padding:8px 10px 7px}.top-brand{flex:auto;order:1;min-width:0}.top-brand small{display:none}.top-right{order:2;gap:6px;margin-left:auto}.top-menu{flex:1 0 100%;order:3;width:100%;padding:1px 0 2px;overflow-x:auto}.top-menu .n-menu{min-width:max-content}.top-nav .n-menu-item-content{padding:0 10px!important}.locale-select span{display:none}.locale-select select{min-width:104px;padding:6px 24px 6px 8px}.app-version{text-overflow:ellipsis;max-width:110px;overflow:hidden}.view{padding:15px}.play-layout{grid-template-columns:1fr;height:auto}.game-sidebar{border-right:0;grid-template-columns:1fr 1fr;gap:0 14px;max-height:none;display:grid}.play-main{min-height:70vh;padding:10px}.settings-grid{grid-template-columns:1fr}.topbar{position:relative}.topbar p{margin-left:0}.game-row,.data-row{align-items:flex-start}.composer-row{grid-template-columns:1fr}.composer-row button{width:100%}}@media (max-width:480px){.game-sidebar{grid-template-columns:1fr}.topbar{align-items:flex-start}.toolbar{justify-content:flex-end}.view-title{align-items:flex-start}.game-row,.data-row{display:grid}.game-row>div:last-child{display:flex}.message{padding:9px}.play-main{padding:7px}.dialog{padding:14px}.two-cols,.attrs{grid-template-columns:1fr}.attrs label{grid-template-columns:70px 1fr 75px}.skill-row{grid-template-columns:1fr 90px 40px}.lore-tools{grid-template-columns:1fr}}.archive-page{max-width:1180px}.archive-hero{border-bottom:1px solid var(--df-border-soft);justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;padding:18px 0 14px;display:flex}.archive-hero h1{font-size:30px}.archive-hero p{margin-top:6px}.archive-stats{grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;margin:14px 0;display:grid}.archive-stats article{border:1px solid var(--df-border-soft);background:linear-gradient(#d8ad5217,#231b14b3);border-radius:8px;padding:12px 14px;box-shadow:inset 0 1px #ffffff0a}.archive-stats strong{color:var(--df-accent-strong);font-size:22px;display:block}.archive-stats span{color:var(--df-text-muted);margin-top:4px;font-size:12px;display:block}.archive-page .card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.archive-page .char-card,.archive-page .lore-card{background:linear-gradient(#302318eb,#1c1915eb);border-color:#d8ad5252}.archive-page .char-card:hover,.archive-page .lore-card:hover{border-color:#f2cf838c;transform:translateY(-1px)}.archive-page .field-group{margin-top:22px}.memory-search{align-items:center;gap:6px;display:flex}.memory-search input{border:1px solid var(--df-border-soft);min-width:180px;color:var(--df-text);background:#231b14b3;border-radius:7px;padding:7px 10px}.memory-search button.ghost{background:0 0}.memory-meta{color:var(--df-text-muted);margin:6px 0 12px;font-size:13px}.memory-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.memory-row{border:1px solid var(--df-border-soft);background:linear-gradient(#302318e6,#1c1915eb);border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;transition:border-color .12s;display:flex}.memory-row:hover{border-color:#f2cf8380}.memory-row-main{flex:1;min-width:0}.memory-row-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.memory-row-head strong{font-size:15px}.memory-row-head .small{font-size:12px}.memory-row-head .badge{color:var(--df-accent-strong);background:#d8ad522e;border-radius:6px;padding:1px 7px;font-size:11px}.memory-row-head .badge.low{color:#d8a878;background:#b45a3c38}.memory-row-body{color:var(--df-text-muted);white-space:pre-wrap;word-break:break-word;margin:4px 0 0;font-size:13px;line-height:1.55}.memory-row-actions{flex-shrink:0;gap:6px;display:flex}.memory-row-actions button{padding:4px 10px;font-size:12px}.memory-pager{border-top:1px solid var(--df-border-soft);color:var(--df-text-muted);justify-content:center;align-items:center;gap:12px;margin:18px 0;padding:10px;font-size:13px;display:flex}.memory-pager button{padding:5px 12px;font-size:13px}.logs-page .lore-system{background:linear-gradient(#d8ad5214,#231b14a8);border-radius:8px}.logs-page .mode-tabs{border:1px solid var(--df-border-soft);background:#d8ad520f;border-radius:8px;margin:16px 0 8px;overflow:hidden}.log-toolbar{color:var(--df-text-muted);justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;display:flex}.log-toolbar label{align-items:center;gap:6px;display:flex}.log-toolbar select{border:1px solid var(--df-border-soft);background:var(--df-surface-1);color:var(--df-text);border-radius:6px;padding:4px 8px}.log-reader{gap:12px;display:grid}.log-reader article{border:1px solid var(--df-border-soft);background:linear-gradient(#302318e6,#191714eb);border-radius:8px;padding:14px;box-shadow:inset 0 1px #ffffff0a}.log-reader article h2{margin:0 0 8px;font-size:16px}.log-entry-body{position:relative}.log-entry-body.collapsed{max-height:22em;overflow:hidden}.log-entry-body.collapsed:after{content:"";background:linear-gradient(#19171400,#191714f5);height:4.8em;position:absolute;bottom:0;left:0;right:0}.log-expand{background:#d8ad5214;margin-top:8px;padding:5px 10px;font-size:12px}.log-action{border-bottom:1px solid var(--df-border-soft);padding:6px 0;line-height:1.6}.log-action:last-of-type{border-bottom:0}.console-log{border:1px solid var(--df-border-soft);box-shadow:var(--df-shadow)}.lorebook-page .lore-world-bar,.lorebook-page .lore-tools{border:1px solid var(--df-border-soft);background:#d8ad520f;border-radius:8px;padding:10px}.lore-type-tabs{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.lore-type-tabs button{border-color:var(--df-border-soft);background:#d8ad5212;gap:7px;min-height:34px;padding:0 10px}.lore-type-tabs button.active{color:var(--df-accent-strong);border-color:var(--df-accent);background:#d8ad522e}.lore-type-tabs strong{min-width:22px;color:var(--df-accent-strong);background:#0f121261;border-radius:999px;padding:1px 6px;font-size:11px}.lore-categories{gap:16px;display:grid}.lore-category-section{gap:8px;display:grid}.lore-category-head{border-bottom:1px solid var(--df-border-soft);justify-content:space-between;align-items:center;gap:10px;padding:4px 2px 8px;display:flex}.lore-category-head h2{margin:0;font-size:18px}.lore-category-head span{color:var(--df-text-muted);font-size:12px}.lorebook-page .lore-card p{max-height:8.6em;overflow:auto}.characters-page .char-card .actions,.lorebook-page .lore-card .actions{flex-wrap:nowrap;gap:6px;display:flex}.characters-page .char-card .actions button,.lorebook-page .lore-card .actions button{white-space:nowrap;flex:1 1 0;min-width:0;padding:4px 8px}body.light .archive-stats article,body.light .memory-row,body.light .log-reader article,body.light .archive-page .char-card,body.light .archive-page .lore-card{background:linear-gradient(180deg,var(--df-surface-raised),var(--df-surface-1))}@media (max-width:760px){.archive-hero{flex-direction:column;align-items:flex-start}.archive-stats{grid-template-columns:1fr}.memory-search{flex-wrap:wrap}.characters-page .char-card .actions,.lorebook-page .lore-card .actions{flex-wrap:nowrap}}.rules-page .rule-card{border-color:color-mix(in srgb,var(--df-accent) 32%,var(--df-border-soft));background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2))}.rules-page .rule-card .actions{flex-wrap:nowrap;gap:6px;display:flex}.rules-page .rule-card .actions button{white-space:nowrap;flex:1 1 0;min-width:0}.rule-help-dialog{width:min(680px,100%)}.rule-help-grid{grid-template-columns:1fr 1.5fr;gap:10px;margin:12px 0;display:grid}.rule-help-grid article,.rule-help-section{border:1px solid var(--df-border-soft);background:color-mix(in srgb,var(--df-accent) 7%,var(--df-surface-1));border-radius:8px;padding:12px}.rule-help-grid strong{color:var(--df-accent-strong);margin-bottom:5px;display:block}.rule-help-grid span,.rule-help-section p{color:var(--df-text-muted);line-height:1.65}.rule-help-section{margin-top:10px}.rule-help-section h3{margin:0 0 8px}body.light .rules-page .rule-card,body.light .rule-help-grid article,body.light .rule-help-section{background:linear-gradient(180deg,var(--df-surface-raised),var(--df-surface-1))}@media (max-width:640px){.rule-help-grid{grid-template-columns:1fr}.rules-page .rule-card .actions{flex-wrap:wrap}}.section-kicker{color:var(--df-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:12px;display:block}.overview-page{max-width:1240px}.overview-hero{border-bottom:1px solid var(--df-border-soft);justify-content:space-between;align-items:flex-end;gap:18px;padding:20px 0 16px;display:flex}.overview-hero h1{margin:0;font-size:30px}.overview-hero p{color:var(--df-text-muted);margin:6px 0 0}.overview-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.overview-stats{grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(220px,1.5fr);gap:10px;margin:16px 0;display:grid}.overview-stats article{border:1px solid var(--df-border-soft);background:linear-gradient(#d8ad5217,#231b14b3);border-radius:8px;min-width:0;padding:12px 14px;box-shadow:inset 0 1px #ffffff0a}.overview-stats strong{color:var(--df-accent-strong);text-overflow:ellipsis;white-space:nowrap;font-size:22px;display:block;overflow:hidden}.overview-stats span{color:var(--df-text-muted);margin-top:4px;font-size:12px;display:block}.game-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:16px;display:grid}.game-card{border:1px solid var(--df-border-soft);min-height:260px;box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;background:linear-gradient(#302318eb,#1c1915eb);border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex}.game-card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.game-card h2{color:var(--df-accent-strong);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin:0;font-size:18px;line-height:1.35;display:-webkit-box;overflow:hidden}.scene-line{min-height:45px;color:var(--df-text);margin:0;line-height:1.55}.game-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.game-select.compact{color:var(--df-text-muted);align-items:center;gap:6px;margin:0;display:flex}.game-select.compact input{width:auto}.game-card-meta{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.game-card-meta span{border:1px solid var(--df-border-soft);min-width:0;color:var(--df-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#d8ad5214;border-radius:6px;padding:7px 8px;font-size:12px;overflow:hidden}.game-card .meta{font-size:12px}.game-card-actions{gap:8px;margin-top:auto;display:grid}.game-card-enter{letter-spacing:0;width:100%;min-height:48px;font-size:16px;font-weight:900}.game-card-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.game-card-tools button{min-width:0;padding:8px 6px}.empty-panel{text-align:center;border:1px solid var(--df-border-soft);background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;margin-top:20px;padding:34px 20px}.empty-panel h2{margin:0 0 6px}.empty-panel button{margin-top:14px}.join-page{width:100%;min-height:100vh;min-height:100dvh;color:var(--df-text);background:radial-gradient(circle at 50% -16%,color-mix(in srgb,var(--df-interactive) 11%,transparent),transparent 38%),linear-gradient(150deg,var(--df-canvas),var(--df-canvas-glow) 54%,var(--df-surface-1));flex:none;padding-bottom:28px}.join-hud{border-bottom:1px solid var(--df-border-soft);background:color-mix(in srgb,var(--df-surface-raised) 92%,transparent);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;padding:15px 22px;display:flex;box-shadow:0 10px 28px #0000002e}.join-title-block{align-items:center;gap:14px;min-width:0;display:flex}.join-title-copy{min-width:0}.join-hud h1{color:var(--df-accent-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;overflow:hidden}.join-hud p{max-width:68ch;color:var(--df-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.join-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.join-actions .locale-select{margin:0}.player-sheet-form{flex-direction:column;gap:14px;display:flex}.sheet-head{border-bottom:1px solid var(--df-border-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.sheet-head h2{margin:0}.sheet-head p{color:var(--df-text-muted);margin:5px 0 0}.sheet-section{border:1px solid var(--df-border-soft);background:color-mix(in srgb,var(--df-interactive) 5%,var(--df-surface-1));border-radius:8px;padding:12px}.sheet-section h3{margin:0 0 10px}.sheet-field{margin:0}.player-sheet-form .submit{min-height:42px;margin-top:0}.player-sheet-form .attrs{gap:10px 16px}.player-sheet-form .attrs label{margin:0}.player-sheet-form .skill-row{margin:7px 0}body.light .overview-stats article,body.light .game-card,body.light .sheet-section{background:linear-gradient(180deg,var(--df-surface-raised),var(--df-surface-1))}@media (max-width:900px){.overview-hero{flex-direction:column;align-items:flex-start}.overview-actions{justify-content:flex-start}.overview-stats{grid-template-columns:repeat(2,1fr)}.overview-stats .wide{grid-column:1/-1}.game-card-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.join-hud{flex-direction:column;align-items:flex-start}.join-form{margin:14px auto}}@media (max-width:520px){.overview-page{padding:14px}.overview-stats,.game-grid,.game-card-meta{grid-template-columns:1fr}.game-card-tools{grid-template-columns:1fr 1fr}.sheet-head{display:grid}.join-hud{padding:16px}.player-sheet-form .two-cols{grid-template-columns:1fr}}.play-page{background:radial-gradient(circle at 50% -18%,#f2cf832e,#0000 34%),linear-gradient(135deg,#0f1313f5,#241912f5 48%,#100d0bfa);min-height:100vh}.play-hud{backdrop-filter:blur(10px);background:linear-gradient(#2f2116fa,#121210f7);border-bottom:1px solid #f2cf8357;grid-template-columns:minmax(260px,1fr) auto minmax(230px,auto);align-items:center;gap:14px;min-height:76px;padding:10px 16px;display:grid;box-shadow:0 12px 30px #00000057}.play-hud .play-hud-main{flex-wrap:nowrap;align-items:center;gap:11px;min-width:0;display:flex}.play-back{background:#0f12129e;border-color:#d8ad525c;border-radius:8px;flex:none;width:38px;min-width:38px;height:38px;padding:0}.play-titleblock{min-width:0}.play-eyebrow{color:#d7c89f;margin-bottom:3px;font-size:12px;display:block}.play-titleblock h1{color:#ffe4a4;text-shadow:0 1px #0000008c;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:23px;overflow:hidden}.play-hud .play-titleblock p{color:#cbbf9d;text-overflow:ellipsis;white-space:nowrap;width:auto;margin:3px 0 0;overflow:hidden}.play-hud-stats{grid-template-columns:repeat(3,minmax(78px,1fr));gap:7px;min-width:260px;display:grid}.hud-stat{background:linear-gradient(#d8ad521c,#0f121252);border:1px solid #d8ad5242;border-radius:8px;min-width:0;padding:7px 9px;box-shadow:inset 0 1px #ffffff0a}.hud-stat strong{color:#ffe1a0;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.hud-stat small{color:var(--df-text-muted);margin-top:2px;font-size:11px;display:block}.play-toolbar{justify-content:flex-end;gap:6px}.play-toolbar button{background:#0f121294;border-color:#d8ad525c;min-height:34px;padding:0 11px}.play-toolbar .busy{background:#d8ad521a;border:1px solid #d8ad5242;border-radius:7px;padding:6px 8px}.play-locale-select{margin:0}.play-layout{background:linear-gradient(90deg,#080a0a33,#0000 18%,#0000 82%,#080a0a2e);grid-template-columns:minmax(230px,286px) minmax(0,1fr) minmax(236px,292px);grid-template-areas:"sidebar main controls";height:calc(100vh - 76px);min-height:0;display:grid}.play-layout.no-console{grid-template-columns:minmax(230px,306px) minmax(0,1fr);grid-template-areas:"sidebar main"}.play-layout.collapsed.no-console{grid-template-columns:48px minmax(0,1fr)}.game-sidebar{background:linear-gradient(#261d15f7,#131817f7);border-right:1px solid #f2cf8338;grid-area:sidebar;min-height:0;padding:12px;position:relative;overflow:auto;box-shadow:inset -1px 0 #ffe7b014}.game-sidebar .panel{padding:14px 0}.game-sidebar .panel h2{font-size:14px}.game-sidebar.collapsed{padding:8px 4px}.game-sidebar.collapsed>:not(.sidebar-toggle){display:none}.game-sidebar.collapsed .sidebar-toggle{width:100%;margin:0 auto;position:static}.play-main{background:linear-gradient(#ffecb70a,#00000012);flex-direction:column;grid-area:main;gap:10px;min-width:0;min-height:0;padding:12px 16px;display:flex}.play-control-rail{background:linear-gradient(#261d15f2,#121615f7);border-left:1px solid #f2cf8338;flex-direction:column;grid-area:controls;gap:10px;min-width:0;min-height:0;padding:12px;display:flex;overflow:auto}.play-control-rail .panel{border:1px solid var(--df-border-soft);background:#251b13c7;border-radius:8px;padding:10px;box-shadow:inset 0 1px #ffffff0a}.scene-strip{background:linear-gradient(135deg,#d8ad5221,#141817ad);border:1px solid #d2a75b47;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000029}.scene-title{min-width:0}.scene-label{color:var(--df-text-muted);margin-bottom:3px;font-size:11px;display:block}.scene-strip h2{color:#ffe2a0;overflow-wrap:anywhere;margin:0;font-size:19px}.scene-strip p{color:var(--df-text-muted);margin:4px 0 0}.scene-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:48%;display:flex}.scene-chips span{border:1px solid var(--df-border-soft);color:var(--df-accent-strong);text-overflow:ellipsis;white-space:nowrap;background:#d8ad521a;border-radius:999px;max-width:190px;padding:4px 8px;font-size:12px;overflow:hidden}.timeline-wrap{background:linear-gradient(#14120fe0,#0e1313e6);border:1px solid #d2a75b42;border-radius:8px;flex:1;min-height:280px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 12px 28px #0000003b}.timeline{background:linear-gradient(#fff4d30a,#0000 18%);height:100%;padding:18px 18px 104px;overflow:auto}.round-divider{color:#d9c28d;max-width:720px;margin:24px auto 14px}.round-divider:before,.round-divider:after{background:linear-gradient(90deg,transparent,var(--df-border-soft),transparent)}.message{border:1px solid var(--df-border-soft);background:#211c16e6;border-radius:8px;max-width:820px;margin:9px 0;padding:11px 14px;box-shadow:0 8px 18px #00000029}.message.player{background:linear-gradient(#171f1ff2,#141919f0);border-left-width:4px;margin-left:auto}.message.gm{background:linear-gradient(#362719f7,#251b12f7);border-color:#f2cf8340;margin-right:auto}.message strong{font-size:12px}.chat-gm{text-indent:2em}.timeline-empty{text-align:center;height:100%;min-height:220px;color:var(--df-text-muted);place-content:center;gap:6px;display:grid}.timeline-empty strong{color:var(--df-accent-strong);font-size:18px}.timeline-empty span{font-size:13px}.new-message{z-index:6;backdrop-filter:blur(8px);color:#ffe2a0;background:#16120de0;border:1px solid #f2cf8373;border-radius:999px;min-height:34px;padding:0 16px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000057,inset 0 1px #ffffff14}.new-message.unread{background:linear-gradient(180deg,var(--df-accent),var(--df-accent-strong));color:#25190f;border-color:#ffecb2ad}.message-with-avatar{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.message-copy{min-width:0}.message-copy>p:first-of-type{margin-top:5px}.narrator-avatar{color:#ffe2a0;background:radial-gradient(circle at 35% 28%,#a67d3f,#3c2919 72%);border:1px solid #f2cf8375;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font:700 12px/1 Georgia,serif;display:grid;box-shadow:inset 0 1px #ffffff1f}.check-result-card{border-left:4px solid var(--df-accent);background:linear-gradient(#2e271bf5,#1c1f1df0);margin:7px auto}.check-result-card.success{border-left-color:var(--df-success)}.check-result-card.failure{border-left-color:var(--df-danger)}.check-result-card strong{color:var(--df-accent-strong);align-items:center;gap:5px;display:flex}.check-result-card p{margin:5px 0}.check-result-card details{color:var(--df-text-muted);font-size:12px}.check-result-card summary{cursor:pointer}.pending-luck-card{border-color:#d8ad5257;box-shadow:0 8px 22px #0003,inset 0 0 0 1px #d8ad520f}.luck-decision-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.dice-tag-button{cursor:pointer;font:inherit}.dice-tag-button:hover:not(:disabled){border-color:var(--df-accent);background:#d8ad5233}.luck-decline-button{color:var(--df-danger-strong);background:#9c413e1f;border-color:#9c413e59}.luck-decline-button:hover:not(:disabled){border-color:var(--df-danger-strong);background:#9c413e33}.composer{background:linear-gradient(#251b13c2,#111414e0);border:1px solid #d2a75b3d;border-radius:8px;padding:10px;box-shadow:0 10px 24px #0000002e}.composer-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.composer-head strong{color:var(--df-accent-strong);display:block}.composer-head .composer-title-row{align-items:baseline;gap:8px;min-width:0;display:flex}.composer-head .composer-hint{color:var(--df-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.45;display:inline;overflow:hidden}.quick-actions{gap:6px;margin-bottom:7px;padding-bottom:4px;display:flex;overflow:auto}.quick-actions button{white-space:nowrap;color:#d9f4ec;background:#192322c2;border-color:#4fb3a84d}.composer-row{grid-template-columns:minmax(0,1fr) 92px;gap:8px;display:grid}.composer-row textarea{border-color:#d8ad5261;min-height:88px;box-shadow:inset 0 1px 12px #0000002e}.dice-prompt,.waiting,.notice{border:1px solid var(--df-border-soft);color:var(--df-text);background:#d8ad5217;border-radius:6px;padding:9px 11px}.table-notice{font-size:13px;line-height:1.6}.token-budget-hint{color:var(--df-text-muted);margin:0;padding:0 2px;font-size:11px;line-height:1.45}.play-control-rail .gm-toolbar{border-bottom:0;flex-flow:column;align-items:stretch;gap:7px;min-width:0;display:flex}.play-control-rail .gm-toolbar .gm-group{background:#d8ad5214;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 8px;display:flex}.play-control-rail .gm-toolbar .gm-group h4{color:var(--df-accent-strong);flex:100%;margin:0;font-size:12px}.play-control-rail .gm-toolbar .gm-player-group{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.play-control-rail .gm-toolbar .gm-player-group h4{grid-column:1/-1}.play-control-rail .gm-toolbar .gm-player-group button{justify-content:center;width:100%}.play-control-rail .gm-toolbar .gm-grow{flex:none;min-width:0}.play-control-rail .gm-toolbar .gm-grow input{flex:120px;width:auto;min-width:0}.play-control-rail .gm-toolbar button{white-space:nowrap;min-width:0;padding:5px 9px}.play-control-rail .gm-toolbar .perc{border:1px solid var(--df-border-soft);background:#d8ad5214;border-radius:6px;flex:none;margin-top:0;padding:8px}.play-control-rail .gm-toolbar .perc-row{grid-template-columns:1fr;gap:6px;display:grid}.play-control-rail .gm-toolbar .perc select,.play-control-rail .gm-toolbar .perc input{width:100%;max-width:none}.play-control-rail .player-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.play-control-rail .player-actions .danger{grid-column:1/-1}.play-control-rail .pending-list>div{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.play-loading,.empty-game{text-align:center;place-items:center;min-height:calc(100vh - 76px);padding:24px;display:grid}.play-loading{color:var(--df-text-muted)}.play-loading h2,.empty-game h1{color:var(--df-accent-strong);margin:12px 0 6px}.empty-game section{border:1px solid var(--df-border-soft);background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));width:min(460px,100%);box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;padding:24px}.empty-game .actions{justify-content:center;margin-top:16px}.lore-mini-list{gap:6px;display:grid}.lore-mini-item{text-align:left;white-space:normal;border:1px solid var(--df-border-soft);background:#d8ad5212;grid-template-columns:minmax(0,1fr);place-items:start stretch;gap:2px;width:100%;padding:8px 9px;display:grid}.lore-mini-item strong,.lore-mini-item span{text-align:left;overflow-wrap:anywhere;width:100%;min-width:0;display:block}.lore-mini-item strong{color:var(--df-accent-strong);font-size:13px}.lore-mini-item span{color:var(--df-text-muted);font-size:11px}.lore-detail{gap:10px;display:grid}.lore-detail p{white-space:pre-wrap;margin:0;line-height:1.7}.world-switch-dialog{width:min(720px,100%)}.world-switch-list{gap:8px;margin-top:10px;display:grid}.world-choice{text-align:left;white-space:normal;background:var(--df-surface-3);border:1px solid var(--df-border-soft);grid-template-columns:minmax(0,1fr);place-items:start stretch;gap:3px;width:100%;min-height:0;padding:10px 12px;display:grid}.world-choice strong,.world-choice span,.world-choice small{text-align:left;overflow-wrap:anywhere;width:100%;min-width:0;display:block}.world-choice strong{color:var(--df-accent-strong);font-size:14px}.world-choice span,.world-choice small{color:var(--df-text-muted);font-size:12px;line-height:1.45}.world-choice.active{border-color:var(--df-accent);background:#d8ad521f}body.light .check-result-card{background:linear-gradient(180deg,var(--df-surface-raised),var(--df-surface-1));color:var(--df-text)}body.light .log-entry-body.collapsed:after{background:linear-gradient(180deg,transparent,var(--df-surface-1))}@media (max-width:980px){.play-hud{grid-template-columns:minmax(240px,1fr) minmax(220px,auto);grid-template-areas:"title stats""tools tools"}.play-hud-main{grid-area:title}.play-hud-stats{grid-area:stats}.play-toolbar{grid-area:tools}.play-layout{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"sidebar main""controls main"}.play-layout.no-console{grid-template-areas:"sidebar main"}.play-layout.collapsed{grid-template-columns:48px minmax(0,1fr)}.play-control-rail{border-left:0;border-right:1px solid #f2cf8338}}@media (max-width:800px){.play-hud{grid-template-columns:1fr;grid-template-areas:"title""stats""tools";align-items:start;position:relative}.play-hud .play-hud-main{align-items:flex-start}.play-hud-stats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0}.play-toolbar{justify-content:flex-start}.play-layout,.play-layout.no-console,.play-layout.collapsed,.play-layout.collapsed.no-console{grid-template-columns:1fr;grid-template-areas:"main""sidebar""controls";height:auto}.play-main{min-height:72vh;padding:10px}.scene-strip{display:grid}.scene-chips{justify-content:flex-start;max-width:none}.game-sidebar{border-right:0;grid-template-columns:1fr 1fr;gap:0 14px;max-height:none;display:grid}.play-control-rail{border-left:0;border-right:0;max-height:none}.timeline-wrap{min-height:360px}.timeline{padding:12px 12px 94px}.message{max-width:100%}.message.player{margin-left:0}.composer-row{grid-template-columns:1fr}.composer-row button{width:100%}}@media (max-width:480px){.play-titleblock h1{font-size:20px}.play-hud-stats{grid-template-columns:1fr}.hud-stat{justify-content:space-between;align-items:center;gap:8px;display:flex}.hud-stat small{margin:0}.game-sidebar{grid-template-columns:1fr}.play-main{padding:7px}.play-control-rail{padding:8px}.play-control-rail .gm-toolbar .gm-group,.play-control-rail .player-actions{grid-template-columns:1fr}.scene-chips span{max-width:100%}.composer-head{display:grid}.play-toolbar button{flex:auto}}.login-page{background:radial-gradient(circle at 50% 0,#d8ad522e,transparent 34%),linear-gradient(135deg,var(--df-canvas-glow),var(--df-canvas));place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--df-border-soft);background:linear-gradient(180deg,var(--df-surface-1),var(--df-surface-2));width:min(380px,100%);box-shadow:var(--df-shadow),inset 0 1px 0 #ffffff0d;border-radius:8px;padding:24px}.login-card h1{text-align:center;margin:0 0 4px}.login-card>p{text-align:center}.login-card .submit{width:100%;margin-top:4px}.login-card .error-banner{text-align:left;margin:12px 0 0}.login-card .hint{margin-top:14px;font-size:12px;line-height:1.7}.forgot-password{color:var(--df-text-muted);margin-top:10px;font-size:12px;line-height:1.7}.forgot-password summary{cursor:pointer;color:var(--df-accent-strong);font-weight:700}.forgot-password p{margin:6px 0 0}.app-version{color:var(--df-text-muted);white-space:nowrap;font-size:12px}.rule-editor-form{gap:12px;display:grid}.rule-editor-section{border:1px solid var(--df-border-soft);background:#d8ad520f;border-radius:8px;gap:8px;padding:10px;display:grid}.section-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-head strong{color:var(--df-accent-strong)}.rule-attr-edit{grid-template-columns:1fr 1.2fr 80px 80px 74px;align-items:center;gap:7px;display:grid}.rule-json-box summary{cursor:pointer;color:var(--df-accent-strong);font-weight:700}.rule-json-box textarea{font-family:var(--df-font-mono);font-size:12px;line-height:1.55}.new-message:hover{filter:brightness(1.08);transform:translate(-50%)}.play-control-rail .gm-toolbar .gm-perc{width:100%;min-width:0;max-width:100%;overflow:hidden}.play-control-rail .gm-toolbar .perc-row>*{min-width:0}.play-control-rail .gm-toolbar .perc summary{overflow-wrap:anywhere}.play-control-rail .gm-toolbar .perc button{width:100%}@media (max-width:640px){.rule-attr-edit{grid-template-columns:1fr 1fr}.rule-attr-edit button{grid-column:1/-1}.sponsor-card{flex-direction:column;align-items:flex-start}.sponsor-card img{width:min(220px,100%);max-width:100%}}.play-hud{gap:10px;min-height:64px;padding:8px 12px}.play-hud .play-titleblock p{margin-top:2px}.play-hud-stats{gap:6px;min-width:230px}.hud-stat{padding:6px 8px}.play-toolbar button{min-height:32px;padding:0 9px}.play-layout{grid-template-columns:minmax(220px,270px) minmax(0,1fr) minmax(220px,260px);height:calc(100dvh - 64px)}.play-layout.collapsed{grid-template-columns:48px minmax(0,1fr) minmax(220px,260px)}.scene-strip{gap:10px;padding:8px 10px}.scene-label{margin-bottom:1px}.scene-strip h2{font-size:17px;line-height:1.32}.scene-strip p{margin-top:2px}.scene-chips{gap:4px}.scene-chips span{padding:3px 7px}.timeline-wrap{flex:1 1 0;min-height:420px}.timeline{padding:12px 14px 72px}.round-divider{margin:16px auto 10px}.message{max-width:min(980px,100%);margin:6px 0;padding:10px 13px}.message.gm{width:min(980px,100%)}.message p,.chat-gm{font-size:15px;line-height:1.68}.chat-gm{margin:8px 0}.composer{padding:8px}.composer-head{margin-bottom:5px}.composer-head span{line-height:1.35}.quick-actions{margin-bottom:5px;padding-bottom:2px}.composer-row textarea{min-height:68px}.dice-prompt,.waiting,.notice{padding:7px 9px}.dice-prompt{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dice-prompt>span{flex:auto;min-width:120px}.composer .notice{margin-top:7px}.play-control-rail{padding:10px;overflow-x:hidden}.play-control-rail .gm-toolbar,.play-control-rail .gm-toolbar *{box-sizing:border-box}.play-control-rail .gm-toolbar,.play-control-rail .gm-toolbar .gm-group{max-width:100%}.play-control-rail .gm-toolbar .gm-perc{width:100%;min-width:0;max-width:100%;display:block}.play-control-rail .gm-toolbar .gm-perc[open]{flex-basis:auto}.play-control-rail .gm-toolbar .perc summary{overflow-wrap:anywhere;white-space:normal;max-width:100%;display:block}.play-control-rail .gm-toolbar .perc-row{grid-template-columns:minmax(0,1fr);gap:6px;width:100%;max-width:100%;display:grid}.play-control-rail .gm-toolbar .perc-row>*{width:100%;min-width:0;max-width:100%;display:block}.play-control-rail .gm-toolbar .perc select,.play-control-rail .gm-toolbar .perc input,.play-control-rail .gm-toolbar .perc button{width:100%;min-width:0;max-width:100%}.kw-key{color:#fff4c2;background:#f2cf8333;font-weight:700;box-shadow:inset 0 -1px #ffe6a6b8}.kw-roll{color:#d8f3ff;background:#4fb3a83d;font-weight:700;box-shadow:inset 0 -1px #7fddd6b8}.kw-change{color:#ffe0c7;background:#ff8f4c3d;font-weight:700;box-shadow:inset 0 -1px #ffb575b8}.gm-list-marker{color:#ffe2a0;min-width:1.25em;margin-right:2px;font-weight:900;display:inline-block}.tag-badge.roll{color:#d8f3ff;background:#4fb3a824;border-color:#4fb3a86b}body.light .kw-key{color:#5b3517;background:#fff0bd}body.light .kw-roll{color:#12534e;background:#cceee7}body.light .kw-change{color:#763d13;background:#f8d3b1}body.light .gm-list-marker{color:#6f451e}.play-control-rail .rail-toggle{background:color-mix(in srgb,var(--df-control-bg) 82%,transparent);border:1px solid var(--df-border-soft);min-width:32px;min-height:32px;color:var(--df-interactive-strong);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-self:flex-start;align-items:center;margin-bottom:6px;padding:0;display:inline-flex}.play-control-rail.collapsed{padding:8px 4px}.play-control-rail.collapsed>:not(.rail-toggle){display:none}.play-control-rail.collapsed .rail-toggle{width:100%;margin:0 auto}@media (min-width:981px){.play-layout.rail-collapsed{grid-template-columns:minmax(230px,286px) minmax(0,1fr) 48px}.play-layout.collapsed.rail-collapsed{grid-template-columns:48px minmax(0,1fr) 48px}}@media (max-width:980px){.play-layout{grid-template-columns:minmax(220px,250px) minmax(0,1fr);height:auto}.timeline-wrap{min-height:460px}}@media (max-width:800px){.play-layout,.play-layout.no-console,.play-layout.collapsed,.play-layout.collapsed.no-console{grid-template-columns:1fr;height:auto}.play-main{min-height:78vh;padding:8px}.timeline-wrap{min-height:56vh}.scene-strip{padding:8px}.play-control-rail{max-height:none}.message{max-width:100%}}@media (max-width:480px){.play-hud{padding:8px}.play-titleblock h1{font-size:20px}.play-main{padding:6px}.scene-strip{gap:6px}.timeline{padding:10px 10px 68px}.message{padding:9px 10px}.message p,.chat-gm{font-size:14px}.composer-row textarea{min-height:64px}}.thinking-message{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--df-interactive) 42%,var(--df-border-soft))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--df-interactive) 16%,var(--df-surface-2)),var(--df-surface-1))!important}.thinking-message:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.8s linear infinite thinkingSweep;position:absolute;top:0;bottom:0;left:0;right:0}.thinking-message strong,.thinking-message p{position:relative}.thinking-dots{vertical-align:middle;gap:3px;margin-left:5px;display:inline-flex}.thinking-dots i{background:var(--df-interactive-strong);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite thinkingDot}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes thinkingDot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes thinkingSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}body.light .thinking-dots i{background:var(--df-interactive-strong)}.live-narration{opacity:.96;margin-top:6px}.live-narration:after{content:"▍";color:#9ff1e8;opacity:.7;margin-left:2px;animation:1s step-end infinite liveCursor;display:inline-block}@keyframes liveCursor{0%,50%{opacity:1}51%,to{opacity:0}}body.light .live-narration:after{color:#17665f}body.light .perception-item{background:color-mix(in srgb,var(--df-surface-raised) 82%,transparent);border-color:var(--df-border-soft);border-left-color:var(--df-interactive);color:var(--df-text);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--df-surface-raised) 55%,transparent)}body.light .perception-item.fresh{animation:1.6s ease-out perceptionFreshLight}@keyframes perceptionFreshLight{0%{border-color:var(--df-interactive);border-left-color:var(--df-interactive-strong);background:color-mix(in srgb,var(--df-interactive) 16%,var(--df-surface-1));box-shadow:0 0 0 1px color-mix(in srgb,var(--df-interactive) 24%,transparent),0 8px 18px color-mix(in srgb,var(--df-interactive) 12%,transparent)}to{border-color:var(--df-border-soft);border-left-color:var(--df-interactive);background:color-mix(in srgb,var(--df-surface-raised) 82%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--df-surface-raised) 55%,transparent)}}.update-dialog-body{max-width:560px}.update-dialog-body .muted{color:var(--df-text-muted);margin:0 0 10px;font-size:13px}.update-dialog-notes{border:1px solid var(--df-border-soft);max-height:240px;color:var(--df-text);font-family:var(--df-font-mono);white-space:pre-wrap;word-break:break-word;background:#1c191599;border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.6;overflow:auto}body.light .update-dialog-notes{background:var(--df-control-bg);border-color:var(--df-border-soft)}.api-head-row{align-items:center;gap:8px;display:flex}.api-head-row h3{margin:0}a,a:visited{color:var(--df-accent-strong)}.login-history-head{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.login-history-head h4,.login-history-head p{margin:0}.login-history-list{gap:6px;margin-top:10px;display:grid}.login-history-row{border:1px solid var(--df-border-soft);background:#ffffff06;border-radius:6px;grid-template-columns:minmax(150px,1fr) minmax(110px,1fr) auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.login-history-row code{overflow-wrap:anywhere}.login-history-pager{margin:12px 0 0}@media (max-width:640px){.login-history-row{grid-template-columns:1fr auto}.login-history-row code{grid-area:2/1/auto/-1}}.timeline-history-gate{color:var(--df-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:0 auto 14px;font-size:12px;display:flex}.timeline-history-gate button{min-height:30px;padding:0 11px}@media (max-width:800px){.top-nav{flex-wrap:nowrap;align-items:center;gap:4px;height:44px;padding:4px 6px}.top-brand{flex:none;order:1;min-width:0}.top-brand .brand-text{display:none}.top-brand .brand-mark{width:28px;height:28px}.top-menu{flex:auto;order:2;width:auto;padding:0;overflow-x:auto}.top-menu .n-menu{min-width:max-content}.top-nav .n-menu-item-content{font-size:12px;height:34px!important;padding:0 7px!important}.top-nav .n-menu-item-content__icon{margin-right:4px!important}.top-right{order:3;gap:2px;margin-left:0}.top-right .theme-toggle{min-width:32px;min-height:32px}.locale-select{margin:0}.locale-select span,.app-version{display:none}.locale-select select{min-width:76px;max-width:76px;height:32px;padding:4px 20px 4px 6px;font-size:11px}}@media (min-width:981px){.play-page{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.workspace .play-page{height:calc(100dvh - 56px)}.play-layout,.workspace .play-layout{flex:auto;height:auto}.play-main .timeline-wrap{min-height:0}}.scene-strip p{display:none}@media (max-width:800px){.play-page{flex-direction:column;min-height:100dvh;display:flex;overflow:visible}.workspace .play-page{min-height:calc(100dvh - 44px)}.play-hud{flex:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title tools";align-items:center;gap:6px;min-height:52px;padding:5px 7px}.play-hud .play-hud-main{align-items:center;min-width:0}.play-eyebrow,.play-hud-stats{display:none}.play-titleblock h1{font-size:17px;line-height:1.25}.play-hud .play-titleblock p{margin-top:1px;font-size:11px}.play-toolbar{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-end;min-width:0;max-width:48vw;overflow-x:auto}.play-toolbar::-webkit-scrollbar{display:none}.play-toolbar button{flex:none;min-height:30px;padding:0 7px;font-size:12px}.play-layout,.play-layout.no-console,.play-layout.collapsed,.play-layout.collapsed.no-console{flex:none;grid-template-columns:1fr;grid-template-areas:"main""sidebar""controls";height:auto;min-height:0;overflow:visible}.play-main{gap:5px;height:auto;min-height:72vh;padding:6px;overflow:visible}.scene-strip{align-items:center;gap:7px;min-height:34px;padding:5px 7px;display:flex}.scene-title{flex:auto;min-width:0}.scene-label,.scene-strip p{display:none}.scene-strip h2{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.25;overflow:hidden}.scene-chips{flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;max-width:58%;overflow:hidden}.scene-chips span{flex:0 auto;min-width:0;max-width:112px;padding:2px 6px;font-size:11px}.scene-chips span:nth-child(n+3){display:none}.timeline-wrap{flex:1 1 0;min-height:320px}.composer{flex:none;padding:6px}.composer-row{grid-template-columns:minmax(0,1fr) 72px;gap:6px}.composer-row button{width:auto;padding:0 6px}}@media (max-width:480px){.composer-head{align-items:center;margin-bottom:4px;display:flex}.composer-head span{display:none}.quick-actions{margin-bottom:4px}.composer-row textarea{min-height:58px}}body.light button:disabled{opacity:.68}body.light .round-divider{color:var(--df-text-muted)}body.light .message.player strong{color:var(--df-success-strong)!important}body.light .mode-tabs button{opacity:.9}body.light .acted.done,body.light .badge-active,body.light .plugin-status.running,body.light .tag-badge.hp-up{color:var(--df-success-strong);background:color-mix(in srgb,var(--df-success) 13%,transparent);border-color:color-mix(in srgb,var(--df-success) 42%,var(--df-border-soft))}body.light .dice-crit{color:var(--df-success-strong)}body.light .acted.wait,body.light .tag-badge.gold{color:var(--df-warning);background:color-mix(in srgb,var(--df-warning) 13%,transparent);border-color:color-mix(in srgb,var(--df-warning) 42%,var(--df-border-soft))}body.light .tag-deceased,body.light .tag-badge.hp-dn{color:var(--df-danger-strong);background:color-mix(in srgb,var(--df-danger) 12%,transparent);border-color:color-mix(in srgb,var(--df-danger) 42%,var(--df-border-soft))}body.light .dice-fumble,body.light .error-text,body.light .error-banner,body.light .rule-warn-card,body.light .confirm-title.danger{color:var(--df-danger-strong)}body.light .tag-warn,body.light .tag-badge.pay,body.light .tag-badge.quest{color:var(--df-warning);background:color-mix(in srgb,var(--df-warning) 13%,transparent);border-color:color-mix(in srgb,var(--df-warning) 42%,var(--df-border-soft))}body.light .tag-gm,body.light .tag-badge.npc{color:var(--df-info);background:color-mix(in srgb,var(--df-info) 12%,transparent);border-color:color-mix(in srgb,var(--df-info) 42%,var(--df-border-soft))}body.light .tag-badge.scene{color:var(--df-accent-strong);background:color-mix(in srgb,var(--df-accent) 12%,transparent);border-color:color-mix(in srgb,var(--df-accent) 42%,var(--df-border-soft))}body.light .tag-badge.loot{color:var(--df-interactive-strong);background:color-mix(in srgb,var(--df-interactive) 12%,transparent);border-color:color-mix(in srgb,var(--df-interactive) 42%,var(--df-border-soft))}body.light .tag-badge.decision{color:var(--df-danger-strong);background:color-mix(in srgb,var(--df-danger) 11%,transparent);border-color:color-mix(in srgb,var(--df-danger) 38%,var(--df-border-soft))}body.light .kw-npc{color:var(--df-danger-strong);background:color-mix(in srgb,var(--df-danger) 14%,transparent);box-shadow:inset 0 -1px 0 var(--df-danger)}body.light .kw-place{color:var(--df-accent-strong);background:color-mix(in srgb,var(--df-accent) 14%,transparent);box-shadow:inset 0 -1px 0 var(--df-accent)}body.light .kw-item{color:var(--df-success-strong);background:color-mix(in srgb,var(--df-success) 14%,transparent);box-shadow:inset 0 -1px 0 var(--df-success)}body.light .kw-faction{color:var(--df-info);background:color-mix(in srgb,var(--df-info) 14%,transparent);box-shadow:inset 0 -1px 0 var(--df-info)}body.light .kw-event{color:var(--df-warning);background:color-mix(in srgb,var(--df-warning) 14%,transparent);box-shadow:inset 0 -1px 0 var(--df-warning)}body.light .kw-puzzle{color:var(--df-interactive-strong);background:color-mix(in srgb,var(--df-interactive) 14%,transparent);box-shadow:inset 0 -1px 0 var(--df-interactive)}body.light .kw-other{color:var(--df-text-secondary);background:color-mix(in srgb,var(--df-text-muted) 12%,transparent);box-shadow:inset 0 -1px 0 var(--df-text-muted)}body.light .kw-quote{color:var(--df-accent-strong);background:color-mix(in srgb,var(--df-accent) 12%,transparent);box-shadow:inset 0 -1px 0 var(--df-accent)}@media (min-width:801px){.play-hud{flex:none;gap:4px 8px;min-height:58px;padding:5px 10px}.play-hud .play-hud-main{gap:9px}.play-titleblock{flex:auto;grid-template-columns:minmax(0,1fr);align-items:baseline;display:grid}.play-eyebrow{grid-column:1/-1;margin-bottom:0;font-size:11px;line-height:1.2}.play-titleblock h1{font-size:20px;line-height:1.2}.hud-stat{padding:4px 7px}.hud-stat strong{font-size:12px;line-height:1.2}.hud-stat small{margin-top:1px;font-size:10px;line-height:1.2}.play-toolbar button{min-height:30px;padding:0 8px}}@media (min-width:981px){.play-layout{height:calc(100dvh - 58px)}}@media (min-width:801px) and (max-width:980px){.play-page{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.workspace .play-page{height:calc(100dvh - 56px)}.play-layout,.workspace .play-layout{flex:auto;grid-template-columns:minmax(220px,250px) minmax(0,1fr) 48px;grid-template-areas:"sidebar main controls";height:auto;min-height:0;position:relative;overflow:hidden}.play-layout.collapsed{grid-template-columns:48px minmax(0,1fr) 48px}.play-layout.no-console{grid-template-columns:minmax(220px,250px) minmax(0,1fr);grid-template-areas:"sidebar main"}.play-layout.collapsed.no-console{grid-template-columns:48px minmax(0,1fr)}.play-main .timeline-wrap{min-height:0}.game-sidebar{max-height:none}.play-control-rail{z-index:4;justify-self:end;width:min(340px,46vw);max-height:none;box-shadow:-14px 0 28px #00000052}.play-control-rail.collapsed{width:48px;box-shadow:none}}.scene-image-picker{border:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 88%, transparent);border-radius:10px;grid-template-columns:minmax(180px,42%) 1fr;align-items:center;gap:16px;padding:12px;display:grid}.scene-image-picker-preview{aspect-ratio:16/9;border:1px solid var(--df-border);background-position:50%;background-size:cover;border-radius:8px;min-height:112px;position:relative;overflow:hidden;box-shadow:inset 0 -48px 48px #00000061}.scene-image-picker-preview span{border:1px solid color-mix(in srgb, var(--df-accent) 55%, transparent);color:var(--df-text);backdrop-filter:blur(8px);background:#040c12b8;border-radius:999px;padding:3px 8px;font-size:12px;position:absolute;bottom:9px;left:10px}.scene-image-picker-copy{gap:7px;min-width:0;display:grid}.scene-image-picker-copy small{color:var(--df-text-secondary);line-height:1.55}.scene-image-picker-copy .actions{flex-wrap:wrap;gap:8px;margin-top:3px;display:flex}@media (max-width:620px){.scene-image-picker{grid-template-columns:1fr}}html,body,#app{min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--df-canvas-glow) 88%, transparent), transparent 46%), linear-gradient(180deg, var(--df-canvas-glow), var(--df-canvas) 46%);background-attachment:fixed}body:before{z-index:-1;content:"";pointer-events:none;opacity:.36;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:36px 36px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}::selection{color:var(--df-on-accent);background:var(--df-interactive)}:focus-visible{outline:2px solid var(--df-interactive-strong);outline-offset:2px}body,button,input,textarea,select{font-family:var(--df-font-body)}h1,h2,h3,h4{color:var(--df-accent-strong);font-family:var(--df-font-title);letter-spacing:.012em}button{border-color:var(--df-border-soft);border-radius:var(--df-radius-md);color:var(--df-text-secondary);background:linear-gradient(180deg, var(--df-surface-3), var(--df-surface-2));box-shadow:inset 0 1px #ffffff0b}button:hover:not(:disabled){border-color:var(--df-interactive);color:var(--df-text);filter:none;box-shadow:0 0 0 2px var(--df-focus), inset 0 1px 0 #ffffff0f}button.primary,button.success,.primary,.success{border-color:color-mix(in srgb, var(--df-interactive-strong) 68%, var(--df-border-soft));color:var(--df-interactive-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--df-interactive) 20%, var(--df-surface-raised)), color-mix(in srgb, var(--df-interactive) 10%, var(--df-surface-2)));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--df-interactive-strong) 18%, transparent), 0 8px 24px color-mix(in srgb, var(--df-interactive) 14%, transparent)}.n-button.n-button--primary-type{font-weight:700;--n-color:color-mix(in srgb, var(--df-interactive) 18%, var(--df-surface-raised))!important;--n-color-hover:color-mix(in srgb, var(--df-interactive) 25%, var(--df-surface-raised))!important;--n-color-pressed:color-mix(in srgb, var(--df-interactive) 13%, var(--df-surface-2))!important;--n-text-color:var(--df-text)!important;--n-text-color-hover:var(--df-text)!important;--n-text-color-pressed:var(--df-text)!important;--n-text-color-focus:var(--df-text)!important;--n-text-color-disabled:color-mix(in srgb, var(--df-text) 78%, transparent)!important;--n-color-disabled:color-mix(in srgb, var(--df-interactive) 10%, var(--df-surface-2))!important;--n-border-disabled:1px solid color-mix(in srgb, var(--df-interactive) 30%, var(--df-border-soft))!important;--n-opacity-disabled:.68!important;--n-border:1px solid color-mix(in srgb, var(--df-interactive-strong) 64%, var(--df-border-soft))!important;--n-border-hover:1px solid var(--df-interactive-strong)!important}.n-button.n-button--warning-type{font-weight:700;--n-color:color-mix(in srgb, var(--df-accent) 18%, var(--df-surface-raised))!important;--n-color-hover:color-mix(in srgb, var(--df-accent) 25%, var(--df-surface-raised))!important;--n-color-pressed:color-mix(in srgb, var(--df-accent) 13%, var(--df-surface-2))!important;--n-text-color:var(--df-text)!important;--n-text-color-hover:var(--df-text)!important;--n-text-color-pressed:var(--df-text)!important;--n-text-color-focus:var(--df-text)!important;--n-text-color-disabled:color-mix(in srgb, var(--df-text) 78%, transparent)!important;--n-opacity-disabled:.68!important;--n-border:1px solid color-mix(in srgb, var(--df-accent-strong) 58%, var(--df-border-soft))!important;--n-border-hover:1px solid var(--df-accent-strong)!important}.n-button.n-button--success-type{--n-color:color-mix(in srgb, var(--df-success) 18%, var(--df-surface-raised))!important;--n-color-hover:color-mix(in srgb, var(--df-success) 25%, var(--df-surface-raised))!important;--n-text-color:var(--df-success-strong)!important;--n-text-color-hover:var(--df-text)!important;--n-border:1px solid color-mix(in srgb, var(--df-success-strong) 62%, var(--df-border-soft))!important}.n-input .n-input__placeholder,.n-base-close{min-height:0}.n-button--error-type{color:#fff!important;background-image:linear-gradient(#c75649,#8f2f2a)!important;border-color:#ffdec233!important}.n-base-selection .n-base-selection-placeholder{opacity:.94;color:var(--df-text-muted)!important}button.danger{border-color:color-mix(in srgb, var(--df-danger-strong) 52%, transparent);color:#fff;background:linear-gradient(180deg, var(--df-danger-strong), var(--df-danger))}button.outline,body.light button:not(.primary):not(.danger):not(.success){border-color:var(--df-border-soft);color:var(--df-text-secondary);background:var(--df-control-bg)}input,textarea,select{border-color:var(--df-border-soft);border-radius:var(--df-radius-md);color:var(--df-text);background:var(--df-control-bg)}input:focus,textarea:focus,select:focus{border-color:var(--df-interactive);box-shadow:0 0 0 2px var(--df-focus)}.n-input .n-input__input-el:focus,.n-input .n-input__textarea-el:focus{box-shadow:none;outline:none}.n-input .n-input__input-el:focus-visible{box-shadow:none;outline:none}.n-input .n-input__textarea-el:focus-visible{box-shadow:none;outline:none}.view{width:min(1240px,100%);max-width:none;padding:max(18px,min(2.5vw,34px))}.form,.plugin,.settings-pane,.empty-panel,.dialog,.wizard-inner{border-color:var(--df-border-soft);border-radius:var(--df-radius-lg);background:linear-gradient(160deg, var(--df-surface-raised), var(--df-surface-1) 42%, var(--df-surface-2));box-shadow:var(--df-shadow), inset 0 1px 0 #ffffff0b}.section-kicker{color:var(--df-interactive-strong);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:800}.overview-hero,.archive-hero{border-bottom-color:var(--df-border-soft);padding:20px 0 18px;position:relative}.overview-hero:after,.archive-hero:after{content:"";background:linear-gradient(90deg, var(--df-accent), transparent 70%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.overview-hero h1,.archive-hero h1{margin-top:7px;font-size:max(28px,min(3.2vw,42px));line-height:1.08}.overview-hero p,.archive-hero p{color:var(--df-text-muted);line-height:1.65}.overview-stats article,.archive-stats article{border-color:var(--df-border-soft);border-radius:var(--df-radius-md);background:linear-gradient(135deg, var(--df-surface-2), var(--df-surface-1));padding:14px 16px;position:relative;overflow:hidden}.overview-stats article:before,.archive-stats article:before{content:"";background:linear-gradient(180deg, var(--df-interactive), transparent);width:2px;height:100%;position:absolute;top:0;left:0}.overview-stats strong,.archive-stats strong{color:var(--df-accent-strong);font-family:var(--df-font-title);font-size:25px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.game-card{border-color:var(--df-border-soft);border-radius:var(--df-radius-lg);background:linear-gradient(145deg, color-mix(in srgb, var(--df-canvas-glow) 50%, transparent), transparent 45%), linear-gradient(180deg, var(--df-surface-raised), var(--df-surface-1));min-height:290px;box-shadow:var(--df-shadow), inset 0 1px 0 #ffffff0b;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.game-card:after{border:1px solid var(--df-border-soft);content:"";pointer-events:none;opacity:.25;width:210px;height:210px;box-shadow:inset 0 0 0 18px transparent, inset 0 0 0 19px var(--df-border-soft);border-radius:50%;position:absolute;bottom:-80px;right:-50px}.game-card>*{z-index:1;position:relative}.game-card:hover{border-color:color-mix(in srgb, var(--df-interactive) 58%, var(--df-border-soft));box-shadow:var(--df-shadow-strong), inset 0 1px 0 #ffffff12;transform:translateY(-2px)}.game-card h2{color:var(--df-accent-strong);font-size:21px}.game-card-meta span{border-color:var(--df-border-soft);color:var(--df-text-muted);background:color-mix(in srgb, var(--df-control-bg) 72%, transparent)}.game-card-enter{min-height:44px}.login-page{isolation:isolate;background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--df-accent) 24%, transparent), transparent 28%), radial-gradient(circle at 20% 80%, color-mix(in srgb, var(--df-interactive) 14%, transparent), transparent 34%), linear-gradient(145deg, var(--df-canvas-glow), var(--df-canvas) 58%);position:relative;overflow:hidden}.login-page:before,.login-page:after{z-index:-1;aspect-ratio:1;border:1px solid var(--df-border-soft);content:"";opacity:.26;border-radius:50%;width:min(62vw,760px);position:absolute}.login-page:before{box-shadow:inset 0 0 0 28px transparent, inset 0 0 0 29px var(--df-border-soft);top:-38%;left:-18%}.login-page:after{bottom:-45%;right:-20%}.login-card,.lang-picker{box-sizing:border-box;border:1px solid var(--df-border);border-radius:var(--df-radius-lg);background:color-mix(in srgb, var(--df-surface-1) 91%, transparent);width:min(430px,100%);max-width:100%;box-shadow:var(--df-shadow-strong), inset 0 1px 0 #fff1;backdrop-filter:blur(20px);padding:34px;position:relative}.login-card:before,.lang-picker:before{border:1px solid var(--df-border-soft);border-radius:calc(var(--df-radius-lg) - 4px);content:"";pointer-events:none;position:absolute;top:7px;bottom:7px;left:7px;right:7px}.login-emblem .brand-mark{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--df-accent) 34%, transparent))}.system-status-grid{gap:12px}.system-status-card{border-color:var(--df-border-soft);border-radius:var(--df-radius-md);background:linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));position:relative;overflow:hidden}.system-status-card:after{border:1px solid var(--df-border-soft);content:"";opacity:.22;border-radius:50%;width:86px;height:86px;position:absolute;bottom:-34px;right:-24px}.settings-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}.settings-nav{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-lg);background:color-mix(in srgb, var(--df-surface-1) 78%, transparent);box-shadow:var(--df-shadow);backdrop-filter:blur(14px);gap:4px;padding:7px;top:82px}.settings-nav .nav-item{min-height:40px;color:var(--df-text-muted);box-shadow:none;background:0 0;border-color:#0000}.settings-nav .nav-item:hover,.settings-nav .nav-item.active{border-color:color-mix(in srgb, var(--df-interactive) 34%, transparent);color:var(--df-interactive-strong);background:var(--df-hover);box-shadow:none}.settings-pane{min-height:340px;padding:max(18px,min(2.5vw,26px))}.settings-pane h3{font-size:20px}.form-row{align-items:center;gap:14px}.form-row>label{color:var(--df-text-secondary)}.provider-card{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);color:var(--df-text);background:linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));gap:4px;margin-top:12px;padding:14px;display:grid}.provider-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.provider-card-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.memory-row,.log-reader article,.archive-page .char-card,.archive-page .lore-card,.rules-page .rule-card,.rule-help-grid article,.rule-help-section{border-color:var(--df-border-soft);border-radius:var(--df-radius-md);color:var(--df-text);background:linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));box-shadow:inset 0 1px #ffffff09}.logs-page .mode-tabs,.lorebook-page .lore-world-bar,.lorebook-page .lore-tools,.rule-help-grid article,.rule-help-section{border-color:var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 86%, transparent)}.play-page{color:var(--df-text);background:radial-gradient(circle at 50% -24%, color-mix(in srgb, var(--df-canvas-glow) 82%, transparent), transparent 42%), linear-gradient(135deg, var(--df-canvas), color-mix(in srgb, var(--df-canvas-glow) 42%, var(--df-canvas)) 52%, var(--df-canvas))}.play-hud{border-bottom-color:var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-1) 94%, transparent);box-shadow:0 12px 32px #0000004d}.play-eyebrow,.play-hud .play-titleblock p{color:var(--df-text-muted)}.play-titleblock h1,.scene-strip h2{color:var(--df-accent-strong);text-shadow:none}.play-back,.play-toolbar button,.play-control-rail .rail-toggle{border-color:var(--df-border-soft);color:var(--df-text-secondary);background:var(--df-control-bg)}.play-layout{background:linear-gradient(90deg, var(--df-surface-1), transparent 19%, transparent 81%, var(--df-surface-1))}.game-sidebar,.play-control-rail{border-color:var(--df-border-soft);background:linear-gradient(180deg, var(--df-surface-1), color-mix(in srgb, var(--df-surface-2) 94%, var(--df-canvas)))}.game-sidebar{box-shadow:inset -1px 0 #ffffff06}.play-control-rail{box-shadow:inset 1px 0 #ffffff06}.play-main{background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--df-accent) 5%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--df-surface-1) 30%, transparent), transparent)}.hud-stat,.scene-strip,.play-control-rail .panel,.play-control-rail .gm-toolbar .gm-group,.play-control-rail .gm-toolbar .perc,.composer{border-color:var(--df-border-soft);background:linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));box-shadow:inset 0 1px #ffffff0a}.hud-stat strong,.scene-chips span{color:var(--df-accent-strong)}.timeline-wrap{border-color:var(--df-border-soft);background:linear-gradient(180deg, var(--df-control-bg), color-mix(in srgb, var(--df-surface-1) 72%, var(--df-canvas)));box-shadow:inset 0 1px 0 #ffffff09, var(--df-shadow)}.timeline{background:linear-gradient(180deg, color-mix(in srgb, var(--df-accent) 3%, transparent), transparent 22%)}.round-divider{color:var(--df-text-muted)}.message{border-color:var(--df-border-soft);border-radius:var(--df-radius-md);color:var(--df-text);background:color-mix(in srgb, var(--df-surface-2) 90%, transparent)}.message.player{border-left-color:var(--df-interactive);background:linear-gradient(145deg, color-mix(in srgb, var(--df-interactive) 9%, var(--df-surface-1)), var(--df-surface-1))}.message.gm{border-color:color-mix(in srgb, var(--df-accent) 35%, var(--df-border-soft));background:linear-gradient(145deg, color-mix(in srgb, var(--df-accent) 11%, var(--df-surface-2)), var(--df-surface-1))}.message.gm strong{color:var(--df-accent-strong)}.message.story-recap{border-color:color-mix(in srgb, var(--df-interactive) 38%, var(--df-border-soft));background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--df-interactive) 13%, transparent), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--df-accent) 6%, var(--df-surface-2)), var(--df-surface-1))}.message.story-recap strong{color:var(--df-interactive-strong)}.message.story-recap strong small{color:var(--df-text-muted);margin-left:auto;font-size:11px;font-weight:500}.recap-avatar{border:1px solid color-mix(in srgb, var(--df-interactive) 48%, transparent);width:42px;height:42px;color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 14%, var(--df-surface-2));border-radius:10px;place-items:center;display:grid}.story-recap-text{white-space:pre-wrap}.narrator-avatar{border-color:color-mix(in srgb, var(--df-accent) 48%, transparent);color:var(--df-on-accent);background:radial-gradient(circle at 35% 28%, var(--df-accent-strong), var(--df-accent) 52%, var(--df-surface-2))}.quick-actions button{border-color:color-mix(in srgb, var(--df-interactive) 34%, transparent);color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 8%, var(--df-control-bg))}.composer-row textarea{border-color:color-mix(in srgb, var(--df-interactive) 36%, var(--df-border-soft));background:var(--df-control-bg)}.dice-prompt,.waiting,.notice{border-color:var(--df-border-soft);color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-accent) 7%, var(--df-surface-1))}.play-control-rail .gm-toolbar button{color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-interactive) 7%, var(--df-control-bg))}.mobile-panel-trigger,.mobile-drawer-trigger,.play-drawer-backdrop{display:none}@media (min-width:801px){.app-workspace .play-page{height:calc(100dvh - 64px);min-height:0}.app-workspace .play-layout{flex:auto;height:auto}}.app-shell{grid-template-rows:max-content max-content;min-height:100dvh;display:grid}.app-header{z-index:40;border-bottom:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-1) 91%, transparent);backdrop-filter:blur(18px)saturate(125%);min-width:0;position:sticky;top:0;box-shadow:0 10px 32px #0000003d}.app-header:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--df-accent), transparent);opacity:.46;height:1px;position:absolute;bottom:-1px;left:0;right:0}.app-header-inner{align-items:center;gap:18px;width:min(1540px,100%);min-height:64px;margin:0 auto;padding:0 24px;display:flex}.app-brand{color:inherit;flex:none;text-decoration:none}.app-brand:hover{text-decoration:none}.app-brand .brand-text strong{color:var(--df-accent-strong);letter-spacing:.045em}.app-brand .brand-text small{color:var(--df-text-muted)}.desktop-nav{scrollbar-width:none;flex:auto;align-self:stretch;min-width:0;display:flex;overflow-x:auto;overflow-y:hidden}.desktop-nav::-webkit-scrollbar{display:none}.desktop-nav-link{min-width:76px;color:var(--df-text-muted);flex:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;text-decoration:none;transition:color .16s,background-color .16s;display:inline-flex;position:relative}.desktop-nav-link:after{content:"";background:linear-gradient(90deg, transparent, var(--df-interactive), transparent);opacity:0;height:2px;transition:opacity .16s,transform .16s;position:absolute;bottom:0;left:14px;right:14px;transform:scaleX(.4)}.desktop-nav-link:hover,.desktop-nav-link.active{color:var(--df-interactive-strong);background:linear-gradient(180deg, transparent, var(--df-hover));text-decoration:none}.desktop-nav-link.active:after{opacity:1;transform:scaleX(1)}.desktop-nav-link .n-icon{font-size:17px}.nav-update-dot{background:var(--df-danger-strong);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--df-danger) 26%, transparent);border-radius:50%}.app-header-actions{flex:none;align-items:center;gap:9px;display:flex}.table-context{border:1px solid var(--df-border-soft);max-width:152px;color:var(--df-text-muted);background:var(--df-control-bg);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;overflow:hidden}.app-header .theme-toggle{border-color:var(--df-border-soft);background:var(--df-control-bg);box-shadow:none}.app-header .theme-toggle:hover{border-color:var(--df-interactive)}.desktop-locale span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.desktop-locale select{border-color:var(--df-border-soft);background:var(--df-control-bg);min-width:62px}.app-workspace{min-width:0;min-height:calc(100dvh - 68px)}.mobile-more,.mobile-bottom-nav{display:none}.mobile-more summary{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);width:36px;height:36px;color:var(--df-text-secondary);background:var(--df-control-bg);cursor:pointer;place-items:center;list-style:none;display:grid}.mobile-more summary::-webkit-details-marker{display:none}.mobile-more-menu{z-index:60;border:1px solid var(--df-border);border-radius:var(--df-radius-lg);background:var(--df-surface-raised);width:min(260px,100vw - 20px);box-shadow:var(--df-shadow-strong);padding:8px;display:grid;position:absolute;top:calc(100% + 9px);right:10px}.mobile-more-menu>a,.mobile-more-menu>label{border-radius:var(--df-radius-md);min-height:42px;color:var(--df-text-secondary);justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;text-decoration:none;display:flex}.mobile-more-menu>a{justify-content:flex-start}.mobile-more-menu>a:hover,.mobile-more-menu>a.router-link-active{color:var(--df-interactive-strong);background:var(--df-hover)}.mobile-more-menu select{min-width:92px}@media (max-width:1260px){.app-header-inner{gap:10px;padding-left:14px;padding-right:14px}.desktop-nav-link{min-width:48px;padding-left:10px;padding-right:10px}.desktop-nav-link span{display:none}.table-context{max-width:104px}}@media (max-width:800px){.app-shell{min-height:100dvh}.app-shell-play{height:var(--app-h,100dvh);grid-template-rows:minmax(0,1fr);min-height:0;padding-bottom:0;overflow:hidden}.app-header-inner{min-height:51px;padding:0 10px}.app-brand{flex:auto;min-width:0}.app-brand .brand-logo{gap:7px}.app-brand .brand-mark{width:28px;height:28px}.app-brand .brand-text small,.desktop-nav,.desktop-locale,.table-context{display:none}.app-header-actions{position:relative}.mobile-more{display:block}.mobile-bottom-nav{z-index:50;min-height:calc(64px + env(safe-area-inset-bottom));padding:5px 7px env(safe-area-inset-bottom);border-top:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-1) 94%, transparent);backdrop-filter:blur(18px)saturate(125%);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 34px #00000052}.app-workspace{min-height:calc(100dvh - 51px);padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-shell-play .app-workspace{min-height:0;padding-bottom:0;scroll-padding-bottom:0;overflow:hidden}.app-shell-play .app-header,.app-shell-play .mobile-bottom-nav{display:none}.play-page-immersive .game-sidebar,.play-page-immersive .play-control-rail,.play-page-immersive .game-sidebar.collapsed,.play-page-immersive .play-control-rail.collapsed{padding-bottom:calc(14px + env(safe-area-inset-bottom));top:0;bottom:0}.play-page-immersive .play-drawer-backdrop{top:0;bottom:0;left:0;right:0}.play-page-immersive .play-hud{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title tools";gap:8px;min-height:0;padding:5px 10px;position:relative;top:auto}.play-page-immersive .play-hud-stats{display:none}.play-page-immersive .play-titleblock h1{font-size:16px}.play-page-immersive .play-main{padding-bottom:calc(6px + env(safe-area-inset-bottom))}.play-page-immersive .scene-strip{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:0;padding:6px 10px;display:grid}.play-page-immersive .scene-strip:after{display:none}.play-page-immersive .scene-title{align-items:baseline;gap:6px;min-width:0;display:flex}.play-page-immersive .scene-title p{display:none}.play-page-immersive .scene-strip h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.play-page-immersive .scene-chips{max-width:none}.play-page-immersive .scene-chips span{padding:2px 6px;font-size:11px}.mobile-bottom-nav:before{content:"";background:linear-gradient(90deg, transparent, var(--df-accent), transparent);opacity:.55;height:1px;position:absolute;top:-1px;left:12%;right:12%}.mobile-bottom-nav>a{border-radius:var(--df-radius-md);min-width:0;color:var(--df-text-muted);grid-template-rows:27px 17px;place-items:center;text-decoration:none;display:grid}.mobile-bottom-nav>a.active{color:var(--df-interactive-strong);background:linear-gradient(180deg, var(--df-hover), transparent)}.mobile-nav-icon{place-items:center;font-size:21px;display:grid;position:relative}.mobile-nav-icon .nav-update-dot{position:absolute;top:0;right:-4px}.mobile-bottom-nav small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.view,.overview-page,.create-page,.archive-page{padding-left:12px;padding-right:12px}.workspace .play-page,.app-workspace .play-page{height:calc(100dvh - 52px - 64px - env(safe-area-inset-bottom));min-height:calc(100dvh - 52px - 64px - env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.play-page.play-page-immersive{height:var(--app-h,100dvh);min-height:0;overflow:hidden}.play-page{min-height:calc(100dvh - 52px - 64px - env(safe-area-inset-bottom))}.play-hud{z-index:24;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title tools";position:sticky;top:52px}.play-page-immersive .play-hud{position:relative;top:auto}.play-page{height:var(--app-h,100dvh);flex-direction:column;min-height:0;display:flex;overflow:hidden}.play-page .play-hud{flex:none;position:relative;top:0}.play-page .play-layout{flex-direction:column;flex:auto;height:auto;min-height:0;display:flex}.play-page .play-main{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.play-page .play-main .scene-strip,.play-page .play-main .table-notice,.play-page .play-main .token-budget-hint,.play-page .play-main .composer{flex:none}.play-page .play-main .timeline-wrap{flex:auto;min-height:0;overflow-y:auto}.play-toolbar{max-width:58vw}.mobile-drawer-trigger{z-index:66;border:1px solid var(--df-border);background:color-mix(in srgb, var(--df-surface-raised) 72%, transparent);width:36px;min-width:36px;height:56px;min-height:56px;color:var(--df-interactive-strong);box-shadow:0 8px 22px color-mix(in srgb, var(--df-canvas) 34%, transparent);opacity:.84;backdrop-filter:blur(10px)saturate(120%);justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;top:50%;transform:translateY(-50%)}.mobile-drawer-trigger .n-icon{font-size:19px}.mobile-drawer-trigger-left{border-left:0;border-radius:0 10px 10px 0;left:0}.mobile-drawer-trigger-right{border-right:0;border-radius:10px 0 0 10px;right:0}.mobile-drawer-trigger.hidden{display:none}.mobile-drawer-trigger:hover{border-color:var(--df-interactive);opacity:1;transform:translateY(-50%)}.play-layout,.play-layout.no-console,.play-layout.collapsed,.play-layout.collapsed.no-console{flex:auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"main";height:auto;min-height:0;display:grid}.play-main{min-height:0}.play-page-immersive .play-main{padding-bottom:calc(6px + env(safe-area-inset-bottom));overflow:hidden}.game-sidebar,.play-control-rail,.game-sidebar.collapsed,.play-control-rail.collapsed{z-index:72;visibility:hidden;width:min(86vw,370px);max-height:none;padding:14px;transition:transform .22s,visibility .22s;display:block;position:fixed;top:52px;bottom:0;overflow:auto}.app-shell:not(.app-shell-play) .game-sidebar,.app-shell:not(.app-shell-play) .play-control-rail,.app-shell:not(.app-shell-play) .game-sidebar.collapsed,.app-shell:not(.app-shell-play) .play-control-rail.collapsed{bottom:calc(64px + env(safe-area-inset-bottom))}.game-sidebar,.game-sidebar.collapsed{border-right:1px solid var(--df-border);left:0;transform:translate(-105%)}.play-control-rail,.play-control-rail.collapsed{border-left:1px solid var(--df-border);right:0;transform:translate(105%)}.game-sidebar.mobile-open,.play-control-rail.mobile-open{visibility:visible;box-shadow:var(--df-shadow-strong);transform:translate(0)}.game-sidebar.mobile-open.collapsed>*,.play-control-rail.mobile-open.collapsed>*{display:initial}.game-sidebar.mobile-open.collapsed>.panel,.play-control-rail.mobile-open.collapsed>.panel,.play-control-rail.mobile-open.collapsed>.gm-toolbar{display:block}.play-drawer-backdrop{z-index:68;width:100%;height:auto;min-height:0;box-shadow:none;backdrop-filter:blur(3px);background:#0009;border:0;border-radius:0;padding:0;display:block;position:fixed;top:52px;bottom:0;left:0;right:0}.app-shell:not(.app-shell-play) .play-drawer-backdrop{bottom:calc(64px + env(safe-area-inset-bottom))}.scene-strip{background:linear-gradient(135deg, var(--df-surface-2), var(--df-surface-1))}.timeline-wrap{min-height:0}.message.player{margin-left:0}.login-card,.lang-picker{padding:28px 22px}}@media (max-width:900px){.overview-hero{flex-direction:column;align-items:flex-start}.overview-actions{justify-content:flex-start}.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stats .wide{grid-column:1/-1}}@media (max-width:520px){.overview-stats{grid-template-columns:minmax(0,1fr)}.overview-stats .wide{grid-column:auto}.game-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.system-status-grid{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:minmax(215px,78vw);grid-auto-flow:column;padding-bottom:5px;display:grid;overflow-x:auto}.system-status-card{scroll-snap-align:start}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-nav{z-index:22;border-radius:var(--df-radius-md);scrollbar-width:none;grid-template-columns:none;padding:5px;display:flex;position:sticky;top:52px;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav .nav-item{flex:none;padding-left:12px;padding-right:12px}.settings-pane{padding:16px 13px}}@media (max-width:420px){.app-brand .brand-text strong{font-size:16px}.app-header .theme-toggle,.mobile-more summary{width:34px;min-width:34px;height:34px;min-height:34px}.play-secondary-action:not(.play-refresh){display:none}}.app-header-inner{width:min(1680px,100%);min-height:68px}.app-brand{border-right:1px solid var(--df-border-soft);min-width:174px;padding-right:20px}.desktop-nav-link{min-width:84px;font-size:14px}.desktop-nav-link.active{border:1px solid var(--df-border-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--df-accent) 13%, transparent), transparent);border-width:0 1px}.operator-chip{align-items:center;min-width:110px;display:flex}.operator-copy{min-width:0;display:grid}.operator-copy strong{max-width:116px;color:var(--df-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.operator-copy small{color:var(--df-success-strong);align-items:center;gap:5px;font-size:10px;display:inline-flex}.operator-copy small i{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px}.overview-page{width:min(1560px,100%);padding-top:max(26px,min(3vw,46px))}.overview-hero{align-items:center;min-height:116px}.overview-hero h1{font-size:max(32px,min(3vw,46px))}.overview-actions{align-items:center;max-width:720px}.overview-actions button{min-height:43px;padding-left:18px;padding-right:18px}.overview-actions .peer-launch-button{border-color:color-mix(in srgb, var(--df-accent) 48%, var(--df-border));color:var(--df-accent-strong);background:color-mix(in srgb, var(--df-accent-soft) 58%, var(--df-surface-1))}.overview-stats{grid-template-columns:repeat(4,minmax(150px,.8fr)) minmax(260px,1.5fr);gap:16px;margin-top:20px;margin-bottom:28px}.overview-stats article{border-radius:var(--df-radius-md);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--df-interactive) 8%, transparent), transparent 48%), linear-gradient(145deg, color-mix(in srgb, var(--df-surface-raised) 92%, transparent), var(--df-surface-1));grid-template-columns:44px minmax(0,1fr);align-items:center;min-height:92px;padding:14px 18px;display:grid}.overview-stats article>.n-icon{color:var(--df-accent);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--df-accent) 22%, transparent));font-size:30px}.overview-stats article:before{background:linear-gradient(90deg, transparent, var(--df-accent), transparent);opacity:.4;width:auto;height:1px;top:auto;bottom:0;left:18px;right:18px}.overview-stats strong{font-size:30px;line-height:1}.overview-stats span{margin-top:7px}.adventure-library{gap:14px;display:grid}.library-heading{min-height:35px;color:var(--df-accent-strong);font-family:var(--df-font-title);justify-content:space-between;align-items:center;gap:16px;font-size:17px;display:flex}.library-heading-copy{align-items:center;gap:12px;min-width:0;display:inline-flex}.library-heading-copy>span{white-space:nowrap;align-items:center;gap:10px;min-width:0;display:inline-flex}.library-heading-copy>span i{border:1px solid var(--df-accent);width:9px;height:9px;box-shadow:inset 0 0 0 2px var(--df-canvas), 0 0 10px color-mix(in srgb, var(--df-accent) 30%, transparent);transform:rotate(45deg)}.library-heading small{color:var(--df-text-muted);font:11px/1 var(--df-font-body)}.library-heading-actions{grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:6px;display:grid}.library-heading-actions button{white-space:nowrap;min-width:62px;min-height:34px;padding-left:11px;padding-right:11px;font-size:12px}.save-sort-select{width:auto;min-width:158px;min-height:34px;font:12px/1.2 var(--df-font-body);padding-top:5px;padding-bottom:5px}.save-sort-field{color:var(--df-text-muted);font:12px/1.2 var(--df-font-body);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.game-grid{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:18px;margin-top:0}.game-card{border-radius:var(--df-radius-lg);background:var(--df-surface-1);grid-template-rows:auto minmax(0,1fr);min-height:0;padding:0;display:grid}.game-card:after{display:none}.game-card-cover{border-bottom:1px solid var(--df-border-soft);isolation:isolate;min-height:170px;position:relative;overflow:hidden}.game-card-cover:before,.game-card-cover:after{content:"";pointer-events:none;position:absolute}.game-card-cover:before{z-index:-2;background:linear-gradient(180deg, transparent 20%, color-mix(in srgb, var(--df-canvas) 92%, transparent)), radial-gradient(ellipse at 50% 110%, color-mix(in srgb, var(--df-accent) 20%, transparent), transparent 48%), linear-gradient(135deg, var(--df-canvas-glow), var(--df-surface-raised));top:0;bottom:0;left:0;right:0}.game-card-cover:after{z-index:-1;border:1px solid color-mix(in srgb, var(--df-accent) 23%, transparent);clip-path:polygon(0 100%,4% 62%,15% 62%,19% 24%,29% 48%,35% 11%,43% 47%,54% 32%,60% 62%,68% 55%,76% 8%,82% 58%,94% 58%,100% 100%);background:color-mix(in srgb, var(--df-canvas) 78%, transparent);opacity:.9;width:72%;height:150px;bottom:-40px;right:6%}.game-card-cover.scene-2:before{background:linear-gradient(180deg, transparent 18%, color-mix(in srgb, var(--df-canvas) 94%, transparent)), radial-gradient(circle at 70% 25%, color-mix(in srgb, var(--df-interactive) 20%, transparent), transparent 22%), linear-gradient(140deg, var(--df-surface-raised), var(--df-canvas-glow))}.game-card-cover.scene-3:after{clip-path:polygon(0 100%,8% 50%,19% 50%,25% 22%,34% 50%,42% 50%,48% 0,55% 50%,69% 50%,74% 28%,82% 50%,94% 50%,100% 100%);right:17%}.game-card-cover.scene-4:before{background:linear-gradient(180deg, transparent 18%, color-mix(in srgb, var(--df-canvas) 94%, transparent)), radial-gradient(circle at 28% 20%, color-mix(in srgb, var(--df-accent) 24%, transparent), transparent 18%), linear-gradient(125deg, var(--df-canvas-glow), var(--df-surface-2))}.cover-sigil{border:1px solid color-mix(in srgb, var(--df-accent) 45%, transparent);width:58px;height:58px;color:color-mix(in srgb, var(--df-accent-strong) 70%, transparent);background:color-mix(in srgb, var(--df-canvas) 58%, transparent);opacity:.52;box-shadow:0 0 42px color-mix(in srgb, var(--df-accent) 16%, transparent), inset 0 0 0 5px color-mix(in srgb, var(--df-canvas) 75%, transparent);border-radius:50%;place-items:center;font-size:29px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.cover-sigil:before,.cover-sigil:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.cover-sigil:before{border:1px dashed color-mix(in srgb, var(--df-accent) 20%, transparent);opacity:.5;top:-18px;bottom:-18px;left:-18px;right:-18px}.cover-sigil:after{border:1px solid color-mix(in srgb, var(--df-accent) 34%, transparent);opacity:.7;top:-9px;bottom:-9px;left:-9px;right:-9px}.game-card-cover .game-select{border:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-control-bg) 86%, transparent);backdrop-filter:blur(8px);border-radius:5px;padding:5px 8px;position:absolute;top:13px;left:15px}.game-card-cover .game-card-badges{position:absolute;top:13px;right:15px}.game-card-body{flex-direction:column;gap:11px;padding:18px;display:flex}.game-card-body h2{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin:0;font-size:23px;line-height:1.35;display:-webkit-box;overflow:hidden}.game-card-body .scene-line{min-height:3.1em;color:var(--df-text-secondary);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.game-card-body .meta{margin:0}.game-card-actions{margin-top:auto}.game-card-enter{min-height:49px;font-family:var(--df-font-title);justify-content:center;font-size:16px;display:flex}.game-card-enter .n-icon{margin-left:auto;font-size:18px}.game-card-tools button{min-height:40px;font-size:12px}.login-page{background:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas) 3%, transparent), var(--df-canvas) 92%), radial-gradient(ellipse at 50% 22%, color-mix(in srgb, var(--df-canvas-glow) 98%, transparent), transparent 44%), var(--df-canvas);min-height:100dvh}.login-page:before{content:none;display:none}.login-page:after{opacity:.48;background:linear-gradient(180deg, color-mix(in srgb, var(--df-interactive) 30%, transparent), transparent 78%);filter:blur(42px);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);border:0;border-radius:0;width:min(48vw,620px);top:-24%;bottom:auto;left:50%;right:auto;transform:translate(-50%)}.login-stage{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.login-stage i{background:var(--df-interactive-strong);opacity:.5;border-radius:50%;width:2px;height:2px;position:absolute;box-shadow:0 0 8px}.login-stage i:first-child{top:8%;left:13%}.login-stage i:nth-child(2){top:17%;left:29%}.login-stage i:nth-child(3){top:12%;left:72%}.login-stage i:nth-child(4){top:28%;left:86%}.login-stage i:nth-child(5){top:41%;left:7%}.login-stage i:nth-child(6){top:63%;left:18%}.login-stage i:nth-child(7){top:76%;left:81%}.login-stage i:nth-child(8){top:47%;left:92%}.login-stage i:nth-child(9){top:84%;left:34%}.login-stage i:nth-child(10){top:23%;left:52%}.login-stage i:nth-child(11){top:69%;left:66%}.login-stage i:nth-child(12){top:91%;left:54%}.login-card{border-color:color-mix(in srgb, var(--df-accent) 48%, transparent);background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--df-interactive) 9%, transparent), transparent 42%), color-mix(in srgb, var(--df-surface-1) 88%, transparent);border-radius:3px;width:min(500px,100%);padding:48px 38px 36px}.login-card:before{border-color:color-mix(in srgb, var(--df-accent) 20%, transparent);border-radius:1px;top:7px;bottom:7px;left:7px;right:7px}.login-card-head{text-align:center;position:relative}.login-emblem-wrap{place-items:center;width:96px;height:96px;margin:0 auto 12px;line-height:0;display:grid;position:relative}.login-emblem-geometry{fill:none;width:100%;height:100%;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--df-accent) 18%, transparent));pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.login-emblem-geometry .emblem-ray{stroke:color-mix(in srgb, var(--df-accent) 30%, transparent);stroke-width:.8px}.login-emblem-geometry .emblem-octagon{stroke:color-mix(in srgb, var(--df-accent) 38%, transparent);stroke-width:.9px}.login-emblem-geometry .emblem-diamond{transform-origin:48px 48px;stroke:color-mix(in srgb, var(--df-accent) 58%, transparent);stroke-width:1px;transform:rotate(45deg)}.login-emblem-wrap .login-emblem{z-index:1;place-items:center;width:100%;height:100%;margin:0;display:grid;position:relative;transform:none}.login-card-head h1{margin:18px 0 5px;font-size:36px}.login-card form{gap:13px;margin-top:24px;display:grid}.login-card form label{color:var(--df-text-secondary);gap:7px;font-size:13px;display:grid}.login-card input{min-height:47px}.login-card .submit{min-height:50px;font-family:var(--df-font-title);font-size:17px;position:relative;overflow:hidden}.login-card .submit:before,.login-card .submit:after{content:"";opacity:.45;background:linear-gradient(90deg,#0000,currentColor);width:72px;height:1px}.login-card .submit:after{background:linear-gradient(90deg,currentColor,#0000)}.login-help{border-top:1px solid var(--df-border-soft);margin-top:14px;padding-top:13px}.login-card-corner{z-index:2;border-color:var(--df-accent);opacity:.72;width:18px;height:18px;position:absolute}.corner-tl{border-top:2px solid;border-left:2px solid;top:2px;left:2px}.corner-tr{border-top:2px solid;border-right:2px solid;top:2px;right:2px}.corner-bl{border-bottom:2px solid;border-left:2px solid;bottom:2px;left:2px}.corner-br{border-bottom:2px solid;border-right:2px solid;bottom:2px;right:2px}@media (max-width:1260px){.app-brand{min-width:146px;padding-right:12px}.operator-chip{display:none}}@media (max-width:900px){.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stats .wide{grid-column:1/-1}}@media (max-width:800px){.app-header-inner{min-height:51px}.app-brand{border-right:0;min-width:0}.operator-chip{display:none}.app-workspace{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-workspace button,.app-workspace [role=button]{scroll-margin-block:72px}.overview-page{padding-top:12px}.adventure-library{margin-bottom:120px}.overview-hero{min-height:0}.overview-actions{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));width:100%;display:grid}.overview-actions button{white-space:nowrap;min-width:0;padding-left:7px;padding-right:7px;font-size:12px}.library-heading{flex-direction:column;align-items:stretch;gap:9px}.library-heading-copy{justify-content:space-between}.library-heading-actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;width:100%}.library-heading-actions button{width:100%;min-width:0;min-height:40px}.save-sort-field{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-sm);background:var(--df-surface-1);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);min-height:40px;padding:0 10px;display:grid}.save-sort-select{width:100%;min-width:0}.game-card-cover{min-height:142px}}@media (max-width:520px){.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.overview-stats article{grid-template-columns:34px minmax(0,1fr);min-height:76px;padding:11px}.overview-stats article>.n-icon{font-size:24px}.overview-stats strong{font-size:23px}.overview-stats .wide{grid-column:1/-1}.game-card-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.login-card{padding:38px 24px 28px}.login-emblem-wrap{width:86px;height:86px}.login-card-head h1{font-size:31px}}.characters-page,.lorebook-page,.memory-page,.logs-page,.rules-page{width:min(1540px,100%)}.character-section{gap:11px;margin-top:18px;display:grid}.character-section-head{border-bottom:1px solid var(--df-border-soft);justify-content:space-between;align-items:center;min-height:34px;padding:0 3px 7px;display:flex}.character-section-head h2,.character-section-head>div>h2{margin:0;font-size:18px}.character-section-head>span,.character-section-head>div>span{border:1px solid var(--df-border-soft);min-width:26px;color:var(--df-accent-strong);background:var(--df-control-bg);text-align:center;border-radius:999px;padding:2px 7px;font-size:11px}.current-character-grid{gap:12px;display:grid}.current-character-card{border-color:color-mix(in srgb, var(--df-accent) 38%, var(--df-border-soft));background:linear-gradient(90deg, color-mix(in srgb, var(--df-accent) 8%, transparent), transparent 46%), radial-gradient(circle at 73% 30%, color-mix(in srgb, var(--df-interactive) 7%, transparent), transparent 34%), var(--df-surface-1);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;min-height:142px;padding:15px 20px;display:grid;position:relative;overflow:hidden}.current-character-card:after{border:1px solid var(--df-border-soft);content:"";opacity:.12;width:310px;height:310px;box-shadow:inset 0 0 0 24px transparent, inset 0 0 0 25px var(--df-border-soft);border-radius:50%;position:absolute;right:23%;transform:translateY(-22%)}.current-character-card>*{z-index:1;position:relative}.current-character-identity{align-items:center;gap:20px;min-width:0;display:flex}.current-character-card .portrait-edit-button{min-width:96px;min-height:96px}.current-character-card .portrait-image{border-color:color-mix(in srgb, var(--df-accent) 55%, var(--df-border-soft));box-shadow:0 0 0 4px color-mix(in srgb, var(--df-canvas) 68%, transparent), 0 12px 30px #00000052}.current-character-copy{gap:9px;min-width:0;display:grid}.character-name-line{align-items:center;gap:10px;min-width:0;display:flex}.character-name-line h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:24px;overflow:hidden}.character-name-line .badge{flex:none}.character-identity-chips{flex-wrap:wrap;gap:6px;display:flex}.character-identity-chips>span{border:1px solid var(--df-border-soft);color:var(--df-text-muted);background:color-mix(in srgb, var(--df-control-bg) 76%, transparent);border-radius:4px;padding:3px 8px;font-size:11px}.character-resource-line{color:var(--df-danger-strong);grid-template-columns:28px minmax(110px,260px) auto;align-items:center;gap:9px;font-size:11px;display:grid}.character-resource-track{background:color-mix(in srgb, var(--df-danger) 13%, var(--df-control-bg));border-radius:999px;height:6px;overflow:hidden}.character-resource-track i{border-radius:inherit;background:linear-gradient(90deg, var(--df-danger), var(--df-danger-strong));height:100%;box-shadow:0 0 10px color-mix(in srgb, var(--df-danger-strong) 40%, transparent);display:block}.character-resource-line strong{color:var(--df-text-secondary);font-family:var(--df-font-mono);font-size:11px}.character-level-notice{margin:0;font-size:11px}.current-character-actions{grid-template-columns:repeat(3,minmax(86px,1fr));justify-self:end;gap:6px;width:min(100%,520px);min-width:0;display:grid!important}.current-character-actions button{white-space:nowrap;min-width:0;min-height:38px;padding-left:7px;padding-right:7px}.current-character-actions:has(>button:nth-child(4)){grid-template-columns:repeat(2,minmax(118px,1fr));min-width:0}.npc-strip{scroll-snap-type:x proximity;grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:5px;display:grid;overflow-x:auto}.npc-mini-card{scroll-snap-align:start;background:radial-gradient(circle at 0 50%, color-mix(in srgb, var(--df-accent) 8%, transparent), transparent 48%), var(--df-surface-1);align-items:center;gap:12px;min-height:92px;padding:12px;display:flex}.npc-mini-card h2{align-items:center;gap:6px;margin:0 0 5px;font-size:15px;display:flex}.npc-mini-card p{text-overflow:ellipsis;white-space:nowrap;max-width:210px;margin:0;font-size:11px;overflow:hidden}.shared-character-head>div:first-child{align-items:center;gap:8px;display:flex}.character-library-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:11px}.library-character-card{background:linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));min-height:156px;padding:13px}.library-character-card .character-card-summary{align-items:flex-start}.library-character-card h2{margin:1px 0 5px;font-size:16px}.library-character-card .card-bg{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:800px){.current-character-card{grid-template-columns:minmax(0,1fr);gap:14px}.current-character-actions{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.current-character-actions:has(>button:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.shared-character-head{flex-direction:column;align-items:flex-start}.shared-character-head .actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}}@media (max-width:520px){.current-character-card{padding:14px}.current-character-identity{align-items:flex-start;gap:13px}.current-character-card .portrait-edit-button{min-width:76px;min-height:76px}.current-character-card .portrait-image{width:76px!important;height:76px!important}.character-name-line{flex-direction:column;align-items:flex-start;gap:4px}.character-name-line h2{font-size:20px}.character-resource-line{grid-template-columns:24px minmax(70px,1fr)}.character-resource-line strong{grid-column:2}.current-character-actions,.character-library-grid{grid-template-columns:minmax(0,1fr)}}.characters-page .npc-mini-card{flex-direction:row}.characters-page .npc-mini-card h2,.characters-page .current-character-card h2{min-height:0}.logs-workspace{grid-template-columns:230px minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.log-index{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas-glow) 28%, transparent), transparent 34%), var(--df-surface-1);min-height:min(720px,100dvh - 112px);box-shadow:var(--df-shadow);align-self:start;padding:13px;position:sticky;top:86px}.log-campaign-card{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:linear-gradient(180deg, transparent 18%, var(--df-surface-2) 65%), radial-gradient(circle at 70% 18%, color-mix(in srgb, var(--df-accent) 24%, transparent), transparent 24%), linear-gradient(135deg, var(--df-canvas-glow), var(--df-surface-raised));gap:8px;min-height:190px;padding:88px 13px 13px;display:grid}.log-index-kicker{color:var(--df-accent);letter-spacing:.12em;font-size:10px;font-weight:800}.log-campaign-card h2{margin:0;font-size:16px}.log-campaign-card p,.log-campaign-card small{color:var(--df-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.log-index-tabs{background:0 0;border:0;gap:5px;margin:14px 0 0;display:grid}.log-index-tabs button{border-radius:var(--df-radius-md);text-align:left;border:1px solid #0000;justify-content:flex-start;min-height:44px;padding-left:13px;padding-right:13px}.log-index-tabs button.active{border-color:color-mix(in srgb, var(--df-interactive) 48%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--df-interactive) 18%, var(--df-control-bg)), transparent);box-shadow:inset 3px 0 0 var(--df-interactive)}.log-index-meta{border-top:1px solid var(--df-border-soft);color:var(--df-text-muted);gap:5px;margin-top:14px;padding:12px 5px;font-size:10px;display:grid}.logs-document{border-radius:var(--df-radius-lg);background:radial-gradient(circle at 80% 0, color-mix(in srgb, var(--df-accent) 5%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--df-surface-1) 34%, transparent), transparent);min-width:0;padding:0 10px 20px}.logs-document .lore-system{margin-top:0}.logs-document .log-toolbar{justify-content:flex-end;margin:0 0 10px}.logs-page .log-reader{gap:11px}.logs-page .log-reader article{border-color:color-mix(in srgb, var(--df-accent) 28%, var(--df-border-soft));background:color-mix(in srgb, var(--df-surface-1) 88%, transparent);padding:0;position:relative;overflow:hidden}.logs-page .log-reader article h2{border-bottom:1px solid var(--df-border-soft);background:linear-gradient(90deg, color-mix(in srgb, var(--df-accent) 8%, transparent), transparent);margin:0;padding:13px 18px;font-size:15px}.logs-page .log-entry-body{padding:13px 20px 18px}.logs-page .log-expand{margin:0 20px 15px}@media (max-width:900px){.logs-workspace{grid-template-columns:minmax(0,1fr)}.log-index{grid-template-columns:minmax(180px,1fr) minmax(190px,1fr);gap:10px;min-height:0;display:grid;position:static}.log-campaign-card{grid-row:1/3;min-height:130px;padding-top:48px}.log-index-tabs,.log-index-meta{margin:0}}@media (max-width:560px){.log-index{grid-template-columns:minmax(0,1fr)}.log-campaign-card{grid-row:auto;min-height:122px}.log-index-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.log-index-tabs button{justify-content:center}.logs-document{padding-left:0;padding-right:0}.logs-page .log-entry-body{padding-left:14px;padding-right:14px}}.lorebook-page .lore-world-bar{border-radius:var(--df-radius-md);background:linear-gradient(90deg, color-mix(in srgb, var(--df-accent) 6%, transparent), transparent), var(--df-surface-1);grid-template-columns:minmax(180px,.5fr) minmax(240px,1.35fr) auto auto;gap:10px;margin-top:18px;padding:12px;display:grid}.lorebook-page .lore-tools{border-radius:var(--df-radius-md);background:var(--df-surface-1);grid-template-columns:auto minmax(240px,1fr) auto auto auto;gap:9px;margin:12px 0;padding:10px;display:grid}.lorebook-page .lore-type-tabs{flex-wrap:nowrap;margin:13px 0 16px;padding-bottom:4px;overflow-x:auto}.lorebook-page .lore-type-tabs button{flex:none;min-width:96px}.lorebook-page .lore-category-section{gap:10px}.lorebook-page .lore-category-head{z-index:4;background:color-mix(in srgb, var(--df-canvas) 92%, transparent);backdrop-filter:blur(14px);padding:8px 5px;position:sticky;top:68px}.lorebook-page .lore-row{align-items:center;min-height:96px;padding:13px 15px 13px 68px;position:relative;overflow:hidden}.lorebook-page .lore-row:before{border:1px solid color-mix(in srgb, var(--df-accent) 45%, transparent);content:"✦";width:38px;height:38px;color:var(--df-accent);background:var(--df-control-bg);box-shadow:inset 0 0 0 4px var(--df-surface-1);border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;top:16px;left:15px}.lorebook-page .memory-row-body{max-height:3.4em;overflow:hidden}.memory-page .memory-meta{border-left:2px solid var(--df-interactive);background:linear-gradient(90deg, color-mix(in srgb, var(--df-interactive) 9%, transparent), transparent);margin:14px 0 10px;padding:8px 11px}.memory-page .memory-list{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:11px;display:grid}.memory-page .memory-row{grid-template-columns:minmax(0,1fr) auto;min-height:134px;padding:15px;display:grid;position:relative;overflow:hidden}.memory-page .memory-row:after{border:1px solid var(--df-border-soft);content:"";opacity:.18;border-radius:50%;width:112px;height:112px;position:absolute;bottom:-48px;right:-34px}.rules-page>.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:13px}.rules-page .rule-card{border-color:color-mix(in srgb, var(--df-accent) 34%, var(--df-border-soft));background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--df-accent) 8%, transparent), transparent 38%), linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));min-height:300px;padding:18px 16px 14px;position:relative;overflow:hidden}.rules-page .rule-card:before{border-top:1px solid var(--df-accent);border-left:1px solid var(--df-accent);content:"";opacity:.7;clip-path:polygon(0 0,100% 0,0 100%);background:color-mix(in srgb, var(--df-accent) 13%, transparent);width:36px;height:36px;position:absolute;top:0;left:0}.rules-page .rule-card h2{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-height:56px;margin:6px 0 14px;font-size:20px;display:grid}.rules-page .rule-card h2>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;line-height:1.4;display:-webkit-box;overflow:hidden}.rules-page .rule-card h2>.badge{white-space:nowrap;flex:none;margin:2px 0 0}.rules-page .rule-meta-row{border-block:1px solid var(--df-border-soft);flex-wrap:wrap;gap:6px 13px;padding:10px 0;display:flex}.rules-page .rule-meta-row span{font-size:11px}.rules-page .rule-meta-row span:last-child{text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;overflow:hidden}.rules-page .rule-card>div:first-child>p{color:var(--df-text-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.7;display:-webkit-box;overflow:hidden}.rules-page .rule-card .actions{margin-top:auto}.memory-page .memory-search{flex-wrap:nowrap}.memory-page .memory-search input{width:max(220px,min(24vw,320px));min-width:220px;min-height:38px}.memory-page .memory-search button{white-space:nowrap;flex:none;min-width:58px;min-height:38px;padding-left:11px;padding-right:11px}.reference-logs-page .log-toolbar label{white-space:nowrap;align-items:center;gap:8px;margin:0;display:inline-flex}.reference-logs-page .log-toolbar select{width:82px;min-width:82px;min-height:34px}.lorebook-page .lore-language-filter{white-space:nowrap;min-width:0}.lorebook-page .lore-language-filter>span{white-space:nowrap;flex:none}.lorebook-page .lore-language-filter>select{min-width:106px}@media (max-width:760px){.memory-page .memory-search{flex-wrap:wrap;width:100%}.memory-page .memory-search input{flex:100%;width:100%;min-width:0}}.settings-layout{align-items:stretch}.settings-nav{background:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas-glow) 28%, transparent), transparent 36%), var(--df-surface-1);min-height:min(680px,100dvh - 210px);padding:12px 8px}.settings-nav .nav-item{justify-content:flex-start;min-height:47px;padding-left:13px;padding-right:13px;font-size:13px}.settings-nav .nav-item.active{box-shadow:inset 3px 0 0 var(--df-interactive)}.settings-content{min-width:0}.settings-pane{border-color:color-mix(in srgb, var(--df-accent) 30%, var(--df-border-soft));border-radius:var(--df-radius-md);min-height:min(620px,100dvh - 230px)}.settings-pane .form-row{border-bottom:1px solid color-mix(in srgb, var(--df-border-soft) 65%, transparent);grid-template-columns:minmax(130px,.45fr) minmax(240px,1.35fr);min-height:55px;padding-top:7px;padding-bottom:7px}.settings-pane .form-row:last-of-type{border-bottom:0}.appearance-pane{align-content:start;gap:22px;display:grid}.appearance-pane .api-head-row{border-bottom:1px solid var(--df-border-soft);padding-bottom:16px}.appearance-pane .api-head-row h3,.appearance-pane .api-head-row p{margin:0}.appearance-pane .api-head-row p{margin-top:6px}.appearance-mode-section,.appearance-skin-section{gap:11px;display:grid}.appearance-mode-section h4,.appearance-skin-section h4{margin:0;font-size:15px}.appearance-mode-grid{grid-template-columns:repeat(2,minmax(0,280px));gap:11px;display:grid}.appearance-mode-grid>button{text-align:left;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:12px;height:auto;min-height:52px;padding:4px 7px;display:grid}.appearance-mode-grid>button.active,.appearance-skin-grid>button.active{border-color:var(--df-interactive);box-shadow:0 0 0 2px var(--df-focus), inset 0 1px 0 #ffffff0f}.mode-preview{border:1px solid #80808047;border-radius:6px;grid-template-rows:12px 1fr;grid-template-columns:26% 1fr;gap:5px;width:116px;height:42px;padding:6px;display:grid}.mode-preview i{opacity:.22;background:currentColor;border-radius:3px;display:block}.mode-preview i:first-child{grid-column:1/-1}.mode-preview-dark{color:#85d8d5;background:#09131b}.mode-preview-light{color:#277f84;background:#f2f3ed}.appearance-skin-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.appearance-skin-grid>button{text-align:left;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;height:auto;min-height:90px;padding:12px;display:grid}.appearance-background-section{border-top:1px solid var(--df-border-soft);gap:12px;padding-top:20px;display:grid}.appearance-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.appearance-section-heading h4,.appearance-section-heading p{margin:0}.appearance-section-heading h4{align-items:center;gap:8px;font-size:15px;display:flex}.appearance-section-heading p,.appearance-local-note{color:var(--df-text-muted);margin:4px 0 0;font-size:11px;line-height:1.55}.appearance-background-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;transition:opacity .16s;display:grid}.appearance-background-grid.loading{opacity:.58}.background-option-card{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 72%, transparent);grid-template-rows:112px auto auto;gap:10px;min-width:0;padding:10px;display:grid}.background-option-preview{border:1px solid color-mix(in srgb, var(--df-accent) 30%, var(--df-border-soft));border-radius:calc(var(--df-radius-md) - 3px);background-position:50%;background-size:cover;position:relative;overflow:hidden}.background-option-preview span{border:1px solid var(--df-border-soft);color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-canvas) 76%, transparent);backdrop-filter:blur(7px);border-radius:999px;padding:3px 7px;font-size:9px;position:absolute;bottom:7px;right:7px}.background-option-copy{gap:4px;display:grid}.background-option-copy small{color:var(--df-text-muted);font-size:10px;line-height:1.45}.background-option-actions{grid-template-columns:minmax(0,1fr) auto;align-self:end;gap:7px;display:grid}.background-file-button{border:1px solid color-mix(in srgb, var(--df-interactive) 45%, var(--df-border-soft));border-radius:var(--df-radius-md);height:34px;min-height:34px;color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 10%, var(--df-control-bg));cursor:pointer;place-items:center;margin:0;padding:0 10px;font-size:11px;font-weight:700;display:grid}.background-option-actions .n-button{align-self:stretch;height:34px;min-height:34px}.background-file-button:hover{border-color:var(--df-interactive);background:var(--df-hover)}.background-file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.appearance-skin-grid>button>span:last-child{gap:5px;display:grid}.appearance-skin-grid small{color:var(--df-text-muted);font-size:10px;font-weight:400;line-height:1.45}.appearance-swatches{border:1px solid var(--df-border-soft);border-radius:50%;width:58px;height:58px;display:flex;position:relative;overflow:hidden;transform:rotate(-18deg);box-shadow:0 8px 18px #0000003d}.appearance-swatches i{flex:1 1 0}.appearance-plugin-callout{border:1px solid color-mix(in srgb, var(--df-interactive) 28%, var(--df-border-soft));border-radius:var(--df-radius-md);background:linear-gradient(90deg, color-mix(in srgb, var(--df-interactive) 8%, transparent), transparent);justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.appearance-plugin-callout p{color:var(--df-text-muted);margin:4px 0 0;font-size:11px}@media (min-width:1380px){.rules-page>.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:981px) and (max-width:1260px){.desktop-nav-link{min-width:60px;padding-left:7px;padding-right:7px;font-size:11px}.desktop-nav-link span{display:inline}.app-header-inner{gap:6px;padding-left:10px;padding-right:10px}.desktop-locale select{min-width:56px}}@media (min-width:801px){.game-grid{grid-template-columns:repeat(2,minmax(420px,480px));justify-content:start}.app-workspace .play-page,.play-layout,.play-layout.collapsed,.play-layout.no-console,.play-layout.collapsed.no-console{height:calc(100dvh - 68px)}.timeline .message.player{width:min(68%,720px);margin-left:auto}.timeline .message.gm{width:min(88%,980px);margin-right:auto}}@media (min-width:1320px){.game-grid{grid-template-columns:repeat(3,minmax(420px,1fr))}}@media (max-width:800px){.lorebook-page .lore-world-bar,.lorebook-page .lore-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.lorebook-page .lore-world-bar>select,.lorebook-page .lore-tools>input{grid-column:1/-1}.lorebook-page .lore-category-head{top:52px}.settings-pane .form-row{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.memory-page .memory-list,.memory-page .memory-row{grid-template-columns:minmax(0,1fr)}.memory-row-actions{justify-content:flex-end}.lorebook-page .lore-row{padding-left:15px}.lorebook-page .lore-row:before{display:none}.rules-page>.card-grid,.appearance-mode-grid,.appearance-skin-grid{grid-template-columns:minmax(0,1fr)}.appearance-plugin-callout{flex-direction:column;align-items:stretch}}body{background-color:var(--df-canvas);background-image:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas-glow) 78%, transparent), var(--df-canvas) 96%), radial-gradient(circle at 48% -10%, color-mix(in srgb, var(--df-interactive) 12%, transparent), transparent 42%), var(--df-bg-atmosphere-image);background-position:top;background-repeat:no-repeat;background-size:cover}body.light{background-image:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas-glow) 92%, transparent), color-mix(in srgb, var(--df-canvas) 96%, transparent)), radial-gradient(circle at 48% -10%, color-mix(in srgb, var(--df-interactive) 10%, transparent), transparent 42%), var(--df-bg-atmosphere-image)}.app-workspace{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--df-canvas) 28%, transparent) 62%, color-mix(in srgb, var(--df-canvas) 66%, transparent))}.login-page{background-color:var(--df-canvas);background-image:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas) 18%, transparent), color-mix(in srgb, var(--df-canvas) 78%, transparent)), radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--df-interactive) 10%, transparent), transparent 48%), var(--df-bg-atmosphere-image);background-position:50%;background-size:cover}body.light .login-page{background-image:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas-glow) 60%, transparent), color-mix(in srgb, var(--df-canvas) 90%, transparent)), var(--df-bg-atmosphere-image)}.game-card-cover:before{background-image:linear-gradient(90deg, color-mix(in srgb, var(--df-canvas) 58%, transparent), transparent 46%), linear-gradient(180deg, transparent 30%, color-mix(in srgb, var(--df-canvas) 88%, transparent)), var(--df-bg-scene-image);filter:saturate(.86)contrast(1.04);background-position:50%;background-size:cover;transform:scale(1.015)}.game-card-cover:after{clip-path:none;background:linear-gradient(105deg, color-mix(in srgb, var(--df-canvas) 34%, transparent), transparent 55%);opacity:.9;border:0;width:auto;height:auto;top:0;bottom:0;left:0;right:0}.cover-sigil{border-color:color-mix(in srgb, var(--df-accent-strong) 64%, transparent);background:color-mix(in srgb, var(--df-canvas) 62%, transparent);opacity:.78;backdrop-filter:blur(4px)}.log-campaign-card{background-image:linear-gradient(180deg, transparent 8%, color-mix(in srgb, var(--df-surface-2) 92%, transparent) 64%), linear-gradient(90deg, color-mix(in srgb, var(--df-canvas) 32%, transparent), transparent), var(--df-bg-ruins-image);background-position:68%;background-size:cover}.settings-nav{background-image:linear-gradient(180deg, color-mix(in srgb, var(--df-surface-1) 72%, transparent), var(--df-surface-1) 42%), var(--df-bg-atmosphere-image);background-position:72%;background-size:auto 100%}.play-main{background-image:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas) 72%, transparent), color-mix(in srgb, var(--df-canvas) 94%, transparent)), var(--df-bg-atmosphere-image);background-position:50%;background-size:cover}body.light .play-main{background-image:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas) 90%, transparent), color-mix(in srgb, var(--df-canvas-glow) 96%, transparent)), var(--df-bg-atmosphere-image)}@media (max-width:800px){body{background-position:64% 0;background-size:auto 100dvh}.login-page{background-position:70%}.game-card-cover:before{background-position:68%}.settings-nav{background-image:linear-gradient(90deg, color-mix(in srgb, var(--df-surface-1) 86%, transparent), var(--df-surface-1));flex-direction:row;min-height:0;display:flex;overflow-x:auto}.settings-nav .nav-item{flex:none;min-height:40px}}.reference-settings-page,.characters-page,.reference-logs-page,.lorebook-page,.reference-create-page{width:min(1480px,100%)}.settings-overview-grid{gap:16px;margin-bottom:18px;display:grid}.settings-page-heading{border-bottom:1px solid var(--df-border-soft);justify-content:space-between;align-items:end;gap:24px;min-height:96px;padding:8px 2px 17px;display:flex}.settings-page-heading h1{margin:6px 0 5px;font-size:max(28px,min(3vw,42px));line-height:1}.settings-page-heading p{color:var(--df-text-muted);margin:0}.reference-settings-page .system-status-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}.reference-settings-page .system-status-card{border-color:color-mix(in srgb, var(--df-accent) 20%, var(--df-border-soft));background:radial-gradient(circle at 0 50%, color-mix(in srgb, var(--df-interactive) 7%, transparent), transparent 52%), linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));min-height:111px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--df-text) 5%, transparent);grid-template-columns:38px minmax(0,1fr);align-items:start;gap:11px;padding:13px 14px;display:grid}.system-status-tag.tone-success{--n-color:color-mix(in srgb, var(--df-success) 13%, var(--df-surface-1))!important;--n-text-color:var(--df-success-strong)!important;--n-border:1px solid color-mix(in srgb, var(--df-success) 42%, var(--df-border-soft))!important}.system-status-tag.tone-warning{--n-color:color-mix(in srgb, var(--df-warning) 13%, var(--df-surface-1))!important;--n-text-color:var(--df-warning)!important;--n-border:1px solid color-mix(in srgb, var(--df-warning) 42%, var(--df-border-soft))!important}.system-status-tag.tone-error{--n-color:color-mix(in srgb, var(--df-danger) 13%, var(--df-surface-1))!important;--n-text-color:var(--df-danger-strong)!important;--n-border:1px solid color-mix(in srgb, var(--df-danger) 42%, var(--df-border-soft))!important}.system-status-tag.tone-info{--n-color:color-mix(in srgb, var(--df-info) 13%, var(--df-surface-1))!important;--n-text-color:color-mix(in srgb, var(--df-info) 72%, var(--df-text))!important;--n-border:1px solid color-mix(in srgb, var(--df-info) 42%, var(--df-border-soft))!important}.system-status-icon{border:1px solid color-mix(in srgb, var(--df-interactive) 35%, var(--df-border-soft));width:38px;height:38px;color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 8%, var(--df-control-bg));border-radius:50%;place-items:center;font-size:18px;display:grid}.system-status-copy,.system-status-copy p{min-width:0}.reference-settings-page .system-status-copy{grid-template-rows:24px 56px;gap:5px;display:grid}.reference-settings-page .system-status-head{min-height:24px;margin:0}.reference-settings-page .system-status-copy p{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:56px;margin:0;display:-webkit-box;overflow:hidden}.reference-settings-page .settings-layout{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-lg);background:color-mix(in srgb, var(--df-surface-1) 86%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--df-text) 4%, transparent);grid-template-columns:218px minmax(0,1fr);gap:12px;padding:9px}.reference-settings-page .settings-nav{border:0;border-right:1px solid var(--df-border-soft);border-radius:calc(var(--df-radius-lg) - 4px) 0 0 calc(var(--df-radius-lg) - 4px);min-height:min(690px,100dvh - 120px);box-shadow:none;padding:11px 8px 54px;top:86px}.reference-settings-page .settings-nav .nav-item{border-radius:5px;min-height:43px;padding:0 13px;position:relative}.reference-settings-page .settings-nav .nav-item.active{border-color:color-mix(in srgb, var(--df-interactive) 45%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--df-interactive) 24%, var(--df-control-bg)), color-mix(in srgb, var(--df-interactive) 8%, transparent));box-shadow:inset 3px 0 0 var(--df-accent-strong)}.reference-settings-page .settings-content{min-width:0}.reference-settings-page .settings-pane{border-radius:calc(var(--df-radius-lg) - 4px);background:radial-gradient(circle at 82% 0, color-mix(in srgb, var(--df-interactive) 5%, transparent), transparent 33%), color-mix(in srgb, var(--df-surface-1) 72%, transparent);min-height:min(690px,100dvh - 120px);box-shadow:none;border:0;padding:18px 21px 22px}.advanced-settings-pane{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;align-content:start;align-items:stretch;gap:15px;display:grid;overflow:visible;background:0 0!important;border:0!important;padding:14px!important}.advanced-settings-pane>.advanced-section-wide{grid-column:1/-1}.advanced-section+.advanced-section{border-top:1px solid color-mix(in srgb, var(--df-accent) 26%, var(--df-border-soft))}.advanced-section{border:1px solid color-mix(in srgb, var(--df-accent) 26%, var(--df-border-soft));border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-1) 86%, transparent);flex-direction:column;display:flex;overflow:hidden}.advanced-section-head{border-bottom:1px solid color-mix(in srgb, var(--df-border-soft) 72%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--df-accent) 8%, transparent), transparent);align-items:center;gap:12px;padding:15px 23px 10px;display:flex}.advanced-section-head>.n-icon{color:var(--df-accent-strong);flex:none;font-size:20px}.advanced-section-head h3,.advanced-section-head p{margin:0}.advanced-section-head h3{font-size:17px}.advanced-section-head p{color:var(--df-text-muted);margin-top:3px;font-size:11px}.advanced-row{border-top:1px solid color-mix(in srgb, var(--df-border-soft) 74%, transparent);background:color-mix(in srgb, var(--df-surface-2) 44%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:48px;margin:0;padding:9px 18px;display:grid}.advanced-row:first-of-type,.advanced-row:last-of-type{border-radius:0}.advanced-row>div:first-child{align-items:baseline;gap:12px;min-width:0;display:flex}.advanced-row strong{color:var(--df-text-secondary);flex:0 210px;font-size:13px}.advanced-row small{color:var(--df-text-muted);font-size:10px}.advanced-number{width:150px}.token-input-wrap{color:var(--df-text-muted);align-items:center;gap:9px;font-size:11px;display:flex}.advanced-save-row{border-top:1px solid color-mix(in srgb, var(--df-border-soft) 70%, transparent);background:color-mix(in srgb, var(--df-surface-2) 54%, transparent);justify-content:flex-end;gap:8px;margin-top:auto;padding:15px 23px;display:flex}.plugin-workspace{gap:0;width:100%;min-width:0;max-width:100%;display:grid}.plugin-surface-tabs,.plugin-surface-tabs>.n-tabs-pane-wrapper,.plugin-surface-tabs>.n-tabs-pane-wrapper>.n-tab-pane,.plugin-workspace .n-spin-container,.plugin-workspace .n-spin-content{width:100%;min-width:0;max-width:100%}.plugin-surface-tabs>.n-tabs-nav{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-control-bg) 82%, transparent);margin:12px 0 14px;padding:5px}.plugin-surface-tabs>.n-tabs-nav .n-tabs-tab{border-radius:calc(var(--df-radius-md) - 3px);min-height:35px;color:var(--df-text-muted);padding:6px 14px;transition:color .16s,background-color .16s}.plugin-surface-tabs>.n-tabs-nav .n-tabs-tab:hover,.plugin-surface-tabs>.n-tabs-nav .n-tabs-tab--active{color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 12%, var(--df-surface-2))}.plugin-surface-tabs>.n-tabs-nav .n-tabs-bar{display:none}.plugin-surface-tabs>.n-tab-pane{padding-top:16px}.plugin-workspace .toolbar-row,.plugin-workspace .plugin-install,.plugin-workspace .theme-plugin-panel{box-sizing:border-box;border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 72%, transparent);width:100%;min-width:0;max-width:100%}.plugin-workspace.plugin-workspace .toolbar-row{grid-template-columns:minmax(0,1fr) 160px auto;gap:9px;margin-bottom:10px;padding:10px;display:grid!important}.plugin-workspace .toolbar-row>*{min-width:0}.plugin-workspace .plugin-install{grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:18px;padding:15px;display:grid}.plugin-workspace .install-controls{justify-content:flex-end}.plugin-workspace .mode-tabs{gap:8px}.plugin-workspace .type-filter-row{border:1px solid color-mix(in srgb, var(--df-border-soft) 76%, transparent);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 54%, transparent);flex-wrap:wrap;gap:7px;margin:11px 0;padding:7px;display:flex}.plugin-workspace.plugin-workspace .market-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:13px;display:grid}.plugin-workspace .market-card{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--df-accent) 24%, var(--df-border-soft));background:radial-gradient(circle at 88% 5%, color-mix(in srgb, var(--df-interactive) 11%, transparent), transparent 26%), linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));border-radius:8px;flex-direction:column;min-width:0;height:100%;min-height:250px;padding:15px;display:flex;position:relative;overflow:hidden}.plugin-workspace .market-card h3{margin:0}.plugin-workspace .market-card:after{border:1px solid var(--df-border-soft);content:"";opacity:.22;border-radius:50%;width:115px;height:115px;position:absolute;bottom:-48px;right:-35px}.plugin-workspace .market-title-icon{box-sizing:content-box;border:1px solid color-mix(in srgb, var(--df-interactive) 30%, var(--df-border-soft));color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 8%, var(--df-control-bg));border-radius:8px;flex:none;padding:10px}.plugin-workspace .market-title{grid-template-columns:50px minmax(0,1fr) auto;align-items:start;column-gap:12px;display:grid}.plugin-workspace .market-title-text{min-width:0}.plugin-workspace .market-title p,.plugin-workspace .market-desc{margin:5px 0 0}.plugin-workspace .market-author{margin-top:2px}.plugin-workspace .market-desc{-webkit-line-clamp:3;min-height:3.2em;max-height:4.8em;color:var(--df-text);-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.plugin-workspace .hub-card-stats{color:var(--df-text-muted);flex-wrap:wrap;align-items:center;gap:5px 16px;margin:9px 0 11px;font-size:12px;display:flex}.plugin-workspace .hub-card-stats span{align-items:baseline;gap:4px;display:inline-flex}.plugin-workspace .hub-card-stats strong{color:var(--df-text-secondary);font-variant-numeric:tabular-nums}.plugin-workspace .tag-row,.plugin-workspace .market-actions{align-items:center;gap:10px;display:flex}.plugin-workspace .tag-row{flex-wrap:wrap;margin:12px 0 6px}.plugin-workspace .market-permissions{min-height:1.5em;margin:-4px 0 10px}.plugin-workspace .market-warning{color:var(--df-danger-strong);margin:-4px 0 10px}.plugin-workspace .market-actions{z-index:1;flex-wrap:nowrap;margin-top:auto;position:relative}.plugin-workspace .market-actions .n-button{white-space:nowrap;flex:1 1 0;min-width:0;padding-left:8px;padding-right:8px}.plugin-workspace .stars-tag .n-icon{color:var(--df-accent-strong)}.plugin-workspace .market-pagination{justify-content:center;margin-top:16px;display:flex}.plugin-workspace .source-line{margin:-4px 0 14px}.plugin-workspace .hint{margin-top:8px}.plugin-workspace .actions-row{margin-top:16px}.plugin-workspace .plugin-collapsible{box-sizing:border-box;border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 78%, transparent);width:100%;min-width:0;max-width:100%;margin-bottom:8px;overflow:hidden}.reference-create-page{padding-top:20px}.create-page-header{border-bottom:1px solid var(--df-border-soft);align-items:center;gap:14px;min-height:78px;padding:8px 2px 17px;display:flex}.create-page-header h1,.create-page-header p{margin:0}.create-page-header h1{margin-top:4px;font-size:max(25px,min(2.8vw,37px))}.create-page-header p{color:var(--df-text-muted);margin-top:4px}.create-back{width:42px;height:42px;padding:0;font-size:20px}.create-wizard-shell{border:1px solid color-mix(in srgb, var(--df-accent) 35%, var(--df-border-soft));border-radius:var(--df-radius-lg);background:linear-gradient(90deg, color-mix(in srgb, var(--df-surface-1) 93%, transparent), color-mix(in srgb, var(--df-surface-1) 88%, transparent)), var(--df-bg-ruins-image) center / cover no-repeat;min-height:min(720px,100dvh - 180px);box-shadow:var(--df-shadow-strong);grid-template-columns:238px minmax(0,1fr);margin-top:17px;display:grid;overflow:hidden}.create-journey-rail{border-right:1px solid var(--df-border-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas) 24%, transparent), color-mix(in srgb, var(--df-surface-1) 50%, transparent));flex-direction:column;padding:27px 18px 20px;display:flex;position:relative;overflow:hidden}.create-journey-rail:after{border:1px solid color-mix(in srgb, var(--df-accent) 27%, transparent);content:"";border-radius:50%;width:190px;height:190px;position:absolute;bottom:-85px;right:-85px}.create-rail-sigil{border:1px solid color-mix(in srgb, var(--df-accent) 54%, transparent);width:46px;height:46px;color:var(--df-accent-strong);background:color-mix(in srgb, var(--df-canvas) 72%, transparent);box-shadow:0 0 28px color-mix(in srgb, var(--df-accent) 22%, transparent);border-radius:50%;place-items:center;margin-bottom:39px;display:grid}.create-step-nav{gap:0;display:grid}.create-step-nav-item{min-height:86px;color:var(--df-text-muted);grid-template-columns:34px minmax(0,1fr);gap:10px;display:grid;position:relative}.create-step-nav-item:after{content:"";background:var(--df-border-soft);width:1px;position:absolute;top:34px;bottom:0;left:16px}.create-step-nav-item:last-child:after{display:none}.create-step-nav-item>span{z-index:1;border:1px solid var(--df-border-soft);background:var(--df-surface-1);width:33px;height:33px;font-family:var(--df-font-title);border-radius:50%;place-items:center;display:grid;position:relative}.create-step-nav-item strong,.create-step-nav-item small{display:block}.create-step-nav-item strong{color:inherit;margin-top:3px}.create-step-nav-item small{letter-spacing:.14em;margin-top:5px;font-size:9px}.create-step-nav-item.active,.create-step-nav-item.done{color:var(--df-accent-strong)}.create-step-nav-item.active>span,.create-step-nav-item.done>span{border-color:var(--df-interactive);background:color-mix(in srgb, var(--df-interactive) 15%, var(--df-surface-1));box-shadow:0 0 0 4px color-mix(in srgb, var(--df-interactive) 8%, transparent)}.create-rail-summary{z-index:1;border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);color:var(--df-text-muted);background:color-mix(in srgb, var(--df-canvas) 64%, transparent);backdrop-filter:blur(8px);grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;margin-top:auto;padding:13px;font-size:10px;display:grid;position:relative}.create-rail-summary strong{max-width:95px;color:var(--df-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.create-stage-panel{background:color-mix(in srgb, var(--df-surface-1) 66%, transparent);flex-direction:column;min-width:0;padding:24px 28px 18px;display:flex}.create-api-hint{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.create-api-hint p{margin:3px 0 0}.create-stage-head{border-bottom:1px solid var(--df-border-soft);align-items:center;gap:13px;padding-bottom:16px;display:flex}.create-stage-head>span{color:color-mix(in srgb, var(--df-accent-strong) 72%, transparent);font-family:var(--df-font-title);font-size:34px;line-height:1}.create-stage-head h2,.create-stage-head p{margin:0}.create-stage-head h2{font-size:21px}.create-stage-head p{color:var(--df-text-muted);margin-top:3px;font-size:11px}.create-step-card{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;align-content:start;gap:17px;padding:19px 0;display:grid}.create-field-grid,.create-config-surface{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px;display:grid}.create-field-grid-compact{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 56%, transparent);padding:13px}.create-step-card label{color:var(--df-text-secondary);align-content:start;gap:7px;font-size:12px;font-weight:700;display:grid}.create-step-card label small{color:var(--df-text-muted);font-size:10px;font-weight:400}.create-step-card .wide{grid-column:1/-1}.create-mode-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.create-mode-cards button{border-color:var(--df-border-soft);background:linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));place-items:center;gap:5px;min-height:92px;padding:13px;display:grid}.create-mode-cards button b{color:var(--df-text-muted);font-size:22px}.create-mode-cards button.active{border-color:var(--df-interactive);color:var(--df-accent-strong);background:linear-gradient(145deg, color-mix(in srgb, var(--df-interactive) 18%, var(--df-surface-2)), var(--df-surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--df-interactive) 22%, transparent), 0 8px 25px #0000002e}.create-config-surface{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-1) 52%, transparent);padding:15px}.create-check{align-self:end;align-items:center;min-height:40px;display:flex!important}.create-check input{width:auto}.create-character-actions{flex-wrap:wrap;gap:8px;display:flex}.create-character-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:11px;display:grid}.create-character-card{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));grid-template-columns:72px minmax(0,1fr);gap:13px;min-height:165px;padding:13px;display:grid}.create-character-card h3,.create-character-card p{margin:0}.create-character-card p,.create-character-card small{color:var(--df-text-muted)}.create-character-card .actions{grid-column:1/-1;align-self:end}.create-character-empty{background:color-mix(in srgb, var(--df-surface-2) 42%, transparent);border-style:dashed;align-content:center;place-items:center;gap:7px;min-height:165px;display:grid}.create-character-empty b{font-size:28px}.create-confirm-cover{border:1px solid color-mix(in srgb, var(--df-accent) 38%, var(--df-border-soft));border-radius:var(--df-radius-md);background:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas) 15%, transparent), var(--df-surface-1) 94%), var(--df-bg-scene-image) center 43% / cover no-repeat;align-content:center;place-items:center;min-height:190px;display:grid;overflow:hidden}.create-confirm-cover>span{font-size:35px}.create-confirm-cover h2,.create-confirm-cover p{margin:4px}.create-confirm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.create-confirm-grid article{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:var(--df-surface-2);gap:7px;min-width:0;padding:13px;display:grid}.create-confirm-grid span{color:var(--df-text-muted);font-size:10px}.create-confirm-grid strong{color:var(--df-accent-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.create-confirm-characters{flex-wrap:wrap;gap:7px;display:flex}.create-confirm-characters span{border:1px solid var(--df-border-soft);color:var(--df-text-secondary);background:var(--df-control-bg);border-radius:999px;padding:6px 10px;font-size:11px}.create-actions{z-index:auto;border:0;border-top:1px solid var(--df-border-soft);box-shadow:none;background:0 0;border-radius:0;justify-content:flex-end;gap:9px;margin-top:auto;padding-top:15px;display:flex;position:static;bottom:auto}.create-actions button:first-child{margin-right:auto}.create-recommended-rules{gap:8px;display:grid}.create-recommended-rules .rec-head{color:var(--df-text-secondary);font-size:12px;font-weight:700}.create-recommended-rules .rec-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px;display:grid}.create-recommended-rules .rec-card{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr);place-content:start stretch;justify-items:stretch;gap:4px;min-height:96px;padding:12px;display:grid}.create-recommended-rules .rec-card.active{border-color:var(--df-interactive);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--df-interactive) 22%, transparent)}.create-recommended-rules .rec-card strong{color:var(--df-accent-strong);font-size:14px}.create-recommended-rules .rec-card small{color:var(--df-interactive-strong);font-size:10px}.create-recommended-rules .rec-card p{color:var(--df-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.create-recommended-rules .rec-hint{color:var(--df-text-muted);font-size:10px}@media (max-width:800px){.wizard{padding:10px 10px calc(10px + env(safe-area-inset-bottom));place-items:start center;overflow:hidden}.wizard-inner{width:100%;max-height:calc(var(--app-h,100dvh) - 20px - env(safe-area-inset-bottom));flex-direction:column;padding:14px;display:flex;overflow:hidden}.wizard-steps{flex:none}.wizard-pane{min-height:0;padding-right:2px;overflow-y:auto}.wizard-actions{z-index:1;border-top:1px solid var(--df-border-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--df-surface-2) 82%, transparent), var(--df-surface-2) 30%);flex:none;margin-top:10px;padding-top:10px;position:sticky;bottom:0}}.characters-page .archive-hero{margin-bottom:14px}.characters-page .character-section{background:0 0;border:0;border-radius:0;margin-top:11px;padding:0;overflow:visible}.characters-page .character-section-head{border-bottom:1px solid var(--df-border-soft);background:0 0;min-height:46px;padding:10px 3px}.characters-page .current-character-grid{grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:12px;padding:0}.characters-page .current-character-card{border-radius:var(--df-radius-md);background:radial-gradient(circle at 0 50%, color-mix(in srgb, var(--df-interactive) 8%, transparent), transparent 48%), linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));gap:14px;min-height:132px;padding:14px}.characters-page .current-character-card:after{display:none}.characters-page .current-character-card .portrait-image{border-radius:7px;width:78px!important;height:92px!important}.characters-page .current-character-card .portrait-edit-button{min-width:78px;min-height:92px}.characters-page .current-character-actions{grid-template-columns:repeat(3,minmax(86px,1fr));align-content:center;gap:6px;min-width:0}.characters-page .current-character-actions:has(>button:nth-child(4)){grid-template-columns:repeat(2,minmax(96px,1fr));min-width:0}@media (min-width:801px){.characters-page .current-character-card:only-child{grid-template-columns:minmax(0,1fr) minmax(360px,auto);align-items:center}.characters-page .current-character-card:only-child .current-character-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,520px)}.characters-page .current-character-card:only-child .current-character-actions:has(>button:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}.characters-page .npc-strip{padding:11px 13px 14px}.characters-page .npc-mini-card{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);min-width:215px}.character-library-toolbar{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 62%, transparent);grid-template-columns:minmax(210px,1fr) 160px auto minmax(280px,auto);gap:8px;margin-top:12px;padding:10px;display:grid}.character-view-switch{gap:4px;display:flex}.character-view-switch button{width:39px;padding:0;font-size:18px}.character-view-switch button.active{border-color:var(--df-interactive);color:var(--df-interactive-strong);background:var(--df-hover)}.character-import-actions{justify-content:flex-end}.characters-page .character-library-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:14px 0 0}.characters-page .library-character-card{flex-direction:column;gap:12px;min-height:304px;padding:11px;display:flex;position:relative}.characters-page .library-character-card .character-card-summary{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.characters-page .library-character-card .portrait-image{border-radius:7px;width:100%!important;height:132px!important}.characters-page .library-character-card .portrait-edit-button{width:100%;min-width:0;min-height:132px}.characters-page .library-character-card .card-select{z-index:2;width:17px;height:17px;box-shadow:0 0 0 4px color-mix(in srgb, var(--df-canvas) 58%, transparent);border-radius:4px;margin:0;position:absolute;top:19px;right:19px}.characters-page .library-character-card .actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:auto;display:grid}.characters-page .library-character-card .actions button{min-width:0;padding-left:5px;padding-right:5px;font-size:10px}.characters-page .character-library-grid.view-list{grid-template-columns:minmax(0,1fr)}.characters-page .view-list .library-character-card{grid-template-columns:minmax(0,1fr) auto;min-height:104px;display:grid}.characters-page .view-list .library-character-card .actions{align-self:center;margin:0}.lorebook-shell{grid-template-columns:278px minmax(0,1fr);align-items:start;gap:14px;display:grid}.lorebook-shell.no-rail{grid-template-columns:minmax(0,1fr)}.lorebook-character-rail{border:1px solid color-mix(in srgb, var(--df-accent) 30%, var(--df-border-soft));border-radius:var(--df-radius-lg);background:linear-gradient(180deg, var(--df-surface-1), var(--df-surface-2));max-height:calc(100dvh - 105px);box-shadow:var(--df-shadow);padding:10px;position:sticky;top:86px;overflow:auto}.lorebook-rail-label{color:var(--df-accent-strong);letter-spacing:.12em;padding:4px 5px 10px;font-size:10px;font-weight:800;display:block}.lorebook-character-rail .character{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:linear-gradient(180deg, transparent, var(--df-surface-1) 42%), var(--df-bg-ruins-image) center top / 100% auto no-repeat;padding:12px}.lorebook-character-rail .character-profile{padding-top:55px}.lorebook-character-rail .portrait-image{border-radius:7px;width:78px!important;height:94px!important}.lorebook-workspace{min-width:0}.lorebook-page .lore-world-bar{grid-template-columns:minmax(125px,.35fr) minmax(260px,1.2fr) auto auto}.lorebook-page .lore-tools{grid-template-columns:auto minmax(260px,1fr) auto auto auto}.lorebook-page .lore-categories{gap:10px;display:grid}.lorebook-page .lore-category-section{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-1) 72%, transparent);overflow:hidden}.lorebook-page .lore-category-head{border-bottom:1px solid var(--df-border-soft);position:relative;top:auto}.reference-logs-page .logs-workspace{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-lg);background:color-mix(in srgb, var(--df-surface-1) 82%, transparent);box-shadow:var(--df-shadow);grid-template-columns:248px minmax(0,1fr);gap:12px;margin-top:0;padding:9px}.reference-logs-page .log-index{border:0;border-right:1px solid var(--df-border-soft);border-radius:calc(var(--df-radius-lg) - 4px) 0 0 calc(var(--df-radius-lg) - 4px);min-height:min(720px,100dvh - 106px);box-shadow:none;flex-direction:column;padding:8px;display:flex;top:86px}.reference-logs-page .log-campaign-card{min-height:220px;padding:114px 14px 14px}.reference-logs-page .log-index-tabs button{min-height:46px}.log-export{border-color:color-mix(in srgb, var(--df-accent) 40%, var(--df-border-soft));width:100%;color:var(--df-accent-strong);margin-top:auto}.log-mobile-tabs,.log-mobile-export{display:none}.reference-logs-page .logs-document{background:0 0;padding:0 12px 18px 19px}.logs-document-head{min-height:110px;padding:12px 0 17px}.logs-document-head h1{font-size:max(26px,min(2.8vw,39px))}.reference-logs-page .log-toolbar{border-bottom:1px solid var(--df-border-soft);padding:8px 0}.reference-logs-page .log-reader{padding-left:28px;position:relative}.reference-logs-page .log-reader:before{content:"";background:linear-gradient(180deg, transparent, var(--df-accent) 5%, var(--df-border-soft) 90%, transparent);width:1px;position:absolute;top:5px;bottom:5px;left:8px}.reference-logs-page .log-reader article:before{z-index:2;border:2px solid var(--df-accent-strong);content:"";background:var(--df-canvas);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--df-accent) 10%, transparent);border-radius:50%;position:absolute;top:17px;left:-26px}.reference-logs-page .log-reader article h2{padding:11px 17px;font-size:13px}.reference-logs-page .log-entry-body{padding:14px 18px 17px}@media (min-width:801px){.play-hud{min-height:58px;padding:6px 12px}.play-layout,.play-layout.no-console{grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(245px,286px);height:calc(100dvh - 58px)}.play-layout.no-console{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.play-layout.collapsed{grid-template-columns:48px minmax(0,1fr) minmax(245px,286px)}.play-layout.collapsed.no-console{grid-template-columns:48px minmax(0,1fr)}.play-layout.rail-collapsed{grid-template-columns:minmax(260px,300px) minmax(0,1fr) 48px}.play-layout.collapsed.rail-collapsed{grid-template-columns:48px minmax(0,1fr) 48px}}.play-hud{border-bottom:1px solid color-mix(in srgb, var(--df-accent) 28%, var(--df-border-soft));background:color-mix(in srgb, var(--df-canvas) 91%, transparent)}.play-titleblock h1{font-size:19px}.play-hud-stats{min-width:215px}.hud-stat{background:color-mix(in srgb, var(--df-surface-2) 64%, transparent);border-radius:5px;padding:5px 8px}.game-sidebar{border-right-color:color-mix(in srgb, var(--df-accent) 27%, var(--df-border-soft));background:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas) 15%, transparent), var(--df-surface-1) 280px), var(--df-bg-ruins-image) center top / 100% auto no-repeat;padding:10px}.game-sidebar.collapsed{--df-bg-ruins-image:none}.game-sidebar .character{border-bottom:1px solid var(--df-border-soft);background:0 0;padding:7px 5px 13px}.game-sidebar .character>header{margin-bottom:8px}.game-sidebar .character-profile{grid-template-columns:92px minmax(0,1fr);align-items:end;gap:12px;padding-top:82px;display:grid}.game-sidebar .character-profile .portrait-image{border-radius:7px;width:92px!important;height:112px!important}.game-sidebar .hp{margin-top:13px}.game-sidebar .chips{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.game-sidebar .chips span{text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;overflow:hidden}.game-sidebar>.panel:not(.character){border-top:1px solid var(--df-border-soft);margin-top:7px;padding:12px 5px}.play-control-rail{border-left-color:color-mix(in srgb, var(--df-accent) 27%, var(--df-border-soft));background:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas-glow) 22%, var(--df-surface-1)), var(--df-surface-1));padding:10px}.play-control-rail .gm-toolbar .gm-group,.play-control-rail .gm-toolbar .perc,.play-control-rail .panel{background:color-mix(in srgb, var(--df-surface-2) 70%, transparent);border-radius:5px}.play-control-rail .gm-toolbar .gm-group h4{border-bottom:1px solid var(--df-border-soft);letter-spacing:.08em;text-transform:uppercase;padding-bottom:6px;font-size:11px}.play-main{gap:7px;padding:9px 12px}.scene-strip{isolation:isolate;border-color:color-mix(in srgb, var(--df-accent) 38%, var(--df-border-soft));background:linear-gradient(90deg, color-mix(in srgb, var(--df-canvas) 80%, transparent), color-mix(in srgb, var(--df-canvas) 30%, transparent) 64%, color-mix(in srgb, var(--df-canvas) 67%, transparent)), linear-gradient(180deg, transparent 28%, var(--df-surface-1)), var(--df-bg-scene-image) center 43% / cover no-repeat;min-height:78px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--df-accent) 22%, transparent), var(--df-shadow);border-radius:6px;align-items:center;padding:11px 14px;position:relative;overflow:hidden}.scene-strip:after{z-index:-1;border:1px solid color-mix(in srgb, var(--df-accent) 32%, transparent);content:"";border-radius:50%;width:120px;height:120px;position:absolute;bottom:-67px;right:16px}.scene-strip h2{text-overflow:ellipsis;white-space:nowrap;max-width:520px;text-shadow:0 2px 12px var(--df-canvas);margin-top:2px;font-size:max(17px,min(1.55vw,22px));overflow:hidden}.scene-strip p{color:var(--df-text-secondary)}.scene-chips{align-self:center;max-width:42%}.scene-chips span{border-color:color-mix(in srgb, var(--df-accent) 30%, var(--df-border-soft));background:color-mix(in srgb, var(--df-canvas) 68%, transparent);backdrop-filter:blur(8px);white-space:nowrap}.game-sidebar .character-profile .portrait-image,.play-control-rail .character-profile .portrait-image{border-radius:7px;width:68px!important;height:82px!important}.game-sidebar .character-profile .portrait-edit-button,.play-control-rail .character-profile .portrait-edit-button{min-width:68px;min-height:82px}.play-main .timeline-wrap{background:color-mix(in srgb, var(--df-canvas) 30%, transparent);box-shadow:none;border:0;border-radius:0}.play-main .timeline{padding:14px 18px 82px}.play-main .round-divider{letter-spacing:.14em;align-items:center;gap:13px;width:100%;margin:18px 0 12px;font-size:10px;display:flex}.play-main .round-divider:before,.play-main .round-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--df-border-soft));flex:1;height:1px}.play-main .round-divider:after{background:linear-gradient(90deg, var(--df-border-soft), transparent)}.play-main .message{border-radius:6px;margin-top:9px;margin-bottom:9px;padding:13px 15px;box-shadow:0 9px 24px #00000024}.play-main .message.player{border:1px solid color-mix(in srgb, var(--df-interactive) 28%, var(--df-border-soft));border-right:3px solid var(--df-interactive);background:linear-gradient(135deg, color-mix(in srgb, var(--df-interactive) 8%, var(--df-surface-2)), var(--df-surface-1));border-left-width:1px!important}.play-main .message.gm{border:1px solid color-mix(in srgb, var(--df-accent) 32%, var(--df-border-soft));border-left:3px solid var(--df-accent);background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--df-accent) 10%, transparent), transparent 27%), linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1))}.play-main .message.story-recap{border:1px solid color-mix(in srgb, var(--df-interactive) 34%, var(--df-border-soft));border-left:3px solid var(--df-interactive);width:min(980px,100%)}.play-main .message-copy>strong{border-bottom:1px solid color-mix(in srgb, var(--df-border-soft) 64%, transparent);align-items:center;gap:8px;padding-bottom:6px;display:flex}.play-main .composer{background:color-mix(in srgb, var(--df-surface-1) 92%, transparent);box-shadow:0 -10px 30px color-mix(in srgb, var(--df-canvas) 50%, transparent);border-radius:6px}@media (max-width:1120px){.reference-settings-page .system-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plugin-workspace .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-library-toolbar{grid-template-columns:minmax(200px,1fr) 150px auto}.character-import-actions{grid-column:1/-1;justify-content:flex-start}}@media (max-width:900px){.settings-page-heading{align-items:flex-start}.reference-settings-page .settings-layout,.create-wizard-shell,.lorebook-shell,.reference-logs-page .logs-workspace{grid-template-columns:minmax(0,1fr)}.reference-settings-page .settings-nav{z-index:24;border:0;border-bottom:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);min-height:0;padding:6px;display:flex;position:sticky;top:52px;overflow-x:auto}.reference-settings-page .settings-nav .nav-item{flex:none}.reference-settings-page .settings-pane{min-height:0}.create-journey-rail{border-right:0;border-bottom:1px solid var(--df-border-soft);background:linear-gradient(90deg, color-mix(in srgb, var(--df-canvas) 72%, transparent), var(--df-surface-1)), var(--df-bg-ruins-image) center / cover no-repeat;grid-template-columns:auto minmax(0,1fr);padding:13px;display:grid}.create-rail-sigil{align-self:center;margin:0 14px 0 0}.create-step-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.create-step-nav-item{grid-template-columns:31px minmax(0,1fr);min-height:46px}.create-step-nav-item:after{width:auto;height:1px;top:16px;bottom:auto;left:31px;right:5px}.create-step-nav-item>span{width:31px;height:31px}.create-rail-summary{display:none}.lorebook-character-rail{max-height:none;position:static}.lorebook-character-rail .character{grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr);gap:8px 14px;display:grid}.lorebook-character-rail .character>header{grid-column:1/-1}.lorebook-character-rail .character-profile{padding-top:0}.lorebook-character-rail .character>details,.lorebook-character-rail .character>.chips{grid-column:2}.reference-logs-page .log-index{border:0;border-bottom:1px solid var(--df-border-soft);grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);min-height:0;padding:8px;display:grid;position:static}.reference-logs-page .log-campaign-card{grid-row:1/4;min-height:142px;padding-top:64px}.reference-logs-page .log-export{margin-top:0}}@media (max-width:800px){.reference-settings-page .system-status-grid{grid-template-columns:none;grid-auto-columns:minmax(230px,76vw);grid-auto-flow:column;overflow-x:auto}.settings-page-heading{min-height:80px}.reference-settings-page .settings-layout{padding:5px}.reference-settings-page .settings-pane{padding:15px 12px 18px}.advanced-settings-pane{padding:10px!important}.plugin-workspace .plugin-install{grid-template-columns:minmax(0,1fr)}.plugin-workspace .install-controls{grid-template-columns:minmax(0,1fr);justify-content:stretch;min-width:0;display:grid}.plugin-workspace.plugin-workspace .toolbar-row{grid-template-columns:minmax(0,1fr) 140px auto}.plugin-workspace .install-controls>*,.plugin-workspace .plugin-install input[type=file]{width:100%;min-width:0;max-width:100%}.plugin-workspace.plugin-workspace .market-grid{grid-template-columns:minmax(0,1fr)}.plugin-workspace .market-card{min-height:226px}.create-stage-panel{padding:19px 16px 14px}.create-mode-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.create-mode-cards button{min-height:78px;padding:9px}.create-confirm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.characters-page .current-character-card{background:radial-gradient(circle at 0 50%, color-mix(in srgb, var(--df-interactive) 8%, transparent), transparent 48%), linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1))}.character-library-toolbar{grid-template-columns:minmax(0,1fr) 130px auto}.characters-page .character-library-grid,.lorebook-page .lore-world-bar,.lorebook-page .lore-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.lorebook-page .lore-world-bar>select,.lorebook-page .lore-tools>input{grid-column:1/-1}.scene-strip{background:linear-gradient(90deg, color-mix(in srgb, var(--df-canvas) 74%, transparent), color-mix(in srgb, var(--df-canvas) 30%, transparent)), linear-gradient(180deg, transparent 25%, var(--df-surface-1)), var(--df-bg-scene-image) center 42% / cover no-repeat;min-height:72px;padding:9px 11px}.play-main .timeline{padding-left:9px;padding-right:9px}.game-sidebar .character-profile{padding-top:62px}}@media (max-width:560px){.settings-page-heading{gap:12px;display:grid}.reference-settings-page .system-status-card{min-height:111px}.advanced-section-head{padding-left:14px;padding-right:14px}.advanced-row{grid-template-columns:minmax(0,1fr);gap:8px;margin-left:8px;margin-right:8px}.advanced-row>div:first-child{gap:3px;display:grid}.advanced-number,.token-input-wrap,.token-input-wrap .advanced-number{width:100%}.create-page-header{align-items:flex-start}.create-journey-rail{grid-template-columns:minmax(0,1fr)}.create-rail-sigil{display:none}.create-step-nav-item{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:3px}.create-step-nav-item:after{top:15px;left:50%;right:-50%}.create-step-nav-item>div small{display:none}.create-stage-panel{padding-left:12px;padding-right:12px}.create-field-grid,.create-config-surface,.create-mode-cards,.create-confirm-grid{grid-template-columns:minmax(0,1fr)}.create-step-card .wide{grid-column:auto}.create-character-grid{grid-template-columns:minmax(0,1fr)}.create-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.create-actions button:first-child{margin:0}.character-library-toolbar{grid-template-columns:minmax(0,1fr) auto}.character-library-toolbar>input,.character-import-actions{grid-column:1/-1}.character-import-actions{grid-template-columns:minmax(0,1fr);display:grid!important}.characters-page .character-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0 0}.characters-page .library-character-card{min-height:278px;padding:9px}.characters-page .library-character-card .character-card-summary{grid-template-columns:minmax(0,1fr)}.characters-page .library-character-card .portrait-edit-button{grid-column:auto}.characters-page .library-character-card .portrait-image{width:100%!important;height:108px!important}.characters-page .library-character-card .actions{grid-template-columns:repeat(3,minmax(0,1fr))}.lorebook-character-rail .character{background:linear-gradient(90deg, color-mix(in srgb, var(--df-canvas) 55%, transparent), var(--df-surface-1)), var(--df-bg-ruins-image) center / cover no-repeat;grid-template-columns:minmax(0,1fr);gap:6px;padding:10px}.lorebook-character-rail .character>header,.lorebook-character-rail .character>.stat-row,.lorebook-character-rail .character>details,.lorebook-character-rail .character>.chips{display:none}.lorebook-character-rail .character-profile{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding-top:0;display:grid}.lorebook-character-rail .portrait-image{width:64px!important;height:72px!important}.lorebook-character-rail .character-title h3{margin:0;font-size:18px}.lorebook-character-rail .character>.hp{margin-top:3px}.reference-logs-page .log-index{display:none}.reference-logs-page .logs-workspace{padding:8px;display:block}.reference-logs-page .log-mobile-tabs{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 72%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 12px;display:grid}.reference-logs-page .log-mobile-tabs button{min-height:42px}.reference-logs-page .log-mobile-export{display:inline-flex}.reference-logs-page .logs-document{padding-left:2px;padding-right:2px}.reference-logs-page .log-reader{padding-left:18px}.reference-logs-page .log-reader:before{left:4px}.reference-logs-page .log-reader article:before{left:-18px}.scene-strip{min-height:68px}.scene-strip h2{max-width:58vw;font-size:17px}.scene-chips{gap:4px;max-width:38%}.scene-chips span{padding:3px 6px;font-size:9px}.scene-chips span:last-child{display:none}.play-main .message{padding:10px}}body.light .system-status-tag.tone-success{--n-color:color-mix(in srgb, var(--df-success) 13%, var(--df-surface-1))!important;--n-text-color:var(--df-success-strong)!important;--n-border:1px solid color-mix(in srgb, var(--df-success) 42%, var(--df-border-soft))!important}body.light .reference-settings-page .system-status-card{border-color:color-mix(in srgb, var(--df-accent) 20%, var(--df-border-soft));background:radial-gradient(circle at 0 50%, color-mix(in srgb, var(--df-interactive) 7%, transparent), transparent 52%), linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--df-text) 5%, transparent)}body.light .play-page{color:var(--df-text);background:var(--df-canvas)}body.light .play-hud{border-bottom-color:var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-1) 92%, transparent)}body.light .play-titleblock h1,body.light .scene-strip h2,body.light .hud-stat strong,body.light .message.gm strong,body.light .composer-head strong,body.light .character .gold,body.light .character h3,body.light .panel h2,body.light .panel h3,body.light .play-control-rail .gm-toolbar .gm-group h4,body.light .play-control-rail .gm-toolbar .perc summary{color:var(--df-accent-strong)}body.light .play-eyebrow,body.light .play-titleblock p,body.light .hud-stat small,body.light .game-sidebar .panel p,body.light .play-control-rail .panel p,body.light .composer-head span,body.light .stat-label,body.light .muted{color:var(--df-text-muted)}body.light .hud-stat,body.light .play-toolbar button,body.light .play-back,body.light .quick-actions button{border-color:var(--df-border-soft);color:var(--df-text-secondary);background:var(--df-control-bg)}body.light .game-sidebar{border-color:var(--df-border-soft);color:var(--df-text);background:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas) 18%, transparent), var(--df-surface-1) 280px), var(--df-bg-ruins-image) center top / 100% auto no-repeat}body.light .play-control-rail{border-color:var(--df-border-soft);color:var(--df-text);background:linear-gradient(180deg, color-mix(in srgb, var(--df-canvas-glow) 22%, var(--df-surface-1)), var(--df-surface-1))}body.light .play-control-rail .panel,body.light .play-control-rail .gm-toolbar .gm-group,body.light .play-control-rail .gm-toolbar .perc,body.light .composer{border-color:var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 76%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--df-text) 5%, transparent)}body.light .chips span,body.light .panel header span,body.light .dice-prompt,body.light .waiting,body.light .notice,body.light .state-card{border-color:var(--df-border-soft);color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-surface-2) 72%, transparent)}body.light .hpbar{border-color:var(--df-border-soft);background:var(--df-surface-3)}body.light .timeline-wrap{border-color:var(--df-border-soft);background:color-mix(in srgb, var(--df-canvas) 30%, transparent)}body.light .scene-strip{border-color:color-mix(in srgb, var(--df-accent) 38%, var(--df-border-soft));color:var(--df-text);background:linear-gradient(90deg, color-mix(in srgb, var(--df-canvas) 82%, transparent), color-mix(in srgb, var(--df-canvas) 46%, transparent) 64%, color-mix(in srgb, var(--df-canvas) 72%, transparent)), linear-gradient(180deg, transparent 28%, var(--df-surface-1)), var(--df-bg-scene-image) center 43% / cover no-repeat}body.light .scene-chips span{border-color:color-mix(in srgb, var(--df-accent) 30%, var(--df-border-soft));color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-surface-1) 82%, transparent)}body.light .play-main .message.player{border-color:color-mix(in srgb, var(--df-interactive) 28%, var(--df-border-soft));background:linear-gradient(135deg, color-mix(in srgb, var(--df-interactive) 8%, var(--df-surface-2)), var(--df-surface-1))}body.light .play-main .message.gm{border-color:color-mix(in srgb, var(--df-accent) 32%, var(--df-border-soft));background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--df-accent) 9%, transparent), transparent 27%), linear-gradient(145deg, var(--df-surface-2), var(--df-surface-1))}body.light .check-result-card,body.light .perception-item{border-color:var(--df-border-soft);color:var(--df-text);background:color-mix(in srgb, var(--df-surface-2) 76%, transparent)}body.light .composer-row textarea,body.light input,body.light textarea,body.light select{border-color:var(--df-border-soft);color:var(--df-text);background:var(--df-control-bg)}body.light .thinking-message{border-color:color-mix(in srgb, var(--df-interactive) 42%, var(--df-border-soft))!important;background:linear-gradient(135deg, color-mix(in srgb, var(--df-interactive) 16%, var(--df-surface-2)), var(--df-surface-1))!important}@media (max-width:800px){.mobile-bottom-nav{min-height:calc(58px + env(safe-area-inset-bottom));padding-block:3px env(safe-area-inset-bottom)}.app-workspace{padding-bottom:calc(78px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom))}.characters-page,.reference-create-page,.reference-settings-page,.lorebook-page,.reference-logs-page{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.app-shell:not(.app-shell-play) .game-sidebar,.app-shell:not(.app-shell-play) .play-control-rail,.app-shell:not(.app-shell-play) .play-drawer-backdrop{bottom:calc(58px + env(safe-area-inset-bottom))}.play-main{padding-bottom:calc(26px + env(safe-area-inset-bottom))}.play-main>.composer{margin-bottom:calc(34px + env(safe-area-inset-bottom));scroll-margin-bottom:calc(84px + env(safe-area-inset-bottom))}.play-page-immersive .play-main>.composer{margin-bottom:0;scroll-margin-bottom:0}.appearance-background-grid{grid-template-columns:minmax(0,1fr)}.background-option-card{grid-template-rows:auto auto;grid-template-columns:132px minmax(0,1fr)}.background-option-preview{grid-row:1/3;min-height:108px}.plugin-workspace.plugin-workspace .toolbar-row{grid-template-columns:minmax(0,1fr) 132px}.plugin-workspace .toolbar-row>.n-button{grid-column:1/-1}}@media (max-width:560px){.appearance-section-heading{flex-direction:column;align-items:flex-start}.background-option-card{grid-template-rows:105px auto auto;grid-template-columns:minmax(0,1fr)}.background-option-preview{grid-row:auto}.plugin-workspace.plugin-workspace .toolbar-row{grid-template-columns:minmax(0,1fr)}.plugin-workspace .toolbar-row>.n-button{grid-column:auto}.plugin-workspace.plugin-workspace .market-grid{grid-template-columns:minmax(0,1fr)}.plugin-workspace .market-title{grid-template-columns:44px minmax(0,1fr)}.plugin-workspace .market-title .stars-tag{grid-column:2;justify-self:start}}.reference-settings-page .tts-settings-group,.reference-settings-page .tts-profile-manager{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-1) 74%, transparent);gap:11px;padding:13px;display:grid}.reference-settings-page .tts-group-heading{border-bottom:1px solid var(--df-border-soft);justify-content:space-between;align-items:center;gap:12px;padding-bottom:9px;display:flex}.reference-settings-page .tts-group-heading>div{gap:3px;min-width:0;display:grid}.reference-settings-page .tts-group-heading strong{font-size:13px}.reference-settings-page .tts-group-heading small,.reference-settings-page .tts-profile-card small{color:var(--df-text-muted);font-size:11px;line-height:1.45}.reference-settings-page .tts-section>.tts-profile-manager{border:0;border-top:1px solid color-mix(in srgb, var(--df-border-soft) 74%, transparent);background:0 0;border-radius:0;padding:13px 18px 4px}.reference-settings-page .tts-section .advanced-row{grid-template-columns:minmax(0,1fr) minmax(220px,340px)}.reference-settings-page .tts-section .advanced-row>:last-child{width:100%;min-width:0}.reference-settings-page .tts-section .advanced-row .switch-inline{justify-self:start;width:auto}.reference-settings-page .advanced-row.tts-subheading-row{background:color-mix(in srgb, var(--df-accent) 5%, var(--df-surface-2));grid-template-columns:minmax(0,1fr);min-height:42px;display:grid}.reference-settings-page .tts-inline-hint{border-top:1px solid color-mix(in srgb, var(--df-border-soft) 74%, transparent);margin:0;padding:10px 18px}.reference-settings-page .tts-profile-list{gap:7px;display:grid}.reference-settings-page .tts-profile-card{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-sm);background:var(--df-control-bg);justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.reference-settings-page .tts-profile-card>div:first-child{gap:2px;min-width:0;display:grid}.reference-settings-page .tts-profile-actions,.reference-settings-page .tts-profile-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.reference-settings-page .tts-profile-form{border-top:1px solid var(--df-border-soft);gap:10px;padding-top:12px;display:grid}.reference-settings-page .tts-profile-form input[type=file]{min-width:0;color:var(--df-text-secondary);font-size:11px}@media (max-width:640px){.reference-settings-page .tts-profile-card{flex-direction:column;align-items:stretch}.reference-settings-page .tts-profile-actions{justify-content:flex-start}}@media (max-width:560px){.reference-settings-page .tts-section .advanced-row{grid-template-columns:minmax(0,1fr)}}.reference-settings-page .settings-pane.about{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:14px;display:grid}.reference-settings-page .about .update-card{border-color:color-mix(in srgb, var(--df-info) 30%, var(--df-border-soft));background:color-mix(in srgb, var(--df-info) 7%, var(--df-surface-1));grid-column:1/-1;padding:16px 18px}.reference-settings-page .update-meta{align-items:center}.reference-settings-page .update-channel-inline{border-left:1px solid var(--df-border-soft);color:var(--df-text-secondary);white-space:nowrap;align-items:center;gap:7px;padding-left:14px;display:inline-flex}.reference-settings-page .update-channel-inline .n-switch,.reference-settings-page .update-channel-inline .n-tag{flex:none}.reference-settings-page .about-card{border-color:var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 76%, transparent);box-shadow:none;grid-column:1/-1;gap:16px;padding:18px;display:grid}.about-identity{border-bottom:1px solid var(--df-border-soft);grid-template-columns:58px minmax(0,1fr);align-items:start;gap:14px;padding-bottom:15px;display:grid}.about-project-logo{align-self:start;width:58px;height:58px}.about-identity h3,.about-identity p,.about-detail-grid h4,.about-detail-grid p{margin:0}.about-identity p{margin-top:7px;line-height:1.65}.about-detail-grid{grid-template-columns:minmax(0,1.08fr) minmax(220px,.92fr);gap:12px;display:grid}.about-detail-grid article{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-1) 72%, transparent);min-width:0;padding:13px}.about-detail-grid h4{margin-bottom:9px}.about-detail-grid ul{margin:0;padding-left:19px}.about-detail-grid li,.about-detail-grid p{font-size:12px;line-height:1.65}.about-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.about-links a{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);min-width:0;color:var(--df-text);background:var(--df-control-bg);gap:4px;padding:10px;text-decoration:none;display:grid}.about-links a:hover{border-color:var(--df-interactive);color:var(--df-interactive-strong)}.about-links span{color:var(--df-text-muted);font-size:10px}.about-links strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.about-card .about-ctas{gap:8px;display:flex}.about-card .about-ctas>*{flex:1;min-width:0}.about-card .star-cta{border:1px solid color-mix(in srgb, var(--df-interactive) 38%, var(--df-border-soft));border-radius:var(--df-radius-md);color:var(--df-text);background:color-mix(in srgb, var(--df-interactive) 8%, var(--df-surface-1));place-items:start;gap:3px;padding:12px 14px;text-decoration:none;display:grid}.about-card .star-cta:hover{border-color:var(--df-interactive);background:color-mix(in srgb, var(--df-interactive) 13%, var(--df-surface-1))}.about-card .star-cta strong{color:var(--df-interactive-strong);font-size:13px}.about-card .star-cta small{color:var(--df-text-muted);font-size:11px;line-height:1.5}.about-card .sponsor-cta{border:1px solid color-mix(in srgb, var(--df-accent-strong) 38%, var(--df-border-soft));border-radius:var(--df-radius-md);width:100%;color:var(--df-text);background:color-mix(in srgb, var(--df-accent-strong) 10%, var(--df-surface-1));cursor:pointer;font:inherit;text-align:left;grid-template-columns:minmax(0,1fr);justify-content:stretch;place-items:start;gap:3px;padding:12px 14px;display:grid}.about-card .sponsor-cta:hover{border-color:var(--df-accent-strong);background:color-mix(in srgb, var(--df-accent-strong) 16%, var(--df-surface-1))}.about-card .sponsor-cta>strong,.about-card .sponsor-cta>small{text-align:left;justify-self:stretch;width:100%;min-width:0;display:block}.about-card .sponsor-cta>strong{color:var(--df-accent-strong);font-size:13px}.about-card .sponsor-cta>small{color:var(--df-text-muted);font-size:11px;line-height:1.5}.sponsor-modal{flex-direction:column;align-items:center;gap:12px;padding:4px 4px 8px;display:flex}.sponsor-modal img{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:#fff;width:min(260px,100%);height:auto;padding:8px}.sponsor-modal p{text-align:left;margin:0;font-size:13px}.reference-settings-page .sponsor-card{text-align:left;border-color:var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 76%, transparent);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"body image";place-items:center stretch;gap:18px;padding:16px;display:grid}.reference-settings-page .sponsor-card>div{grid-area:body}.reference-settings-page .sponsor-card img{grid-area:image;justify-self:end;width:min(178px,100%);max-width:100%}.reference-settings-page .ai-management-pane{background:color-mix(in srgb, var(--df-surface-1) 88%, var(--df-canvas));padding:0;overflow:visible}.ai-manager-header{background:0 0;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 24px 14px;display:flex}.ai-manager-header h3,.ai-manager-header p,.provider-editor-head h4,.provider-section-title h5,.provider-section-title p,.provider-editor-empty h4,.provider-editor-empty p{margin:0}.ai-manager-header h3{color:var(--df-accent-strong);font-size:18px}.ai-manager-header p{max-width:720px;color:var(--df-text-muted);margin-top:6px;font-size:11px;line-height:1.55}.ai-provider-workspace{border-top:1px solid var(--df-border-soft);grid-template-columns:258px minmax(0,1fr);min-height:min(700px,100dvh - 224px);display:grid}.provider-library{border-right:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-canvas) 46%, var(--df-surface-1));grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.provider-search-box{border:1px solid var(--df-border-soft);color:var(--df-text-muted);background:color-mix(in srgb, var(--df-control-bg) 88%, transparent);border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin:12px;padding:0 11px;display:grid}.provider-search-box:focus-within{border-color:var(--df-interactive);box-shadow:0 0 0 2px var(--df-focus)}.provider-search-box input{min-width:0;min-height:38px;color:var(--df-text);background:0 0;border:0;outline:0;padding:0}.provider-list{min-height:0;padding:0 10px 12px;overflow-y:auto}.provider-list-item{width:100%;min-height:52px;color:var(--df-text-secondary);text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:34px minmax(0,1fr) 7px;align-items:center;gap:9px;margin:2px 0;padding:6px 10px;display:grid;position:relative}.provider-list-item:hover{color:var(--df-text);background:color-mix(in srgb, var(--df-surface-3) 64%, transparent)}.provider-list-item.active{border-color:color-mix(in srgb, var(--df-interactive) 24%, transparent);color:var(--df-text);background:linear-gradient(90deg, color-mix(in srgb, var(--df-interactive) 16%, var(--df-surface-2)), color-mix(in srgb, var(--df-surface-3) 76%, transparent));box-shadow:inset 3px 0 0 var(--df-interactive)}.provider-list-item>i{background:var(--df-warning);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--df-warning) 10%, transparent);border-radius:50%}.provider-list-item>i.ready{background:var(--df-success-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--df-success) 12%, transparent)}.provider-list-copy{gap:2px;min-width:0;display:grid}.provider-list-copy strong,.provider-list-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-list-copy strong{font-size:13px}.provider-list-copy small,.provider-list-empty{color:var(--df-text-muted);font-size:10px}.provider-avatar{border:1px solid hsl(var(--provider-hue) 52% 48% / .55);width:32px;height:32px;color:hsl(var(--provider-hue) 76% 78%);background:linear-gradient(145deg, hsl(var(--provider-hue) 62% 43% / .28), hsl(var(--provider-hue) 42% 20% / .18));font:700 13px/1 var(--df-font-mono);box-shadow:inset 0 1px 0 hsl(var(--provider-hue) 80% 92% / .14);border-radius:10px;place-items:center;display:grid}.provider-avatar-large{border-radius:13px;width:42px;height:42px;font-size:16px}.provider-list-empty{text-align:center;margin:22px 8px}.provider-library-footer{border-top:1px solid var(--df-border-soft);padding:10px 12px}.provider-library-footer button,.provider-model-add button{border:1px solid var(--df-border-soft);width:100%;min-height:38px;color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-surface-2) 74%, transparent);border-radius:9px;justify-content:center;align-items:center;gap:7px;display:flex}.provider-library-footer button:hover,.provider-model-add button:hover{border-color:color-mix(in srgb, var(--df-interactive) 50%, var(--df-border-soft));color:var(--df-interactive-strong)}.provider-editor{min-width:0;padding:22px max(22px,min(3vw,42px)) 32px}.provider-editor-head{justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding-bottom:18px;display:flex}.provider-editor-identity{align-items:center;gap:12px;min-width:0;display:flex}.provider-editor-identity>div{gap:3px;min-width:0;display:grid}.provider-editor-identity h4{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.provider-editor-identity span{color:var(--df-text-muted);font:10px/1.4 var(--df-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-editor-head .n-tag{gap:5px;display:inline-flex}.provider-editor-section{border-top:1px solid color-mix(in srgb, var(--df-border-soft) 74%, transparent);padding:20px 0}.provider-section-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.provider-section-title h5{color:var(--df-text-secondary);letter-spacing:.03em;font-size:13px}.provider-section-title p{max-width:720px;color:var(--df-text-muted);margin-top:4px;font-size:10px;line-height:1.5}.provider-field-grid{grid-template-columns:minmax(0,1fr) 210px;gap:13px;display:grid}.provider-field{gap:7px;min-width:0;display:grid}.provider-field>span{color:var(--df-text-secondary);font-size:11px}.provider-field-wide{grid-column:1/-1}.provider-field select{width:100%;min-height:34px}.provider-model-add{grid-template-columns:minmax(0,1fr) 132px;gap:8px;margin-bottom:10px;display:grid}.provider-model-add input{border:1px solid var(--df-border-soft);min-width:0;min-height:39px;color:var(--df-text);background:var(--df-control-bg);border-radius:9px;padding:0 12px}.provider-model-list{border:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 58%, transparent);border-radius:11px;overflow:hidden}.provider-model-row{grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:9px;min-height:53px;padding:6px 10px;display:grid;position:relative}.provider-model-row+.provider-model-row{border-top:1px solid color-mix(in srgb, var(--df-border-soft) 62%, transparent)}.provider-model-row:hover{background:color-mix(in srgb, var(--df-interactive) 6%, transparent)}.provider-model-orbit{z-index:2;border:1px solid color-mix(in srgb, var(--df-interactive) 38%, var(--df-border-soft));background:radial-gradient(circle, color-mix(in srgb, var(--df-interactive) 34%, transparent) 0 2px, transparent 3px);border-radius:50%;width:30px;height:30px;display:block;position:relative}.provider-model-orbit i{border:1px solid color-mix(in srgb, var(--df-interactive) 58%, transparent);border-radius:50%;width:19px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(32deg)}.provider-model-orbit i:last-child{transform:translate(-50%,-50%)rotate(-32deg)}.provider-model-copy{z-index:2;gap:2px;min-width:0;display:grid;position:relative}.provider-model-copy strong{font:12px/1.35 var(--df-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-model-copy small{color:var(--df-text-muted);font-size:9px}.provider-model-remove{z-index:4;width:30px;height:30px;color:var(--df-text-muted);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid;position:relative}.provider-model-remove:hover{border-color:color-mix(in srgb, var(--df-danger) 38%, transparent);color:var(--df-danger-strong);background:color-mix(in srgb, var(--df-danger) 10%, transparent)}.provider-model-empty{border:1px dashed var(--df-border-soft);color:var(--df-text-muted);text-align:center;border-radius:11px;margin:0;padding:24px}.provider-test-section{grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:12px 20px;display:grid}.provider-test-section .test-result{grid-column:1/-1;min-width:0;max-height:170px;margin-top:0;overflow:auto}.provider-test-section .test-result-dl dd{overflow-wrap:anywhere;min-width:0}.provider-test-actions,.provider-empty-actions{align-items:center;gap:8px;display:flex}.provider-editor-empty{text-align:center;align-content:center;justify-items:center;min-height:560px;display:grid}.provider-empty-sigil{border:1px solid color-mix(in srgb, var(--df-interactive) 36%, var(--df-border-soft));width:64px;height:64px;color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 8%, var(--df-surface-2));border-radius:20px;place-items:center;margin-bottom:16px;font-size:28px;display:grid;transform:rotate(45deg)}.provider-empty-sigil .n-icon{transform:rotate(-45deg)}.provider-editor-empty p{max-width:420px;color:var(--df-text-muted);margin:7px 0 18px}.ai-management-pane>.api-head-row{margin:28px 30px 0}.ai-management-pane>.form-row,.ai-management-pane>.form-hint,.ai-management-pane>.actions-row,.ai-management-pane>.n-collapse,.ai-management-pane>.test-result-card{margin-left:30px;margin-right:30px}.ai-management-pane>:last-child{margin-bottom:26px}.provider-model-add input:focus-visible{outline:2px solid var(--df-interactive);outline-offset:2px}.provider-library-footer button:focus-visible{outline:2px solid var(--df-interactive);outline-offset:2px}.provider-list-item:focus-visible{outline:2px solid var(--df-interactive);outline-offset:2px}.provider-model-remove:focus-visible{outline:2px solid var(--df-interactive);outline-offset:2px}.provider-backend-warning{border:1px solid color-mix(in srgb, var(--df-warning) 46%, var(--df-border-soft));color:var(--df-warning-strong);background:color-mix(in srgb, var(--df-warning) 8%, var(--df-surface-2));border-radius:11px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:11px;margin:18px 24px 0;padding:13px 15px;display:grid}.provider-backend-warning>.n-icon{margin-top:1px;font-size:19px}.provider-backend-warning strong,.provider-backend-warning p{margin:0}.provider-backend-warning p{color:var(--df-text-muted);margin-top:3px;font-size:10px;line-height:1.55}.provider-backend-warning.compact{margin:18px max(18px,min(2.5vw,28px)) 0}.provider-model-toolbar{align-items:end}.provider-model-groups{scrollbar-width:thin;gap:12px;max-height:min(420px,48dvh);padding-right:5px;display:grid;overflow-y:auto}.provider-model-group{border:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 58%, transparent);border-radius:11px;overflow:hidden}.provider-model-group>header,.provider-catalog-group>header{border-bottom:1px solid color-mix(in srgb, var(--df-border-soft) 72%, transparent);min-height:34px;color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-surface-3) 54%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.provider-model-group>header strong,.provider-catalog-group>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.provider-model-group>header span,.provider-catalog-group>header span{min-width:22px;height:20px;color:var(--df-text-muted);background:color-mix(in srgb, var(--df-control-bg) 86%, transparent);font:9px/1 var(--df-font-mono);border-radius:999px;place-items:center;padding:0 6px;display:inline-grid}.provider-model-group .provider-model-list{background:0 0;border:0;border-radius:0}.provider-catalog-modal.n-card{border-color:color-mix(in srgb, var(--df-interactive) 24%, var(--df-border-soft));background:radial-gradient(circle at 84% -12%, color-mix(in srgb, var(--df-interactive) 10%, transparent), transparent 30%), var(--df-surface-1);width:min(900px,100vw - 32px);max-height:min(820px,100dvh - 32px);box-shadow:0 28px 80px #00000075}.provider-catalog-modal .n-card__content{min-height:0;padding-top:4px;display:grid}.provider-catalog-tools{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:10px;display:grid}.provider-catalog-search{border:1px solid var(--df-border-soft);min-height:39px;color:var(--df-text-muted);background:var(--df-control-bg);border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 11px;display:grid}.provider-catalog-search:focus-within{border-color:var(--df-interactive);box-shadow:0 0 0 2px var(--df-focus)}.provider-search-box input:focus,.provider-catalog-search input:focus{box-shadow:none;border-color:#0000;outline:0}.provider-search-box input:focus-visible{box-shadow:none;border-color:#0000;outline:0}.provider-catalog-search input:focus-visible{box-shadow:none;border-color:#0000;outline:0}.provider-catalog-search input,.provider-catalog-custom input{min-width:0;min-height:36px;color:var(--df-text);background:0 0;border:0;outline:0;padding:0}.provider-catalog-filters{border:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 68%, transparent);border-radius:10px;gap:6px;padding:8px;display:flex;overflow-x:auto}.provider-catalog-filters button{min-height:28px;color:var(--df-text-muted);background:0 0;border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:inline-flex}.provider-catalog-filters button span{color:color-mix(in srgb, currentColor 76%, transparent);font:9px/1 var(--df-font-mono)}.provider-catalog-filters button:hover,.provider-catalog-filters button.active{border-color:color-mix(in srgb, var(--df-interactive) 34%, transparent);color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 10%, transparent)}.provider-catalog-body{scrollbar-gutter:stable;min-height:220px;max-height:min(54dvh,560px);margin-top:10px;padding-right:4px;overflow-y:auto}.provider-catalog-group{border:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 48%, transparent);border-radius:10px;margin-bottom:10px;overflow:hidden}.provider-catalog-row{width:100%;min-height:50px;color:var(--df-text-secondary);text-align:left;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:6px 10px;display:grid}.provider-catalog-row+.provider-catalog-row{border-top:1px solid color-mix(in srgb, var(--df-border-soft) 58%, transparent)}.provider-catalog-row:hover{color:var(--df-text);background:color-mix(in srgb, var(--df-interactive) 7%, transparent)}.provider-catalog-row.selected{color:color-mix(in srgb, var(--df-success-strong) 78%, var(--df-text));background:linear-gradient(90deg, color-mix(in srgb, var(--df-success) 16%, transparent), color-mix(in srgb, var(--df-success) 5%, transparent));box-shadow:inset 3px 0 0 color-mix(in srgb, var(--df-success) 74%, var(--df-interactive))}.provider-catalog-copy{gap:2px;min-width:0;display:grid}.provider-catalog-copy strong{font:11px/1.4 var(--df-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-catalog-copy small{color:var(--df-text-muted);font-size:9px}.provider-catalog-toggle{border:1px solid color-mix(in srgb, var(--df-border-soft) 82%, transparent);width:26px;height:26px;color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-control-bg) 86%, transparent);font:15px/1 var(--df-font-mono);border-radius:8px;place-items:center;display:grid}.provider-catalog-row.selected .provider-catalog-toggle{border-color:color-mix(in srgb, var(--df-success) 42%, var(--df-border-soft));color:var(--df-success-strong);background:color-mix(in srgb, var(--df-success) 12%, transparent)}.provider-catalog-footer{border-top:1px solid var(--df-border-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding-top:12px;display:grid}.provider-catalog-custom{border:1px solid var(--df-border-soft);background:var(--df-control-bg);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.provider-catalog-custom input{padding:0 11px}.provider-catalog-custom button{border:0;border-left:1px solid var(--df-border-soft);min-width:92px;color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 8%, transparent)}.model-routing-pane{padding:18px;overflow:visible}.model-routing-header{background:0 0;border-bottom:0;justify-content:space-between;align-items:center;gap:24px;padding:0 0 16px;display:flex}.model-routing-header h3,.model-routing-header p,.model-role-card h4,.model-role-card p,.model-routing-empty strong,.model-routing-empty p,.model-binding-summary strong,.model-binding-summary small{margin:0}.model-routing-header h3{color:var(--df-accent-strong);font-size:18px}.model-routing-header p{max-width:720px;color:var(--df-text-muted);margin-top:6px;font-size:11px;line-height:1.55}.model-routing-actions{flex:none;align-items:center;gap:8px;display:flex}.model-routing-grid{gap:14px;padding:0;display:grid}.model-routing-grid.is-saving{pointer-events:none;opacity:.72}.model-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.model-capability-column{align-content:start;gap:14px;min-width:0;display:grid}.model-role-card{--role-accent:var(--df-interactive);border:1px solid var(--df-border-soft);background:linear-gradient(135deg, color-mix(in srgb, var(--role-accent) 7%, transparent), transparent 42%), color-mix(in srgb, var(--df-surface-2) 78%, transparent);min-width:0;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--role-accent) 62%, transparent);border-radius:13px;align-content:start;gap:13px;padding:17px;display:grid;position:relative;overflow:hidden}.model-role-card-main{width:100%}.model-role-card:nth-child(2){--role-accent:var(--df-success)}.model-role-card:nth-child(3){--role-accent:var(--df-warning)}.model-role-card:nth-child(4){--role-accent:#5a9bd8}.model-role-card>header{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;min-height:48px;display:grid}.model-role-card-embedding>header{grid-template-columns:38px minmax(0,1fr) auto}.model-role-card>header>.n-icon{border:1px solid color-mix(in srgb, var(--role-accent) 42%, var(--df-border-soft));width:36px;height:36px;color:color-mix(in srgb, var(--role-accent) 76%, var(--df-text));background:color-mix(in srgb, var(--role-accent) 10%, transparent);border-radius:11px;place-items:center;font-size:18px;display:grid}.model-role-card h4{color:var(--df-text);font-size:14px}.model-role-card p{color:var(--df-text-muted);margin-top:3px;font-size:10px;line-height:1.45}.model-role-card>label{gap:6px;min-width:0;display:grid}.model-role-card .n-input-number{width:100%}.model-role-card>label>span{color:var(--df-text-secondary);font-size:10px}.model-role-card>.model-role-enabled{justify-content:space-between;align-items:center;display:flex}.model-role-card select{border:1px solid var(--df-border-soft);width:100%;min-height:38px;color:var(--df-text);background-color:var(--df-control-bg);text-overflow:ellipsis;border-radius:9px;padding:0 34px 0 11px;overflow:hidden}.model-role-card select:disabled{color:var(--df-text-muted);cursor:not-allowed;opacity:.58}.model-fallback-grid{border-top:1px solid color-mix(in srgb, var(--df-border-soft) 72%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px;display:grid}.model-fallback-slot{border:1px solid color-mix(in srgb, var(--df-border-soft) 82%, transparent);background:color-mix(in srgb, var(--df-control-bg) 74%, transparent);border-radius:10px;gap:9px;min-width:0;padding:11px;display:grid}.model-fallback-slot>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.model-fallback-slot>header strong{color:var(--df-text-secondary);font-size:11px}.model-fallback-slot>label{gap:5px;min-width:0;margin:0;display:grid}.model-fallback-slot>label>span,.model-role-field-hint{color:var(--df-text-muted);font-size:9px}.model-role-field-hint{margin:-5px 0 0;line-height:1.45}.model-role-actions{justify-content:flex-end;display:flex}.model-role-card .test-result{min-width:0;max-height:170px;margin-top:0;overflow:auto}.model-role-card .test-result-dl dd{overflow-wrap:anywhere;min-width:0}.model-routing-empty{border:1px dashed var(--df-border-soft);color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-surface-2) 62%, transparent);border-radius:13px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;margin:14px 0 0;padding:18px;display:grid}.model-routing-empty>.n-icon{color:var(--df-interactive-strong);font-size:28px}.model-routing-empty p{color:var(--df-text-muted);margin-top:4px;font-size:10px}.model-binding-summary{border:1px solid color-mix(in srgb, var(--df-interactive) 24%, var(--df-border-soft));background:color-mix(in srgb, var(--df-interactive) 6%, var(--df-surface-2));border-radius:11px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;margin:14px 0;padding:12px 14px;display:grid}.model-binding-summary>.n-icon{color:var(--df-interactive-strong);font-size:21px}.model-binding-summary>div{gap:3px;min-width:0;display:grid}.model-binding-summary strong,.model-binding-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.model-binding-summary strong{color:var(--df-text-secondary);font-size:11px}.model-binding-summary small{color:var(--df-text-muted);font:10px/1.4 var(--df-font-mono)}.advanced-binding-summary{border-left:0;border-right:0;border-radius:0;margin:0}.provider-catalog-row:focus-visible{outline:2px solid var(--df-interactive);outline-offset:2px}.provider-catalog-filters button:focus-visible{outline:2px solid var(--df-interactive);outline-offset:2px}.provider-catalog-custom button:focus-visible{outline:2px solid var(--df-interactive);outline-offset:2px}.model-role-card select:focus-visible{outline:2px solid var(--df-interactive);outline-offset:2px}@media (max-width:1180px){.ai-provider-workspace{grid-template-columns:220px minmax(0,1fr)}.provider-editor{padding-left:22px;padding-right:22px}}@media (max-width:820px){.ai-provider-workspace{grid-template-columns:minmax(0,1fr)}.provider-library{border-right:0;border-bottom:1px solid var(--df-border-soft);grid-template-rows:auto auto auto}.provider-list{grid-auto-columns:minmax(190px,240px);grid-auto-flow:column;display:grid;overflow-x:auto;overflow-y:hidden}.provider-library-footer{border-top:0;padding-top:0}.provider-library-footer button{width:auto;padding-left:14px;padding-right:14px}.provider-field-grid,.provider-test-section,.model-capability-grid{grid-template-columns:minmax(0,1fr)}.provider-field-wide,.provider-test-section .test-result{grid-column:auto}}@media (max-width:560px){.ai-manager-header,.provider-editor{padding-left:14px;padding-right:14px}.provider-editor-head,.provider-section-title{flex-direction:column;align-items:flex-start}.provider-model-toolbar{display:grid}.provider-model-add{grid-template-columns:minmax(0,1fr)}.provider-model-row{grid-template-columns:30px minmax(0,1fr) 30px}.model-routing-header,.model-routing-empty{align-items:stretch}.model-routing-header{flex-direction:column}.model-fallback-grid{grid-template-columns:minmax(0,1fr)}.ai-manager-header{flex-direction:column;align-items:stretch}.model-routing-actions{width:100%}.model-routing-actions>*{flex:1 1 0}.model-routing-empty,.provider-catalog-tools,.provider-catalog-footer{grid-template-columns:minmax(0,1fr)}.provider-catalog-body{max-height:48dvh}.model-binding-summary{grid-template-columns:30px minmax(0,1fr)}.model-binding-summary .n-button{grid-column:1/-1}.provider-test-actions,.provider-empty-actions{flex-direction:column;align-items:stretch}.ai-management-pane>.api-head-row,.ai-management-pane>.form-row,.ai-management-pane>.form-hint,.ai-management-pane>.actions-row,.ai-management-pane>.n-collapse,.ai-management-pane>.test-result-card{margin-left:14px;margin-right:14px}}@media (prefers-reduced-motion:no-preference){.provider-list-item,.provider-model-row,.provider-model-remove,.provider-catalog-row,.model-role-card{transition:border-color .16s,color .16s,background-color .16s,transform .16s}.provider-list-item:hover .provider-avatar{transform:translateY(-1px)}}.reference-settings-page .system-status-grid{scroll-snap-type:x proximity;scrollbar-width:thin;flex-wrap:nowrap;gap:12px;padding-bottom:5px;display:flex;overflow-x:auto}.reference-settings-page .system-status-card{scroll-snap-align:start;flex:1 0 218px}@media (max-width:800px){.reference-settings-page .system-status-grid{grid-auto-columns:unset;grid-auto-flow:unset;grid-template-columns:none;display:flex}.reference-settings-page .system-status-card{flex-basis:230px}}.overview-assistant-drawer{background:var(--df-surface-1)!important;border-radius:0!important;box-shadow:-18px 0 44px #0000003d!important}.overview-assistant-drawer .n-drawer-content{background:var(--df-surface-1);padding:0}.overview-assistant-drawer .n-drawer-header{display:none!important}.overview-assistant-drawer .assistant-panel{height:100%}.overview-assistant-drawer .n-drawer-body,.overview-assistant-drawer .n-drawer-body-content-wrapper{height:100%;padding:0!important}.game-sidebar .character{padding:4px 4px 10px}.game-sidebar .character-profile{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;padding-top:34px}.game-sidebar .portrait-edit-button{width:68px}.game-sidebar .character-title h3{margin-bottom:5px;font-size:18px}.character-vitals{border:1px solid color-mix(in srgb, var(--df-interactive) 34%, var(--df-border-soft));border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 82%, var(--df-surface-1));box-shadow:inset 3px 0 0 color-mix(in srgb, var(--df-interactive) 64%, transparent);gap:5px;margin-top:10px;padding:8px;display:grid}.character-vitals .hp,.character-vitals .stat-head{color:var(--df-text-secondary);font-size:11px}.character-vitals .hp strong,.character-vitals .stat-head strong{color:var(--df-text);font-variant-numeric:tabular-nums}.character-vitals .hpbar{border-color:color-mix(in srgb, var(--df-border) 56%, var(--df-border-soft));background:var(--df-control-bg);height:6px;margin:2px 0 4px}.character-vitals>.hpbar i{background:linear-gradient(90deg, var(--df-success), var(--df-success-strong))}.game-sidebar .character-attributes{gap:5px;margin-top:8px;margin-bottom:8px}.game-sidebar .character-attributes span{border-color:color-mix(in srgb, var(--df-interactive) 24%, var(--df-border-soft));color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-surface-3) 88%, var(--df-surface-1));padding:4px 5px;font-size:10px}.character-detail-block{border:1px solid color-mix(in srgb, var(--df-border) 48%, var(--df-border-soft));border-radius:var(--df-radius-sm);background:color-mix(in srgb, var(--df-control-bg) 84%, var(--df-surface-1));margin-top:5px;padding:7px 8px}.game-sidebar .tag-warn{border-color:color-mix(in srgb, var(--df-warning) 46%, var(--df-border-soft));color:var(--df-warning);background:color-mix(in srgb, var(--df-warning) 12%, var(--df-surface-1))}.character-detail-block summary{color:var(--df-text-secondary);font-size:11px;font-weight:700}.character-detail-block p{align-items:baseline;gap:5px;margin:4px 0 0;display:flex}.character-detail-block p:first-of-type{margin-top:6px}.character-detail-block .item-label{letter-spacing:.02em;flex:none;font-size:11px;font-weight:800}.character-detail-block .item-label-equipment{color:var(--df-accent-strong)}.character-detail-block .item-label-inventory{color:var(--df-interactive-strong)}.character-detail-block .item-label-keyitems{color:color-mix(in srgb, var(--df-info) 78%, var(--df-text))}.character-detail-block .item-count{border:1px solid var(--df-border-soft);background:var(--df-surface-3);min-width:17px;color:var(--df-text-muted);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;flex:none;padding:0 5px;font-size:10px;line-height:1.5}.character-detail-block .item-list{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.character-detail-block .item-empty{margin:4px 0 0;font-size:12px}.character-detail-block .item-more{min-width:0;min-height:0;color:var(--df-interactive-strong);background:0 0;border:0;flex:none;padding:0;font-size:10px;font-weight:700;line-height:1.5}.character-detail-block .item-more:hover{color:var(--df-interactive);text-decoration:underline}.character-detail-block .item-groups{flex-direction:column;gap:6px;margin-top:6px;display:flex}.character-detail-block .item-group{align-items:flex-start;gap:6px;display:flex}.character-detail-block .item-group .item-label{flex:none;min-width:4em;margin-top:2px}.character-detail-block .item-chips{flex-wrap:wrap;flex:auto;gap:4px;min-width:0;display:flex}.character-detail-block .item-chip{border:1px solid var(--df-border-soft);background:var(--df-surface-3);max-width:100%;color:var(--df-text);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:1px 7px;font-size:11px;line-height:1.6;overflow:hidden}.character-detail-block .item-more-count{color:var(--df-text-muted);white-space:nowrap;flex:none;align-self:center;font-size:10px;font-weight:600}.character-detail-block .item-view-all{border:1px solid var(--df-border-soft);color:var(--df-interactive-strong);cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;margin-top:2px;padding:2px 10px;font-size:11px;font-weight:700}.character-detail-block .item-view-all:hover{color:var(--df-interactive);border-color:var(--df-interactive)}.item-modal-body{flex-direction:column;gap:14px;padding:4px 2px;display:flex}.item-detail-section{flex-direction:column;gap:4px;display:flex}.item-detail-h{letter-spacing:.02em;border-bottom:1px solid var(--df-border-soft);padding-bottom:3px;font-size:13px;font-weight:800}.item-detail-list{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.item-detail-row{border:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 60%, transparent);border-radius:999px;flex-wrap:wrap;align-items:baseline;gap:4px;padding:3px 8px;display:inline-flex}.item-detail-name{color:var(--df-text);word-break:break-word;font-size:12px;font-weight:600}.item-detail-meta{color:var(--df-text-muted);word-break:break-word;font-size:10px}.game-sidebar>.sidebar-disclosure{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-2) 64%, transparent);margin:7px 0 0;padding:0}.sidebar-disclosure>summary{min-height:38px;color:var(--df-text-secondary);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;list-style:none;display:flex}.sidebar-disclosure>summary::-webkit-details-marker{display:none}.sidebar-disclosure>summary:after{content:"+";color:var(--df-interactive-strong);margin-left:auto}.sidebar-disclosure[open]>summary:after{content:"−"}.sidebar-disclosure>summary>span{color:var(--df-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar-disclosure-body{border-top:1px solid var(--df-border-soft);padding:10px 10px 12px}.game-sidebar .quest-group{margin-bottom:12px}.game-sidebar .quest-group:last-child{margin-bottom:4px}.game-sidebar .quest-head{letter-spacing:.02em;color:var(--df-accent-strong);align-items:center;gap:7px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.game-sidebar .quest-head:before{content:"";background:var(--df-accent-strong);width:5px;height:5px;box-shadow:0 0 0 2px color-mix(in srgb, var(--df-accent) 30%, transparent);border-radius:50%;flex:none}.game-sidebar .quest-head.muted{color:var(--df-text-muted)}.game-sidebar .quest-head.muted:before{background:var(--df-text-muted);box-shadow:0 0 0 2px color-mix(in srgb, var(--df-text-muted) 25%, transparent)}.game-sidebar .quest-item{padding:5px 0}.game-sidebar .quest-item:first-child{padding-top:2px}.sidebar-map .map-graph{background:0 0;border:0;margin:0;padding:9px 0 0}.sidebar-map .map-head{display:none}.gm-console-head{border-bottom:1px solid var(--df-border-soft);grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;padding:2px 2px 9px;display:grid}.gm-console-head>span{border:1px solid color-mix(in srgb, var(--df-interactive) 38%, var(--df-border-soft));border-radius:var(--df-radius-md);width:36px;height:36px;color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 8%, var(--df-control-bg));font:800 11px/1 var(--df-font-title);place-items:center;display:grid}.gm-console-head h2,.gm-console-head small{margin:0}.gm-console-head h2{font-size:14px}.gm-console-head small{color:var(--df-text-muted);font-size:9px}.play-control-rail .gm-toolbar .gm-flow-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.play-control-rail .gm-toolbar .gm-flow-group h4,.play-control-rail .gm-toolbar .gm-command-group h4{grid-column:1/-1;width:100%}.play-control-rail .gm-toolbar .gm-command-group{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.play-control-rail .gm-toolbar .gm-command-group input{min-width:0}.play-control-rail .gm-toolbar .gm-console-section{width:100%;min-height:0;margin:0;padding:0;overflow:hidden}.gm-console-section>summary{background:color-mix(in srgb, var(--df-surface-2) 72%, transparent);min-height:35px;padding:9px 10px}.gm-console-section-actions{border-top:1px solid var(--df-border-soft);grid-template-columns:minmax(0,1fr);gap:6px;padding:8px;display:grid}.gm-console-section-actions button{width:100%}@media (min-width:801px){.play-layout,.play-layout.no-console{grid-template-columns:minmax(248px,276px) minmax(0,1fr) minmax(232px,260px)}.play-layout.no-console{grid-template-columns:minmax(248px,276px) minmax(0,1fr)}.play-layout.collapsed{grid-template-columns:48px minmax(0,1fr) minmax(232px,260px)}.play-layout.rail-collapsed{grid-template-columns:minmax(248px,276px) minmax(0,1fr) 48px}}@media (max-width:1100px){.advanced-settings-pane{grid-template-columns:minmax(0,1fr)}.advanced-settings-pane>.advanced-section-wide{grid-column:auto}.reference-settings-page .settings-pane.about{grid-template-columns:minmax(0,1fr)}.reference-settings-page .about .update-card,.reference-settings-page .sponsor-card{grid-column:1/-1}}@media (max-width:700px){.appearance-mode-grid{grid-template-columns:minmax(0,1fr)}.appearance-mode-grid>button{grid-template-columns:106px minmax(0,1fr)}.mode-preview{width:106px}.about-detail-grid,.about-links{grid-template-columns:minmax(0,1fr)}.reference-settings-page .sponsor-card{text-align:left;grid-template-columns:minmax(0,1fr);grid-template-areas:"body""image";justify-items:stretch}.reference-settings-page .sponsor-card img{justify-self:end}}.login-page{box-sizing:border-box;width:100%;max-width:100%;padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right));justify-items:center}.login-card,.lang-picker{justify-self:center;max-width:100%;margin-left:auto;margin-right:auto}.plugin-workspace.plugin-workspace .content-pack-toolbar{grid-template-columns:minmax(220px,1fr) max-content max-content max-content;align-items:center}.plugin-workspace .content-pack-toolbar .n-button,.plugin-workspace .content-pack-toolbar .create-pack-btn{white-space:nowrap;grid-column:auto;min-width:max-content;margin-left:0}@media (max-width:800px){.characters-page{width:100%;max-width:100%;overflow-x:clip}.characters-page .current-character-grid{grid-template-columns:minmax(0,1fr)}.characters-page .current-character-card{grid-template-columns:minmax(0,1fr);min-width:0}.characters-page .current-character-identity,.characters-page .current-character-actions{width:100%;min-width:0}.characters-page .current-character-actions:has(>button:nth-child(4)){width:100%;min-width:0}.characters-page .current-character-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.characters-page .current-character-actions:has(>button:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.plugin-workspace.plugin-workspace .content-pack-toolbar{grid-template-columns:minmax(0,1fr) max-content max-content}.plugin-workspace .content-pack-toolbar .content-world-select{grid-column:1/-1;width:100%}}@media (max-width:560px){.login-page{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.characters-page .character-library-grid{grid-template-columns:minmax(0,1fr)}.characters-page .current-character-identity{grid-template-columns:76px minmax(0,1fr);align-items:start;display:grid}.plugin-workspace.plugin-workspace .content-pack-toolbar{grid-template-columns:minmax(0,1fr) max-content max-content}}.map-graph{min-width:0}.map-head{align-items:flex-start}.map-head>div{min-width:0}.map-kicker{color:var(--df-text-muted);font:800 9px/1 var(--df-font-title);letter-spacing:.18em;margin-bottom:2px;display:block}.map-viewport{border:1px solid color-mix(in srgb, var(--df-border) 76%, transparent);border-radius:var(--df-radius-md);background:var(--df-canvas);min-height:220px;position:relative;overflow:hidden}.map-svg{z-index:2;border-radius:inherit;background:0 0;border:0;min-height:220px;position:relative;overflow:hidden}.map-background-image{z-index:0;opacity:.78;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.map-background-shade{z-index:1;background:color-mix(in srgb, var(--df-canvas) 42%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.map-edge{stroke:color-mix(in srgb, var(--df-accent) 62%, var(--df-border));stroke-width:.7px;stroke-linecap:round;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--df-canvas) 72%, transparent))}.map-node{outline:none}.map-node-target{fill:color-mix(in srgb, var(--df-surface-1) 88%, transparent);stroke:color-mix(in srgb, var(--df-border) 82%, var(--df-accent));stroke-width:.55px;transition:stroke .16s,stroke-width .16s,filter .16s}.map-node-dot{fill:var(--df-accent);pointer-events:none}.map-node-icon{pointer-events:none}.map-node:hover .map-node-target,.map-node.selected .map-node-target{stroke:var(--df-interactive-strong);stroke-width:1px;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--df-interactive) 62%, transparent))}.map-node:focus-visible .map-node-target{stroke:var(--df-interactive-strong);stroke-width:1px;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--df-interactive) 62%, transparent))}.map-node.current .map-node-target{stroke:var(--df-accent-strong);stroke-width:1.1px;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--df-accent) 72%, transparent))}.map-node text{paint-order:stroke;stroke:color-mix(in srgb, var(--df-canvas) 88%, transparent);stroke-width:1.2px;stroke-linejoin:round}.map-node.current text{fill:var(--df-accent-strong);font-weight:800}.map-star{stroke-width:.8px!important}.map-asset-note{margin:7px 0 0;font-size:10px}.sidebar-map-open{border-color:color-mix(in srgb, var(--df-interactive) 42%, var(--df-border-soft));width:100%;color:var(--df-interactive-strong);background:color-mix(in srgb, var(--df-interactive) 8%, var(--df-control-bg));margin-bottom:8px}.map-workspace-overlay{z-index:180;backdrop-filter:blur(9px);background:#000000c2;place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.map-workspace-shell{border:1px solid var(--df-border);border-radius:var(--df-radius-lg);width:min(1480px,96vw);height:min(900px,94dvh);min-height:0;color:var(--df-text);background:linear-gradient(145deg, var(--df-surface-1), var(--df-surface-2));box-shadow:var(--df-shadow-strong), inset 0 1px 0 #ffffff12;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.map-workspace-header{border-bottom:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-1) 88%, transparent);grid-template-columns:minmax(0,1fr) auto 42px;align-items:center;gap:14px;min-height:62px;padding:9px 12px 9px 16px;display:grid}.map-workspace-title{align-items:center;gap:11px;min-width:0;display:flex}.map-workspace-title-icon{border:1px solid color-mix(in srgb, var(--df-accent) 48%, var(--df-border-soft));border-radius:var(--df-radius-md);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--df-accent-strong);background:color-mix(in srgb, var(--df-accent) 10%, transparent);flex:0 0 40px;place-items:center;padding:0;line-height:1;display:grid;overflow:hidden}.map-workspace-title-icon .n-icon,.map-workspace-title-icon svg{width:20px;height:20px;font-size:20px;display:block}.map-workspace-title-copy{min-width:0}.map-workspace-title-copy>span{color:var(--df-text-muted);letter-spacing:.12em;font-size:10px;font-weight:800;display:block}.map-workspace-title-copy h2{color:var(--df-accent-strong);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:18px;line-height:1.2;overflow:hidden}.map-workspace-summary{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.map-workspace-summary span,.map-current-badge{border:1px solid var(--df-border-soft);color:var(--df-text-secondary);background:var(--df-control-bg);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px}.map-workspace-close{border-color:var(--df-border-soft);width:38px;min-width:38px;height:38px;color:var(--df-text-muted);background:var(--df-control-bg);place-items:center;padding:0;font-size:20px;display:grid}.map-workspace-main{grid-template-columns:minmax(0,1fr) minmax(280px,340px);min-height:0;display:grid}.map-workspace-canvas{background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--df-accent) 10%, transparent), transparent 34%);min-width:0;min-height:0;padding:12px}.map-graph-workspace{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.map-graph-workspace .map-viewport,.map-graph-workspace .map-svg{width:100%;height:100%;min-height:0}.map-location-panel{border-left:1px solid var(--df-border-soft);background:color-mix(in srgb, var(--df-surface-2) 92%, transparent);grid-template-rows:auto minmax(120px,.72fr) minmax(220px,1.28fr);gap:10px;min-height:0;padding:12px;display:grid}.map-search{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:var(--df-control-bg);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding-left:10px;padding-right:10px;display:grid}.map-search .n-icon{color:var(--df-text-muted)}.map-search input{min-width:0;box-shadow:none;background:0 0;border:0}.map-location-list{flex-direction:column;gap:6px;min-height:0;padding-right:2px;display:flex;overflow:auto}.map-location-list-item{border-color:var(--df-border-soft);width:100%;min-height:44px;color:var(--df-text);background:var(--df-control-bg);text-align:left;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 9px;display:grid}.map-location-list-item:hover,.map-location-list-item.active{border-color:var(--df-interactive);background:color-mix(in srgb, var(--df-interactive) 10%, var(--df-control-bg))}.map-location-list-item img,.map-location-marker{object-fit:contain;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.map-location-marker{color:var(--df-accent-strong);background:color-mix(in srgb, var(--df-accent) 12%, transparent);font-size:10px}.map-location-list-item span{min-width:0}.map-location-list-item strong,.map-location-list-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.map-location-list-item strong{color:var(--df-text);font-size:12px}.map-location-list-item small{color:var(--df-text-muted);margin-top:2px;font-size:10px}.map-location-list-item b{color:var(--df-accent-strong)}.map-location-detail{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-surface-1) 84%, transparent);min-height:0;padding:11px;overflow:auto}.map-location-image{border-radius:var(--df-radius-sm);object-fit:cover;width:100%;max-height:160px;margin-bottom:10px;display:block}.map-location-detail-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.map-location-detail-head>div{min-width:0}.map-location-detail-head span:not(.map-current-badge){color:var(--df-text-muted);font-size:10px}.map-location-detail h3{color:var(--df-accent-strong);margin:2px 0 0;font-size:17px}.map-location-detail>p{color:var(--df-text-secondary);white-space:pre-wrap;margin:10px 0 0;font-size:12px;line-height:1.68}.map-current-badge{border-color:color-mix(in srgb, var(--df-accent) 44%, var(--df-border-soft));color:var(--df-accent-strong);flex:none}.map-location-section{gap:6px;margin-top:12px;display:grid}.map-location-section>strong{color:var(--df-text-muted);letter-spacing:.06em;font-size:10px}.map-location-chips{flex-wrap:wrap;gap:5px;display:flex}.map-location-chips button,.map-location-chips span{border:1px solid var(--df-border-soft);background:var(--df-control-bg);border-radius:999px;min-height:0;padding:3px 7px;font-size:10px}.map-location-chips button{color:var(--df-interactive-strong)}.map-background-picker{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.map-background-picker label{gap:6px;min-width:0;display:grid}.map-background-picker label>span{color:var(--df-text-secondary);font-size:12px;font-weight:700}.map-background-picker select{width:100%;min-width:0}.map-background-picker small{color:var(--df-text-muted);font-size:10px;line-height:1.45}.map-background-picker>button{white-space:nowrap}.create-advanced-settings{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:color-mix(in srgb, var(--df-control-bg) 82%, transparent);padding:9px 10px}.create-advanced-settings summary{cursor:pointer;color:var(--df-text-secondary);font-size:12px;font-weight:700}.create-advanced-settings[open] summary{margin-bottom:10px}.mobile-drawer-trigger-map{top:calc(50% + 58px)}@media (max-width:800px){.map-workspace-overlay{padding:0}.map-workspace-shell{width:100vw;height:var(--app-h,100dvh);border:0;border-radius:0}.map-workspace-header{min-height:54px;padding:max(7px, env(safe-area-inset-top)) 8px 7px max(10px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) 40px}.map-workspace-summary{display:none}.map-workspace-main{grid-template-rows:minmax(260px,58%) minmax(0,42%);grid-template-columns:minmax(0,1fr)}.map-workspace-canvas{padding:6px}.map-graph-workspace .map-head{margin:0 2px 5px}.map-graph-workspace .map-head h2{font-size:14px}.map-location-panel{padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--df-border-soft);border-left:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(140px,.9fr) minmax(0,1.1fr)}.map-search{grid-column:1/-1}.map-location-detail{padding:9px}.map-location-image{max-height:100px}}@media (max-width:520px){.map-background-picker{grid-template-columns:minmax(0,1fr)}.map-background-picker>button{width:100%}.map-workspace-main{grid-template-rows:minmax(240px,55%) minmax(0,45%)}.map-location-panel{grid-template-columns:minmax(118px,.82fr) minmax(0,1.18fr);gap:7px}.map-location-list-item{grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:5px 7px}.map-location-list-item img,.map-location-marker,.map-location-list-item small{display:none}.map-location-detail-head{display:block}.map-current-badge{margin-top:5px;display:inline-block}.map-location-image{display:none}}.peer-page{min-height:var(--app-h,100dvh);background:var(--df-app-bg);color:var(--df-text);flex-direction:column;padding:max(20px,min(4vw,54px));display:flex}.peer-page-embedded{background:0 0;min-height:0;padding:14px 16px 16px}.peer-page-embedded .peer-layout{gap:14px;width:100%;margin-top:0}.peer-page-embedded .peer-card{padding:16px}.peer-page-embedded .peer-mode-tabs{margin-bottom:16px}.peer-page-embedded .peer-field{margin-bottom:12px}.peer-page-embedded .peer-direct-consent{margin:2px 0 12px}.peer-header,.peer-layout{width:min(1080px,100%);margin-left:auto;margin-right:auto}.peer-header h1{font:700 clamp(28px, 5vw, 48px)/1.05 var(--df-font-display);margin:8px 0}.peer-header p{max-width:760px;color:var(--df-text-muted)}.peer-back{color:var(--df-text-muted);align-items:center;gap:6px;margin-bottom:24px;text-decoration:none;display:inline-flex}.peer-layout{flex:1;grid-template-rows:1fr;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;margin-top:28px;display:grid}.peer-load-level{align-items:center;width:fit-content;display:inline-flex}.peer-load-normal{color:var(--df-success)!important}.peer-load-busy{color:var(--df-warning,#c9913a)!important}.peer-load-nearly_full{color:var(--df-danger)!important}.peer-card{border:1px solid var(--df-border);border-radius:var(--df-radius-lg);background:var(--df-surface-1);min-width:0;box-shadow:var(--df-shadow);flex-direction:column;padding:max(18px,min(3vw,28px));display:flex}.peer-mode-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px;display:grid}.peer-mode-tabs button.active{border-color:var(--df-accent);color:var(--df-accent-strong);background:var(--df-accent-soft)}.peer-field{gap:7px;margin-bottom:16px;display:grid}.peer-field>span{font-weight:700}.peer-field small,.peer-invite>small{color:var(--df-text-muted);line-height:1.5}.peer-field textarea{resize:vertical;overflow-wrap:anywhere;font-family:var(--df-font-mono);font-size:12px}.peer-room-batch{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-sm);background:var(--df-surface-2);gap:10px;margin:-2px 0 16px;padding:12px;display:grid}.peer-room-batch>header{gap:4px;display:grid}.peer-room-batch>header>small,.peer-room-batch>small{color:var(--df-text-muted);font-size:12px;line-height:1.5}.peer-no-capacity{color:var(--df-text-muted);margin:0 0 16px;font-size:13px;line-height:1.55}.peer-room-batch ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.peer-room-batch li{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.peer-room-batch li>span{width:22px;height:22px;color:var(--df-accent-strong);background:var(--df-accent-soft);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.peer-room-batch li>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.peer-room-batch li>small{color:var(--df-text-muted);font-size:11px}.peer-room-batch .peer-batch-warning{color:var(--df-warning,#c9913a)}.peer-invite-preview{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-sm);background:var(--df-surface-2);gap:6px;margin:-2px 0 16px;padding:10px 12px;display:grid}.peer-invite-preview span{color:var(--df-text-muted);font-size:12px}.peer-invite-stun-list{gap:4px;display:grid}.peer-invite-preview code{overflow-wrap:anywhere;color:var(--df-accent-strong)}.peer-direct-consent{color:var(--df-text-muted);align-items:flex-start;gap:9px;margin:4px 0 14px;font-size:13px;line-height:1.55;display:flex}.peer-direct-consent input{flex:none;width:auto;margin-top:3px}.peer-direct-consent a{color:var(--df-accent-strong)}.peer-primary{justify-content:center;width:100%}.peer-invite{border-top:1px solid var(--df-border-soft);gap:8px;margin-top:18px;padding-top:14px;display:grid}.peer-invite-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.peer-invite-room{align-items:center;gap:8px;font-weight:700;display:inline-flex}.peer-invite-room code{color:var(--df-accent-strong);letter-spacing:.1em;font-size:16px}.peer-invite-item{grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.peer-invite-code-wrap{gap:4px;min-width:0;display:grid}.peer-invite-code-wrap>strong{color:var(--df-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.peer-invite-index{background:var(--df-accent-soft);width:26px;height:26px;color:var(--df-accent-strong);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.peer-invite-code textarea{overflow-wrap:anywhere;word-break:break-all;font-family:var(--df-font-mono);font-size:11.5px;line-height:1.5}.peer-invite-copy{white-space:nowrap;min-height:30px;padding:0 9px;font-size:12px}.peer-invite>small{color:var(--df-text-muted);line-height:1.5}.peer-copy-all{white-space:nowrap;min-height:30px;padding:0 10px;font-size:12px}.peer-status>header code{color:var(--df-accent-strong);letter-spacing:.12em;font-size:18px}.peer-status>header{justify-content:space-between;align-items:start;gap:16px;display:flex}.peer-status>header div{gap:8px;display:grid}.peer-status>header strong{align-items:center;gap:8px;display:inline-flex}.peer-status>header strong i{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px}.peer-state-connected{color:var(--df-success)}.peer-state-error{color:var(--df-danger)}.peer-state-signaling,.peer-state-waiting,.peer-state-connecting{color:var(--df-accent-strong)}.peer-member-states{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-sm);background:var(--df-surface-2);gap:6px;margin-top:16px;padding:12px;display:grid}.peer-member-states code{overflow-wrap:anywhere;color:var(--df-text-muted)}.peer-disconnect{margin-top:12px}.peer-enter-game{margin:12px 0 0 8px}.peer-boundary{border-left:3px solid var(--df-accent);background:var(--df-surface-2);color:var(--df-text-muted);margin:20px 0;padding:12px}.peer-connection-check{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:var(--df-surface-2);flex-direction:column;flex:1;justify-content:center;gap:10px;padding:16px;display:flex}.peer-connection-check h2{font:700 20px/1.2 var(--df-font-display);margin:0}.peer-connection-check p{color:var(--df-text-muted);margin:0;line-height:1.65}.peer-connection-check strong{width:fit-content;color:var(--df-text-muted);align-items:center;gap:8px;display:inline-flex}.peer-connection-check strong i{background:var(--df-text-muted);border-radius:50%;width:8px;height:8px}.peer-connection-check.active{border-color:color-mix(in srgb, var(--df-success) 42%, var(--df-border))}.peer-connection-check.active strong{color:var(--df-success)}.peer-connection-check.active strong i{background:var(--df-success);box-shadow:0 0 10px color-mix(in srgb, var(--df-success) 70%, transparent)}.peer-status-detail{border:1px solid var(--df-border-soft);color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-surface-2) 55%, transparent);border-radius:5px;padding:8px 10px;font-size:12px;line-height:1.6}@media (max-width:760px){.peer-page{padding:16px 12px calc(24px + env(safe-area-inset-bottom))}.peer-page-embedded{min-height:0;padding:12px 10px calc(20px + env(safe-area-inset-bottom))}.peer-layout{grid-template-rows:auto;grid-template-columns:1fr;align-items:start}.peer-card{padding:16px}.peer-status>header{flex-direction:column;align-items:start}.peer-invite-item{grid-template-columns:22px minmax(0,1fr) auto;gap:6px}.peer-invite-index{width:22px;height:22px}.peer-room-batch li{grid-template-columns:22px minmax(0,1fr)}.peer-room-batch li>small{grid-column:2}}.peer-connect-modal-host{align-items:center;display:flex}.peer-connect-modal{box-sizing:border-box;-webkit-overflow-scrolling:touch;width:min(720px,100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto}@media (max-width:620px){.peer-connect-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}.safe-markdown{overflow-wrap:anywhere;font-size:14px;line-height:1.75}.safe-markdown h1,.safe-markdown h2,.safe-markdown h3,.safe-markdown h4,.safe-markdown h5,.safe-markdown h6{color:var(--df-text);line-height:1.35;font-family:var(--df-font-title);margin:1.4em 0 .6em}.safe-markdown h1:first-child,.safe-markdown h2:first-child,.safe-markdown h3:first-child{margin-top:0}.safe-markdown h1{border-bottom:1px solid var(--df-border-soft);padding-bottom:.35em;font-size:1.6em}.safe-markdown h2{border-bottom:1px solid var(--df-border-soft);padding-bottom:.3em;font-size:1.35em}.safe-markdown h3{font-size:1.18em}.safe-markdown h4{font-size:1.05em}.safe-markdown h5,.safe-markdown h6{color:var(--df-text-secondary);font-size:1em}.safe-markdown p{margin:.6em 0}.safe-markdown a{color:var(--df-accent-strong);text-decoration:none}.safe-markdown a:hover{text-decoration:underline}.safe-markdown ul,.safe-markdown ol{margin:.6em 0;padding-left:1.6em}.safe-markdown li,.safe-markdown li>p,.safe-markdown ul ul,.safe-markdown ul ol,.safe-markdown ol ul,.safe-markdown ol ol{margin:.25em 0}.safe-markdown li.task-list-item{margin-left:-1.4em;list-style:none}.safe-markdown li.task-list-item input[type=checkbox]{vertical-align:middle;margin:0 .45em 0 0}.safe-markdown code{border-radius:var(--df-radius-sm);background:color-mix(in srgb, var(--df-text) 8%, transparent);font-family:var(--df-font-mono);padding:.15em .4em;font-size:.88em}.safe-markdown pre{border:1px solid var(--df-border-soft);border-radius:var(--df-radius-md);background:var(--df-surface-2);margin:.8em 0;padding:12px 14px;line-height:1.6;overflow-x:auto}.safe-markdown pre code{background:0 0;border:none;padding:0;font-size:.9em}.safe-markdown blockquote{border-left:4px solid var(--df-border);color:var(--df-text-secondary);background:color-mix(in srgb, var(--df-surface-1) 55%, transparent);border-radius:0 var(--df-radius-sm) var(--df-radius-sm) 0;margin:.8em 0;padding:.3em 1em}.safe-markdown blockquote>:first-child{margin-top:.3em}.safe-markdown blockquote>:last-child{margin-bottom:.3em}.safe-markdown table{border-collapse:collapse;width:max-content;max-width:100%;margin:.8em 0;font-size:.92em;display:block;overflow-x:auto}.safe-markdown th,.safe-markdown td{border:1px solid var(--df-border-soft);padding:6px 13px}.safe-markdown th{background:var(--df-surface-2);white-space:nowrap;font-weight:600}.safe-markdown tr:nth-child(2n) td{background:color-mix(in srgb, var(--df-surface-1) 50%, transparent)}.safe-markdown img{border-radius:var(--df-radius-sm);max-width:100%}.safe-markdown hr{background:var(--df-border-soft);border:none;height:1px;margin:1.4em 0}.safe-markdown kbd{border:1px solid var(--df-border);border-radius:var(--df-radius-sm);background:var(--df-surface-2);font-family:var(--df-font-mono);border-bottom-width:2px;padding:.1em .45em;font-size:.85em}.safe-markdown del{color:var(--df-text-muted)}