:root{--bg: #16121f;--grad-1: #3b2a6e;--grad-2: #1f3a5c;--grad-3: #241b3d;--glass: hsl(260 30% 12% / .5);--glass-strong: hsl(260 30% 11% / .8);--glass-border: hsl(0 0% 100% / .12);--glass-sheen: hsl(0 0% 100% / .14);--panel-2: hsl(0 0% 100% / .07);--panel-3: hsl(0 0% 100% / .12);--portrait-bg: #2b2536;--border: hsl(0 0% 100% / .14);--text: #eeeaf6;--muted: #a89fc2;--accent: #7d3fd6;--accent-text: #ffffff;--accent-glow: hsl(268 60% 55% / .45);--danger: #e05252;--radius: 10px;color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background-color:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;overscroll-behavior:none;transition:background-color .3s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(ellipse 70% 60% at 12% 8%,var(--grad-1),transparent 65%),radial-gradient(ellipse 60% 55% at 90% 92%,var(--grad-2),transparent 65%),radial-gradient(ellipse 50% 50% at 60% 45%,var(--grad-3),transparent 70%)}body:after{--motif-peak: .3;--motif-reach: 90%;content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--accent-2, var(--accent));-webkit-mask-image:var(--motif, none),linear-gradient(to top,#000 0%,transparent var(--motif-reach));mask-image:var(--motif, none),linear-gradient(to top,#000 0%,transparent var(--motif-reach));-webkit-mask-size:var(--motif-size, 140px),100% 100%;mask-size:var(--motif-size, 140px),100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-position:0 100%,0 0;mask-position:0 100%,0 0;-webkit-mask-composite:source-in;mask-composite:intersect;opacity:var(--motif-peak)}:root[data-theme=light] body:after{background-color:color-mix(in srgb,var(--accent-2, var(--accent)) 55%,var(--text))}h1,h2,.modal-head h3,.brand-name{font-family:var(--display-font, inherit);letter-spacing:.02em}.glass,.glass-strong{background:var(--glass);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-sheen),0 8px 32px #00000040}.glass-strong{background:var(--glass-strong)}button,input,select,textarea{font:inherit;color:inherit}button{background:linear-gradient(180deg,var(--panel-3),var(--panel-2));border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 var(--glass-sheen);transition:border-color .15s,box-shadow .15s,transform .1s}button:hover:not(:disabled){border-color:var(--accent);box-shadow:inset 0 1px 0 var(--glass-sheen),0 0 0 3px var(--accent-glow)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.active,button.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 72%,var(--accent-2, white)),var(--accent));color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 70%,white);box-shadow:inset 0 1px #fff6,0 2px 12px var(--accent-glow)}button:hover:not(:disabled):not(.active):not(.primary){background:linear-gradient(180deg,var(--panel-3),var(--panel-2));color:var(--text)}button.active:hover:not(:disabled),button.primary:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,white),var(--accent));color:var(--accent-text)}button.danger{background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 80%,white),var(--danger));color:#fff;border-color:var(--danger)}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 8px;min-width:0;box-shadow:inset 0 1px 2px #00000026}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input[type=color]{padding:0 2px;width:36px;height:32px}select option,select optgroup{background-color:#1b1e26;color:#e9eaee}:root[data-theme=light] select option,:root[data-theme=light] select optgroup{background-color:#fff;color:#15171c}.shell{display:grid;grid-template-columns:220px 1fr;height:100dvh;gap:8px;padding:8px;transition:grid-template-columns .2s ease}.shell.collapsed{grid-template-columns:60px 1fr}.sidenav{display:flex;flex-direction:column;border-radius:var(--radius);padding:8px;gap:4px;min-height:0;overflow:hidden}.brand{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 10px;font-weight:700;letter-spacing:.06em}.collapsed .brand{justify-content:center}.collapsed .brand-name,.collapsed .nav-label{display:none}.nav-items{display:flex;flex-direction:column;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--muted);text-decoration:none;transition:background .15s,color .15s}.collapsed .nav-item{justify-content:center;padding:9px 0}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,var(--accent-glow),transparent);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.sidenav-user{display:flex;align-items:center;gap:8px;padding:8px 6px 4px;border-top:1px solid var(--border)}.collapsed .sidenav-user{justify-content:center}.icon-btn{padding:5px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.nav-burger,.nav-backdrop{display:none}.shell-main{min-height:0;min-width:0;overflow:auto}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;object-fit:cover;flex:0 0 auto;box-shadow:inset 0 1px #ffffff59}.splash{height:100dvh;display:grid;place-items:center;color:var(--muted)}.page{padding:16px 20px 32px;max-width:1100px;display:flex;flex-direction:column;gap:20px}.page h1{margin:0;font-size:29px}.page h1:after{content:"";display:block;width:72px;height:2px;margin-top:6px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2, var(--accent)),transparent)}.page h2{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card{border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.field>input{color:var(--text);font-size:15px}.pill,.code-pill{font-size:12px;padding:3px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.code-pill{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.15em;color:var(--text)}.hub-actions{display:flex;gap:10px}.hub-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;font-size:17px;font-weight:600;border-radius:var(--radius)}.code-form{max-width:420px}.code-input{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:23px;letter-spacing:.3em;text-transform:uppercase;text-align:center}.table-list{display:flex;flex-direction:column;gap:6px}.table-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);text-align:left;background:var(--glass)}.table-row .table-name{flex:1;font-weight:600;font-size:16px}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.table-card{aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;padding:14px;border-radius:var(--radius);text-align:left;background:var(--glass);white-space:normal}.table-card .table-name{font-weight:600;font-size:17px}.table-card.new{align-items:center;justify-content:center;border-style:dashed;color:var(--muted);background:transparent}.table-card.new:hover{color:var(--text)}.login-card{display:flex;flex-direction:column;gap:12px;width:min(380px,90vw);padding:28px;border-radius:14px}.login-card h1{margin:0;font-size:23px}.login-card p{margin:0}a.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:600}a.button.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 80%,white),var(--accent));color:var(--accent-text);border:1px solid color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 2px 12px var(--accent-glow)}.dev-login{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.dev-login label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 340px;height:100%;gap:8px}.table-title{font-weight:600;padding:0 4px}.code-btn{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.15em}.status{display:inline-flex;align-items:center;gap:6px}.presence-list{left:auto;right:0;width:280px}.presence-group h4{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.presence-row{display:flex;align-items:center;gap:8px;padding:4px 0}.ping{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.ping.good{color:#3ecf5a}.ping.ok{color:#ffb224}.ping.bad{color:var(--danger)}.toast{position:absolute;top:calc(100% + 8px);right:0;padding:8px 14px;border-radius:8px;font-size:14px;animation:toast-fade 1.5s ease forwards;pointer-events:none;z-index:20}@keyframes toast-fade{0%{opacity:0;transform:translateY(-4px)}15%,70%{opacity:1;transform:none}to{opacity:0}}.board-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 20px;border-radius:var(--radius);color:var(--danger)}.member-list{display:flex;flex-direction:column;gap:4px}.member-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.member-row select{padding:3px 6px;font-size:13px}.toolbar{position:relative;z-index:15;grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border-radius:var(--radius)}.toolbar .group{display:flex;gap:4px;align-items:center;padding-right:8px;border-right:1px solid var(--border)}.toolbar .group:last-child{border-right:0;margin-left:auto}.toolbar .group.rel{position:relative}.toolbar{flex-wrap:nowrap}.toolbar .group.toolbar-left{flex:0 0 auto;min-width:0}.toolbar .group.toolbar-left:empty{display:none}.toolbar .group.rel{flex:0 0 auto;margin-left:0}.toolbar-center{flex:1 1 auto;min-width:0;display:flex;justify-content:center}.turn-tracker{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;width:100%;justify-content:safe center;overflow:hidden}.turn-info{display:flex;flex-direction:column;align-items:flex-end;flex:0 1 auto;min-width:0;max-width:40%;line-height:1.15}.turn-round{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.turn-name{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-row{display:flex;align-items:center;gap:6px;flex:1 1 0;min-width:0;max-width:560px;overflow:hidden}.turn-more{flex:0 0 auto;font-size:12px;color:var(--muted);white-space:nowrap;padding-left:4px}.combatant-portrait{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:2px solid var(--border);background-color:var(--portrait-bg);background-size:cover;background-position:center;color:var(--muted);font-weight:700;overflow:hidden}.combatant-portrait.active{box-shadow:0 0 0 2px var(--accent),0 0 12px var(--accent-glow)}.popover{position:absolute;top:calc(100% + 8px);left:0;z-index:10;border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px;width:min(320px,92vw)}.popover label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.popover label>input{flex:1}.board{position:relative;overflow:hidden;touch-action:none;min-height:0;border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:inset 0 0 60px #00000040;background:#14161c}.board:before{content:"";position:absolute;inset:0;background-image:var(--mood, none);background-size:cover;background-position:center;transition:filter .4s ease,opacity .4s ease}.board.tactical:before{filter:blur(14px) brightness(.4) saturate(.85);transform:scale(1.06)}.stage-host{position:absolute;inset:0}.stage-host.empty{display:grid;place-items:center}.board.tactical:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--accent),inset 0 0 18px var(--accent-glow);z-index:3}.flame-border{--flame-depth: 11px;--flame-core: color-mix(in srgb, var(--accent) 45%, white);position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:var(--radius)}.flame-side{position:absolute;filter:drop-shadow(0 0 2px var(--accent-glow))}.flame-side.top,.flame-side.bottom{left:0;right:0;height:var(--flame-depth)}.flame-side.left,.flame-side.right{top:0;bottom:0;width:var(--flame-depth)}.flame-side.top{top:0}.flame-side.bottom{bottom:0}.flame-side.left{left:0}.flame-side.right{right:0}.flame-row{position:absolute;inset:0;-webkit-mask-repeat:repeat;mask-repeat:repeat;animation-timing-function:linear;animation-iteration-count:infinite}.flame-row.r1{--tongue: 11px;--reach: 1;opacity:.55;animation-duration:3.2s}.flame-row.r2{--tongue: 16px;--reach: .72;opacity:.35;animation-duration:5.4s}.flame-row.r3{--tongue: 22px;--reach: .5;opacity:.25;animation-duration:8.6s}.flame-side.bottom .flame-row,.flame-side.top .flame-row{-webkit-mask-size:var(--tongue) calc(100% * var(--reach));mask-size:var(--tongue) calc(100% * var(--reach));animation-name:flame-roll-x}.flame-side.left .flame-row,.flame-side.right .flame-row{-webkit-mask-size:calc(100% * var(--reach)) var(--tongue);mask-size:calc(100% * var(--reach)) var(--tongue);animation-name:flame-roll-y}.flame-side.top .flame-row,.flame-side.right .flame-row{--roll: var(--tongue)}.flame-side.bottom .flame-row,.flame-side.left .flame-row{--roll: calc(var(--tongue) * -1)}.flame-side.bottom .flame-row{-webkit-mask-image:var(--flame-up);mask-image:var(--flame-up);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;background:linear-gradient(to top,var(--flame-core),var(--accent) 45%,transparent);transform-origin:50% 100%}.flame-side.top .flame-row{-webkit-mask-image:var(--flame-down);mask-image:var(--flame-down);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;background:linear-gradient(to bottom,var(--flame-core),var(--accent) 45%,transparent);transform-origin:50% 0}.flame-side.left .flame-row{-webkit-mask-image:var(--flame-right);mask-image:var(--flame-right);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;background:linear-gradient(to right,var(--flame-core),var(--accent) 45%,transparent);transform-origin:0 50%}.flame-side.right .flame-row{-webkit-mask-image:var(--flame-left);mask-image:var(--flame-left);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;background:linear-gradient(to left,var(--flame-core),var(--accent) 45%,transparent);transform-origin:100% 50%}@keyframes flame-roll-x{0%{-webkit-mask-position-x:0;mask-position-x:0}to{-webkit-mask-position-x:var(--roll);mask-position-x:var(--roll)}}@keyframes flame-roll-y{0%{-webkit-mask-position-y:0;mask-position-y:0}to{-webkit-mask-position-y:var(--roll);mask-position-y:var(--roll)}}@media(prefers-reduced-motion:reduce){.flame-row{animation:none}}.tool-sidebar{position:absolute;left:10px;top:10px;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.tool-cat{width:42px;height:42px;border-radius:50%;padding:0;display:grid;place-items:center;background:var(--glass-strong);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-sheen),0 6px 18px #0000004d}.tool-cat.active,.tool-cat.active:not(.open):hover:not(:disabled){background:var(--glass-strong);border-color:var(--accent);color:var(--accent);box-shadow:inset 0 1px 0 var(--glass-sheen),0 0 0 3px var(--accent-glow)}.tool-cat.open{background:var(--accent);color:var(--accent-text)}.tool-flyout{position:absolute;left:50px;border-radius:var(--radius);padding:8px;display:flex;gap:6px;z-index:6}.tool-flyout.draw{flex-direction:column;width:240px;top:52px}.tool-row{display:flex;gap:4px;flex-wrap:wrap}.tool-btn{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:8px}.tool-btn.danger{color:var(--danger)}.eraser-slot{position:relative}.eraser-flyout{position:absolute;left:0;bottom:calc(100% + 4px);display:flex;gap:4px;padding:5px;border-radius:8px;z-index:8}.brush-slider{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.brush-slider.disabled{opacity:.45}.brush-label{width:74px;flex:0 0 auto}.brush-slider input[type=range]{flex:1;padding:0;border:0;background:transparent;box-shadow:none;min-width:0}.brush-slider input[type=range].hue{background:linear-gradient(90deg,#f42525,#f4f425,#25f425,#25f4f4,#2525f4,#f425f4,#f42525);border-radius:999px;height:6px}.brush-value{width:58px;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.tool-flyout.objects{top:104px;width:260px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.objects-panel{width:100%;border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px}.object-list{display:flex;flex-direction:column;gap:5px;max-height:220px;overflow-y:auto}.object-row{display:flex;align-items:center;gap:6px;padding:4px;border-radius:8px;border:1px solid transparent}.object-row.active{border-color:var(--accent);background:var(--panel-2)}.object-thumb{width:34px;height:34px;flex:0 0 auto;border-radius:6px;background-size:cover;background-position:center;padding:0}.object-row input{font-size:13px;padding:4px 6px}.toggle-row{display:flex;align-items:center;gap:8px;font-size:14px;padding:4px 0;cursor:pointer}.toggle-row.small{font-size:12px;color:var(--muted)}section.readonly .toggle-row{opacity:.55;cursor:default}.gm-divider{border:0;border-top:1px solid var(--border);margin:4px 0}.role-buttons{display:flex;gap:3px}.role-buttons button{padding:3px 7px;font-size:12px}.token-hud{position:absolute;z-index:6;pointer-events:none}.token-hud>*{pointer-events:auto}.hud-actions{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--glass-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);white-space:nowrap}.hud-actions button{width:28px;height:28px;padding:0;border-radius:50%;display:grid;place-items:center}.hud-height{position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px;border-radius:8px;background:var(--glass-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border)}.hud-height button{width:22px;height:20px;padding:0;display:grid;place-items:center;border-radius:5px;font-size:15px;line-height:1}.hud-conditions{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.hud-cond{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--glass-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border)}.hud-cond.has{background:linear-gradient(180deg,#d264e0,#a938b8);border-color:#e08bec;color:#fff}.hud-name-slot{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:90px}.hud-name{font-size:12px;padding:3px 8px;border-radius:8px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;background:var(--glass-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cond-menu{position:absolute;left:calc(100% + 8px);top:0;display:flex;gap:10px;padding:10px;border-radius:var(--radius);z-index:9;max-height:46dvh;overflow-y:auto}.cond-group{display:flex;flex-direction:column;gap:3px;min-width:108px}.cond-group h5{margin:0 0 2px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.cond-item{font-size:12px;padding:3px 7px;text-align:left}.cond-item.all{background:linear-gradient(180deg,#d264e0,#a938b8);border-color:#d264e0;color:#fff}.cond-item.some{background:linear-gradient(180deg,var(--panel-3),var(--panel-2));border-color:#d264e0;color:#e5a8ee;border-style:dashed}.stack-pick{position:absolute;z-index:8;padding:6px;border-radius:var(--radius);display:flex;flex-direction:column;gap:3px;min-width:140px}.stack-pick button{display:flex;align-items:center;gap:6px;font-size:13px;text-align:left}.stack-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.barrier-hud{position:absolute;z-index:8;transform:translate(-50%,-130%);padding:7px;border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;min-width:200px}.barrier-hud button{font-size:12px;padding:4px 10px}.token-settings{text-align:left}.subtabs{display:flex;gap:4px;padding:2px;border-radius:8px;background:var(--panel-2)}.subtabs button{flex:1;font-size:13px;padding:5px;background:transparent;border-color:transparent;box-shadow:none}.subtabs button.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 80%,white),var(--accent));color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 70%,white)}.pick-list{display:flex;flex-direction:column;gap:3px;padding:7px;border-radius:var(--radius)}.pick-list button{text-align:left;font-size:13px}.party-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.party-head{margin:6px 0 2px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.party-member{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:var(--radius);border:1px solid var(--border)}.party-member.offline{opacity:.5}.party-owner{display:flex;align-items:center;gap:6px;font-size:13px}.party-empty{padding-left:4px}.party-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.party-portrait.placeholder{display:grid;place-items:center;font-weight:700;color:var(--muted)}.party-row[draggable=true]{cursor:grab}.party-row.offline{opacity:.45}.party-portrait{width:34px;height:34px;border-radius:8px;background-size:cover;background-position:center;background-color:var(--portrait-bg);flex:0 0 auto}.party-who{flex:1;display:flex;flex-direction:column;min-width:0}.party-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal.library{width:min(1180px,100%);max-height:90dvh}.modal.npc-sheet{width:min(720px,100%);max-height:90dvh}.library-body{display:grid;grid-template-columns:minmax(240px,320px) 1fr;min-height:0;flex:1}@media(max-width:720px){.library-body{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.library-index{border-right:none;border-bottom:1px solid var(--border)}}.library-index{overflow-y:auto;padding:10px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.library-level h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.library-group h5{margin:6px 0 4px;font-size:12px;color:var(--muted)}.statblock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.statblock-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;font-size:12px;white-space:normal;line-height:1.2}.statblock-portrait{width:46px;height:46px;border-radius:12px;border:2px solid var(--border);background-size:cover;background-position:center;background-color:var(--portrait-bg);display:grid;place-items:center;font-size:19px;font-weight:700;color:var(--muted)}.statblock-portrait.large{width:66px;height:66px;font-size:25px}.statblock-portrait.small{width:34px;height:34px;border-radius:8px;font-size:15px;flex:0 0 auto}.statblock-name{text-align:center}.library-detail{overflow-y:auto;overflow-x:hidden;padding:14px}.statblock{display:flex;flex-direction:column;gap:12px}.statblock-head{display:flex;gap:12px;align-items:flex-start}.statblock-head h3{margin:0 0 2px;font-size:18px}.statblock-head .dim{display:block}.statblock-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px}.statblock-stats .stat{min-width:0;padding:6px 4px}.flavor{font-style:italic;margin:0}.rename-row{display:flex;align-items:center;gap:3px}.rename-row input{padding:3px 5px;font-size:13px;min-width:0}.variant-input{width:46px;flex:0 0 auto;text-align:center}.party-name.link{background:transparent;border:0;box-shadow:none;padding:0;text-align:left;color:var(--text)}.party-name.link:hover{color:var(--accent);box-shadow:none}.combat-hud{position:absolute;left:12px;bottom:12px;z-index:7;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;max-width:min(880px,calc(100% - 24px))}.hud-portrait{width:58px;height:58px;border-radius:12px;background-size:cover;background-position:center;background-color:var(--panel-2);border:1px solid var(--glass-border);display:grid;place-items:center;font-size:23px;font-weight:700;flex:0 0 auto}.hud-vitals{display:flex;flex-direction:column;gap:5px;min-width:190px}.hud-who{font-weight:600;font-size:15px}.pip-row{display:flex;gap:6px}.pip{flex:1;display:flex;flex-direction:column;gap:2px;padding:4px 6px;border-radius:7px;background:var(--panel-2);border:1px solid var(--border);min-width:58px}.pip-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pip-edit{display:flex;align-items:center;gap:2px;font-size:13px;font-variant-numeric:tabular-nums}.pip-edit button{width:17px;height:17px;padding:0;display:grid;place-items:center;font-size:13px;line-height:1;flex:0 0 auto}.pip-edit input{width:34px;padding:1px 2px;text-align:center;font-weight:700;font-size:13px}.pip-edit input::-webkit-outer-spin-button,.pip-edit input::-webkit-inner-spin-button{appearance:none;margin:0}.pip-bar{height:3px;border-radius:999px;background:#ffffff1f;overflow:hidden}.pip-bar>span{display:block;height:100%;border-radius:999px}.pip.hp .pip-bar>span{background:#3ecf5a}.pip.ap .pip-bar>span{background:#4fb8f0}.pip.bp .pip-bar>span{background:#d264e0}.move-row{display:flex;align-items:center;gap:6px}.move-modes{display:flex;gap:3px;margin-left:auto}.move-modes button{width:22px;height:22px;padding:0;font-size:12px;font-weight:700;display:grid;place-items:center}.hud-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:4px}.hud-action{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 7px;font-size:12px;line-height:1.2}.action-label{font-weight:600}.action-cost{font-size:10px;color:var(--muted)}.hud-abilities{display:flex;flex-direction:column;gap:3px;max-width:240px}.hud-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hud-chip-row{display:flex;flex-wrap:wrap;gap:3px}.hud-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:3px 7px}.hud-tail{display:flex;flex-direction:column;gap:4px}.hud-tail button{font-size:12px;display:inline-flex;align-items:center;gap:4px;justify-content:center}.hud-notice{position:absolute;top:-28px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;white-space:nowrap}.hud-prompt{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:min(340px,90vw);padding:14px;border-radius:var(--radius);display:flex;flex-direction:column;gap:9px}.hud-prompt h4{margin:0;font-size:14px}.qty{min-width:28px;text-align:center;font-weight:700}@media(max-width:900px){.combat-hud{flex-wrap:wrap;justify-content:center;bottom:64px;right:12px}.hud-abilities{max-width:none}}.character-card{aspect-ratio:auto;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border-radius:var(--radius);text-align:left;background:var(--glass);white-space:normal}.portrait{width:56px;height:56px;border-radius:12px;background-size:cover;background-position:center;background-color:var(--panel-2);border:1px solid var(--border);display:grid;place-items:center;font-size:23px;font-weight:700;color:var(--muted);margin-bottom:6px;flex:0 0 auto}.portrait.large{width:76px;height:76px;font-size:29px;margin:0}.character-name{font-weight:600;font-size:17px}.small{font-size:13px}.warn{font-size:13px;color:#ffb224}.sheet{width:min(720px,100%)}.sheet-head{display:flex;gap:12px;align-items:flex-start;padding:14px;border-bottom:1px solid var(--border)}.sheet-title{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.sheet-head-actions{display:flex;align-items:center;gap:8px}.name-input{font-size:20px;font-weight:700;background:transparent;border-color:transparent;padding:2px 6px}.tagline-input{font-size:13px;background:transparent;border-color:transparent;padding:2px 6px;color:var(--muted)}.name-input:hover,.tagline-input:hover,.name-input:focus,.tagline-input:focus{background:var(--panel-2);border-color:var(--border)}.sheet-section{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sheet-section h4{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.danger-zone{border-bottom:0}.stat-row{display:flex;gap:8px;flex-wrap:wrap}.stat{flex:1;min-width:92px;display:flex;flex-direction:column;gap:3px;align-items:center;padding:7px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stat-value{font-size:19px;font-weight:700}.stat-controls{display:flex;align-items:center;gap:3px}.stat-controls button{width:22px;height:22px;padding:0;display:grid;place-items:center}.stat-controls input{width:52px;text-align:center;font-weight:700;padding:3px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px}.skill-head,.skill-row{display:grid;grid-template-columns:1fr 62px 62px 46px 46px;gap:6px;align-items:center}.skill-head{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:center}.skill-head span:first-child{text-align:left}.skill-row{padding:3px 0;border-bottom:1px solid var(--border)}.skill-row input{text-align:center;padding:4px}.skill-row>span:not(.skill-name){text-align:center;font-variant-numeric:tabular-nums}.skill-name{font-size:14px}.skill-name b{color:var(--accent);margin-right:5px}.entry-list{display:flex;flex-direction:column;gap:5px}.entry{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.rank-swatch{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex:0 0 auto}.encounter-card{aspect-ratio:auto;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px;border-radius:var(--radius);text-align:left;background:var(--glass);white-space:normal}.encounter-name{font-size:16px;font-weight:600}.fpow-badge{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--accent);background:var(--panel-2);border:1px solid var(--border)}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal.encounter-editor{width:min(780px,100%);max-height:92dvh}.encounter-editor .modal-body{gap:14px;padding:14px}.encounter-title{font-size:18px;font-weight:600;background:transparent;border-color:transparent}.encounter-title:hover,.encounter-title:focus{background:var(--panel-2);border-color:var(--border)}.encounter-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.encounter-totals .small-value{font-size:14px}.encounter-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.encounter-row .statblock-portrait.small{width:40px;height:40px;font-size:16px}.encounter-totals .stat{padding:10px 7px}.difficulty-box,.party-picker{padding:12px;gap:9px}.difficulty-breakdown{gap:5px}.encounter-row .count{min-width:22px;text-align:center;font-weight:700}.tight-row{gap:6px}.subtabs.tight{flex:0 0 auto;margin:0}.subtabs.tight button{padding:3px 10px;font-size:13px}.party-picker{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border)}.kind-rail{display:flex;flex-wrap:wrap;gap:6px}.kind-rail button{padding:6px 13px;font-size:13px}.shelf-tabs{max-width:340px}.search-field{max-width:420px}.status-badge{margin-top:auto;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid var(--border);background:var(--panel-2);color:var(--muted)}.status-badge.public{color:#3cb865;border-color:#39ac6080}.status-badge.shared{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.sharing-box{display:flex;flex-direction:column;gap:8px;padding:11px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border)}.link-btn{display:inline;padding:0;background:transparent;border:0;box-shadow:none;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}.link-btn:hover{filter:brightness(1.2);box-shadow:none}.modal-backdrop.stacked{z-index:60}.modal.changelog{width:min(520px,100%);max-height:75dvh}.changelog-body{gap:8px}.publish-warning{display:flex;flex-direction:column;gap:7px;padding:11px;border-radius:9px;background:#cc33331a;border:1px solid hsl(0 60% 55% / .4)}.library .subtabs{margin:0 10px 10px;flex:0 0 auto}.party-picker h4{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.difficulty-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);white-space:nowrap}.difficulty-pill.d1{color:var(--text)}.difficulty-pill.d2{color:#e0a43c;border-color:#dfa03a80}.difficulty-pill.d3{color:var(--danger);border-color:#e052528c}.difficulty-box{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border)}.difficulty-breakdown{display:flex;flex-direction:column;gap:3px}.breakdown-row{display:flex;justify-content:space-between;gap:10px}.combat-difficulty{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border)}.init-list li.down{opacity:.5}.init-list li.down .name{text-decoration:line-through}.modal.new-foe{width:min(880px,100%);max-height:90dvh}.new-foe-body{display:grid;grid-template-columns:minmax(260px,320px) 1fr;min-height:0;flex:1}.new-foe-form{display:flex;flex-direction:column;gap:8px;padding:12px;border-right:1px solid var(--border);overflow-y:auto}.new-foe-preview{padding:14px;overflow-y:auto;overflow-x:hidden}.editor-section{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--border)}.editor-section h4{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.editor-entry{display:flex;flex-direction:column;gap:4px;padding:7px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.editor-entry textarea{resize:vertical}.row.wrap{flex-wrap:wrap}.row.wrap button{font-size:12px;padding:4px 8px}.cost-field{display:flex;align-items:center;gap:4px;flex:0 0 auto}.cost-field input{width:52px;text-align:center}@media(max-width:720px){.new-foe-body{grid-template-columns:1fr;grid-template-rows:auto auto;overflow-y:auto}.new-foe-form{border-right:none;border-bottom:1px solid var(--border)}}.sub-head{margin:10px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.layer-block{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--border)}.grid-toggle{display:flex;align-items:center;gap:6px;font-size:13px;justify-content:flex-start}.grid-options{display:flex;flex-direction:column;gap:8px;padding:8px 10px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.token-settings .field-row select,.token-settings .field-row input{flex:1}.toggle-row input[type=checkbox]{width:16px;height:16px;flex:0 0 auto;accent-color:var(--accent)}.brush-preview{height:12px;border-radius:999px;border:1px solid var(--border)}.layer-rail{position:absolute;top:10px;right:10px;z-index:4;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:999px}.layer-slot{position:relative;display:flex;align-items:center;justify-content:center}.layer-btn{width:34px;height:34px;border-radius:50%;padding:0;font-weight:700;font-size:14px}.layer-count{position:absolute;right:-3px;bottom:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:700;display:grid;place-items:center;pointer-events:none}.layer-rail{z-index:6}.scenes-btn svg{display:block;margin:auto}.scenes-btn.open{border-color:var(--accent);color:var(--accent)}.layer-rail-rule{height:1px;margin:2px 6px;background:var(--border)}.scenes-float{position:absolute;top:0;right:calc(100% + 10px);width:300px;max-height:min(72vh,680px);display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius);z-index:12}.scenes-float-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;padding-left:2px}.scenes-float .scene-list{min-height:0}.adjust-grid-btn{display:flex;align-items:center;gap:6px;font-size:13px;justify-content:flex-start}.grid-mode-dim>div{position:fixed;z-index:70;background:color-mix(in srgb,var(--bg) 90%,transparent)}.grid-mode-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(820px,calc(100% - 28px));max-height:60%;overflow-y:auto;z-index:20;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--accent);box-shadow:0 10px 40px #00000073,0 0 18px var(--accent-glow)}.grid-mode-head{display:flex;align-items:flex-start;gap:12px}.grid-mode-head h3{margin:0 0 2px;font-size:19px;color:var(--accent)}.grid-mode-close{width:46px;height:46px;padding:0;display:grid;place-items:center;border-radius:50%;flex:0 0 auto}.grid-mode-bar .grid-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;padding:0;background:transparent;border:0}.grid-mode-bar .grid-options>.dim{grid-column:1 / -1}@media(max-width:760px){.grid-mode-bar .grid-options{grid-template-columns:1fr}}.scene-menu.layer-menu{left:auto;right:calc(100% + 8px);top:0;width:190px;z-index:13}.layer-menu-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:2px 4px 4px}.layer-dark-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;max-width:min(360px,80%);padding:12px 16px;border-radius:var(--radius);text-align:center;font-size:14px;color:var(--muted);pointer-events:none}.watcher-list{position:absolute;right:calc(100% + 8px);top:0;padding:8px;border-radius:8px;display:flex;flex-direction:column;gap:4px;white-space:nowrap;z-index:6}.watcher{display:flex;align-items:center;gap:6px;font-size:13px}.scene-notes{position:absolute;right:10px;bottom:10px;width:min(320px,60%);border-radius:var(--radius);z-index:4;overflow:hidden;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column}.scene-notes-head{display:flex;align-items:center;width:100%;border:1px solid var(--glass-border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 70%,transparent),color-mix(in srgb,var(--accent) 25%,transparent));backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:var(--accent-text);font-weight:600;padding:8px 12px;box-shadow:inset 0 1px #ffffff59,0 4px 16px #00000040}.scene-notes-body{margin-top:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--glass-strong);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);font-size:14px;color:var(--text);max-height:40dvh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.scene-detail h4{margin:0 0 2px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.scene-detail p{margin:0;white-space:pre-wrap;line-height:1.45}.scene-details-form{display:flex;flex-direction:column;gap:12px}.scene-details-form>p{margin:0}.scene-detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-detail-field{display:flex;flex-direction:column;gap:4px}.scene-detail-field>span{font-size:12px;font-weight:600;color:var(--muted)}.scene-detail-field textarea{width:100%;resize:vertical;field-sizing:content;min-height:3lh;max-height:40dvh}@media(max-width:520px){.scene-detail-pair{grid-template-columns:1fr}}.scene-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.scene-folder{border:1px solid var(--border);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:6px}.folder-head{display:flex;align-items:center;gap:4px}.folder-head input{flex:1;padding:3px 6px;font-size:13px;font-weight:600}.drop-hint{font-size:12px;text-align:center;padding:6px}.scene-root{display:flex;flex-direction:column;gap:6px;min-height:40px}.scene-slot{position:relative}.scene-card{position:relative;width:100%;height:74px;border-radius:var(--radius);background-size:cover;background-position:center;background-color:var(--panel-2);display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden}.scene-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000040,#0009)}.scene-card.active{border-color:var(--accent);box-shadow:inset 0 1px 0 var(--glass-sheen),0 0 0 2px var(--accent-glow)}.scene-name{position:relative;font-weight:600;font-size:15px;color:#fff;text-shadow:0 1px 4px hsl(0 0% 0% / .9);text-align:center;white-space:normal}.scene-viewers{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:999px;background:#0009;color:#fff;font-size:12px}.scene-menu{position:absolute;left:6px;right:6px;top:50%;z-index:12;border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:4px}.scene-menu-sub{display:flex;flex-direction:column;gap:3px;padding-left:10px;border-left:2px solid var(--accent)}.modal-backdrop{position:fixed;inset:0;z-index:40;background:#00000080;display:grid;place-items:center;padding:16px}.confirm{width:min(400px,100%);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;text-align:center}.confirm h3{margin:0;font-size:18px}.confirm p{margin:0;font-size:14px}.confirm.large{width:min(560px,100%);padding:32px 30px 26px;gap:14px}.confirm.large h3{font-size:22px}.confirm.large p{font-size:15px;line-height:1.5}.confirm-warning{color:var(--danger, #e05555);font-weight:600}.confirm.large .confirm-actions button{min-width:140px;padding:11px 18px}.confirm-actions{display:flex;gap:8px;justify-content:center;margin-top:6px}.confirm-actions button{min-width:110px;padding:9px 14px}.modal{width:min(560px,100%);max-height:86dvh;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:flex-start;gap:8px;padding:10px}.scene-card.preview{height:96px}.scene-title{position:relative;background:#00000073;border-color:transparent;text-align:center;font-weight:600;font-size:17px;color:#fff;width:70%}.modal-body{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.image-field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:13px;color:var(--muted)}.image-preview{height:80px;border-radius:8px;border:1px solid var(--border);background-size:cover;background-position:center}.field-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.field-row.slider .slider-label{width:90px;flex:0 0 auto}.field-row input[type=range]{flex:1;padding:0;background:transparent;border:0;box-shadow:none}.slider-value{width:48px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.precise-input{width:84px;flex:0 0 auto;text-align:right;font-variant-numeric:tabular-nums;padding:4px 6px}.offset-row .precise-input{flex:1;width:auto}.grid-style-picks{display:flex;flex-wrap:wrap;gap:6px}.grid-style-pick{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;font-size:12px;color:var(--muted)}.grid-style-pick.active{color:var(--accent-text)}.grid-style-art{display:grid;place-items:center;border-radius:6px;background:#1a1d24}.brightness-range{appearance:none;height:10px;border-radius:999px;background:var(--track)!important;border:1px solid var(--border)!important}.brightness-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #1a1d24;box-shadow:0 0 0 1px var(--border)}.brightness-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #1a1d24}.grid-color-chip{width:20px;height:20px;flex:0 0 auto;border-radius:6px;border:1px solid var(--border)}.panel{display:flex;flex-direction:column;min-height:0;border-radius:var(--radius);overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--border)}.tabs button{flex:1;border:0;border-radius:0;background:transparent;box-shadow:none;padding:10px 4px;color:var(--muted)}.tabs button:hover:not(:disabled){box-shadow:none;color:var(--text)}.tabs button.active{background:transparent;color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.panel-body{flex:1;min-height:0;overflow:hidden;padding:10px;display:flex;flex-direction:column;gap:8px}.row{display:flex;gap:6px;align-items:center}.row>input,.row>select{flex:1}.grow{flex:1}.status{font-size:13px;color:var(--muted)}.status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger);margin-right:5px}.status.on:before{background:#3ecf5a;box-shadow:0 0 6px #3ecf5a}.error{color:var(--danger);font-size:13px}.chat-log{position:relative;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.chat-bar{display:flex;justify-content:flex-end}.chat-compact-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}.chat-unread-rule{display:flex;align-items:center;gap:8px;margin:4px 0;flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.chat-unread-rule:before,.chat-unread-rule:after{content:"";flex:1;height:1px;background:var(--accent);opacity:.5}.msg.full{display:flex;align-items:flex-start;gap:9px;padding:8px 9px}.msg-face{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background-color:var(--portrait-bg);background-size:cover;background-position:center;font-size:13px;font-weight:700;color:var(--muted)}.msg-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.msg-head{display:flex;align-items:baseline;gap:6px}.msg-time{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.msg{padding:6px 8px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border);word-break:break-word}.msg .author{color:var(--accent);font-weight:600;margin-right:4px}.msg .total{font-weight:700;font-size:17px}.msg .dim,.dim{color:var(--muted)}.dice-quick{display:flex;flex-wrap:wrap;gap:4px}.dice-quick button{padding:4px 8px}.init-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}.init-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.init-list li.active{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.init-list .num{width:28px;text-align:center;font-weight:700}.init-list .name{flex:1}textarea.notes{flex:1;resize:none;min-height:160px}.notes-panel{--note-private: color-mix(in srgb, var(--accent-2, var(--accent)) 16%, transparent);--note-shared-by: color-mix(in srgb, var(--accent) 20%, transparent);--note-shared-with: color-mix(in srgb, color-mix(in srgb, var(--accent) 50%, var(--accent-2, var(--accent))) 11%, transparent);flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:2px}.note-shelf{display:flex;flex-direction:column;gap:4px;border-radius:var(--radius);padding:2px;transition:background .12s,box-shadow .12s}.note-shelf.drop-over,.note-folder.drop-over{background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--accent)}.note-shelf-head{display:flex;align-items:center;gap:4px;font-family:var(--display-font, inherit);font-size:15px}button.note-shelf-head,.note-shelf-toggle,.note-owner-head,.note-folder-toggle{display:flex;align-items:center;gap:6px;flex:1;background:transparent;border:0;box-shadow:none;padding:4px;text-align:left;color:var(--text)}button.note-shelf-head:hover:not(:disabled),.note-shelf-toggle:hover:not(:disabled),.note-owner-head:hover:not(:disabled),.note-folder-toggle:hover:not(:disabled){background:var(--panel-2)!important;box-shadow:none}.note-folder-toggle{flex:0 0 auto;padding:2px}.note-shelf-body{display:flex;flex-direction:column;gap:5px;padding-left:10px;border-left:1px solid var(--border);margin-left:9px}.note-empty{padding:2px 4px 4px}.note-tree{display:flex;flex-direction:column;gap:5px}.note-owner{display:flex;flex-direction:column;gap:4px}.note-owner-head{font-weight:600;font-size:13px}.note-owner>.note-tree{padding-left:10px}.note-folder{display:flex;flex-direction:column;gap:4px;border-radius:8px}.note-folder-head{display:flex;align-items:center;gap:2px;font-size:13px;font-weight:600;color:var(--muted)}.note-folder-name{padding:3px 2px;cursor:default}.note-folder-name-input{padding:2px 6px;font-size:13px}.note-folder-actions{display:flex;gap:1px;opacity:0;transition:opacity .12s}.note-folder-head:hover .note-folder-actions,.note-folder-head:focus-within .note-folder-actions{opacity:1}.note-folder-body{padding-left:14px}.note-card{display:flex;flex-direction:column;align-items:stretch;gap:3px;width:100%;padding:8px 10px;text-align:left;white-space:normal;border-radius:8px;border-left:3px solid transparent}.note-card.private{background:var(--note-private)!important;border-left-color:var(--accent-2, var(--accent))}.note-card.shared-by{background:var(--note-shared-by)!important;border-left-color:var(--accent)}.note-card.shared-with{background:var(--note-shared-with)!important;border-left:3px dashed var(--accent)}.note-card[draggable=true]{cursor:grab}.note-card-title{font-weight:600;font-size:14px;color:var(--text)}.note-card-pin{color:var(--accent);font-size:11px}.note-card-snippet{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal.note-editor{width:min(1000px,100%);max-height:92dvh}.note-lock{width:30px;height:30px;padding:0;display:grid;place-items:center}.note-lock.active{color:var(--accent-text)}.note-editor-top{padding:12px 14px 0;display:flex;flex-direction:column;gap:6px}.note-pickers{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-picker{display:flex;align-items:center;gap:6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.note-picker select{text-transform:none;letter-spacing:0;font-size:14px;padding:4px 8px}.note-type-description{margin:0;font-size:12px;color:var(--muted);font-style:italic}.note-rule{width:100%;margin:4px 0 0;border:0;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2, var(--accent)) 60%,transparent);opacity:.6}.note-editor-body{padding-top:10px;gap:4px}.note-title-input,.note-subtitle-input{background:transparent;border-color:transparent;padding-left:4px;padding-right:4px}.note-title-input{font-family:var(--display-font, inherit);font-size:25px;font-weight:700}.note-subtitle-input{font-size:15px;color:var(--muted);font-style:italic}.note-title-input:hover,.note-title-input:focus,.note-subtitle-input:hover,.note-subtitle-input:focus{background:var(--panel-2);border-color:var(--border)}.note-title-read{margin:0;font-size:25px}.note-subtitle-read{margin:0 0 6px;font-size:15px;color:var(--muted);font-style:italic}.note-editor-foot{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border)}.note-type-chip{padding:2px 9px;border-radius:999px;font-size:12px;border:1px solid var(--border);color:var(--muted)}.rt-wrap{position:relative;display:flex;flex-direction:column}.rt-body{line-height:1.55;font-size:15px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}.rt-body>:first-child{margin-top:0}.rt-body p{margin:0 0 .6em}.rt-body h1,.rt-body h2,.rt-body h3{font-family:var(--display-font, inherit);line-height:1.2;margin:.9em 0 .35em}.rt-body h1{font-size:23px}.rt-body h2{font-size:19px}.rt-body h3{font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.rt-body hr{border:0;height:1px;background:var(--border);margin:.9em 0}.rt-body .no-hyphen{hyphens:manual;-webkit-hyphens:manual}.rt-body mark{background:color-mix(in srgb,var(--accent) 34%,transparent);color:inherit;border-radius:3px;padding:0 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.rt-body img{display:block;max-width:100%;height:auto;margin:.6em 0;border-radius:6px}.rt-body img[data-lock="0"]{object-fit:fill}.rt-editable{min-height:240px;padding:8px 6px 12px;border-radius:8px;outline:none}.rt-editable:focus{background:color-mix(in srgb,var(--panel-2) 60%,transparent)}.rt-editable:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rt-editable img{cursor:pointer}.rt-toolbar{position:sticky;bottom:0;z-index:3;display:flex;flex-wrap:wrap;gap:4px;align-self:center;margin-top:8px;padding:4px;border-radius:10px}.rt-group{display:flex;gap:1px;padding-right:4px;border-right:1px solid var(--border)}.rt-group:last-of-type{border-right:0;padding-right:0}.rt-btn{min-width:28px;height:28px;padding:0 6px;display:grid;place-items:center;font-size:13px;background:transparent;border-color:transparent;box-shadow:none}.rt-mark-swatch{padding:0 4px;border-radius:3px;background:color-mix(in srgb,var(--accent) 45%,transparent);font-weight:700}.rt-image-frame{position:absolute;pointer-events:none;outline:2px solid var(--accent);outline-offset:1px;border-radius:6px;z-index:2}.rt-handle{position:absolute;width:12px;height:12px;border-radius:3px;background:#fff;border:2px solid var(--accent);pointer-events:auto}.rt-handle.nw{left:-7px;top:-7px;cursor:nwse-resize}.rt-handle.ne{right:-7px;top:-7px;cursor:nesw-resize}.rt-handle.sw{left:-7px;bottom:-7px;cursor:nesw-resize}.rt-handle.se{right:-7px;bottom:-7px;cursor:nwse-resize}.rt-image-bar{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;max-width:100%}.rt-size{display:flex;align-items:center;gap:4px;flex:1;min-width:0;font-size:12px;color:var(--muted)}.rt-size input[type=range]{flex:1;min-width:50px;padding:0;background:transparent;border:0;box-shadow:none}.rt-size input[type=number]{width:58px;padding:2px 4px;text-align:right;font-size:13px}.note-tree-item{display:flex;flex-direction:column;gap:3px}.note-type-divider{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 2px 0}.note-card-head{display:flex;align-items:baseline;gap:8px}.note-card-head .note-card-title{flex:1;min-width:0}.note-card-type{flex:0 0 auto;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:1px 6px;border-radius:999px;border:1px solid var(--border)}.note-meta{display:flex;align-items:center;gap:8px}.note-status{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--border)}.note-status.private{background:color-mix(in srgb,var(--accent-2, var(--accent)) 22%,transparent)}.note-status.shared-by{background:color-mix(in srgb,var(--accent) 26%,transparent)}.note-status.shared-with{border-style:dashed;border-color:var(--accent)}.note-body-input{min-height:260px;resize:vertical;line-height:1.5}.note-body-read{min-height:120px;white-space:pre-wrap;line-height:1.5;padding:8px 10px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border)}.token-card{position:absolute;top:8px;left:8px;width:min(250px,75vw);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.token-card label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.token-card label>input,.token-card label>select{flex:1}.token-card input[type=number]{width:60px;flex:0 0 auto}.settings{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.settings section{display:flex;flex-direction:column;gap:8px}.settings h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.theme-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 12px 10px;text-align:left;white-space:normal;color:#f2f0f6;border-radius:var(--card-radius);background:var(--card-bg)!important;border:1px solid hsl(0 0% 100% / .14)}.theme-card:before{content:"";position:absolute;inset:0;background-color:var(--card-accent-2);-webkit-mask-image:var(--card-motif);mask-image:var(--card-motif);-webkit-mask-size:calc(var(--card-motif-size) * .7);mask-size:calc(var(--card-motif-size) * .7);opacity:.22;pointer-events:none}.theme-card>*{position:relative}.theme-card.active{color:#f2f0f6;border-color:var(--card-accent);box-shadow:0 0 0 2px var(--card-accent),0 4px 18px color-mix(in srgb,var(--card-accent) 40%,transparent)}.theme-card:hover:not(.active){border-color:var(--card-accent)!important;color:#f2f0f6!important}.theme-card-name{font-family:var(--card-font);font-size:19px;line-height:1.1}.theme-card-aesthetic{font-size:12px;opacity:.78}.theme-card-swatches{display:flex;gap:5px;margin-top:4px}.theme-card-swatches span{width:26px;height:8px;border-radius:999px;box-shadow:inset 0 1px #fff6}.panel-toggle{display:none}.rules-page{max-width:1280px}.rules-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.rules-head h1{flex:1}.rules-search-box{width:min(360px,100%)}.rules-tabs{flex-wrap:wrap}.rulebook{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.rulebook-toc{position:sticky;top:8px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:10px;border-radius:var(--radius);display:flex;flex-direction:column;gap:4px;font-size:13px}.toc-chapter{display:flex;flex-direction:column;padding:6px 8px;border-radius:8px;color:var(--text);text-decoration:none;font-weight:600}.toc-chapter:hover{background:var(--panel-2)}.toc-chapter.active{background:linear-gradient(90deg,var(--accent-glow),transparent);box-shadow:inset 2px 0 0 var(--accent)}.toc-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.toc-group ul{list-style:none;margin:2px 0 6px;padding:0 0 0 10px;border-left:1px solid var(--border)}.toc-group li a{display:block;padding:3px 8px;color:var(--muted);text-decoration:none;border-radius:6px}.toc-group li a:hover{color:var(--text);background:var(--panel-2)}.toc-group li.toc-h3 a{padding-left:18px;font-size:12px}.toc-version{margin-top:8px;padding:0 8px}.rulebook-body{min-width:0;font-size:15px;line-height:1.6}.rulebook-body p,.rulebook-body ul{margin:0 0 10px}.rulebook-body ul{padding-left:22px}.rules-page .chapter-head h2{margin:2px 0 14px;font-size:27px;text-transform:none;letter-spacing:0;color:var(--text)}.rule-h2,.rule-h3,.rule-h4{scroll-margin-top:12px;color:var(--text)}.rule-h2{margin:28px 0 10px;padding-bottom:6px;font-size:21px;border-bottom:1px solid var(--border)}.rule-h3{margin:22px 0 8px;font-size:17px;color:var(--accent)}.rule-h4{margin:16px 0 6px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.rule-mini{margin:14px 0 4px;font-size:15px;font-weight:700}.rule-table-wrap{overflow-x:auto;margin:0 0 12px}.rule-table{border-collapse:collapse;font-size:14px;min-width:min(100%,420px)}.rule-table th,.rule-table td{padding:6px 10px;border:1px solid var(--border);vertical-align:top;text-align:left}.rule-table th{background:var(--panel-2)}.rule-stat{border-collapse:collapse;font-size:14px;line-height:1.45;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);width:min(100%,560px)}.rule-stat td{padding:6px 12px;vertical-align:top}.rule-statblock{margin:0 0 12px;padding:10px 12px;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--border);font-size:14px}.rule-example,.rule-box{margin:0 0 12px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2)}.rule-example{border-left:3px solid var(--accent);font-size:14px}.rule-example p:last-child,.rule-box p:last-child{margin-bottom:0}.chapter-steps{display:flex;gap:12px;margin-top:28px;padding-top:14px;border-top:1px solid var(--border)}.chapter-step{display:flex;flex-direction:column;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);color:var(--text);text-decoration:none;font-weight:600}.chapter-step:hover{border-color:var(--accent)}.term{position:relative}.term>a{color:inherit;text-decoration:underline dotted color-mix(in srgb,var(--accent) 70%,transparent);text-underline-offset:3px}.term-card{display:none;position:absolute;left:0;top:calc(100% + 4px);z-index:20;width:280px;padding:10px 12px;border-radius:var(--radius);font-size:13px;font-weight:400;font-style:normal;line-height:1.45;color:var(--text);flex-direction:column;gap:2px;pointer-events:none}.term:hover .term-card,.term:focus-within .term-card{display:flex}.term-kind{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.power-rail{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.power-chip{padding:5px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--power) 60%,transparent);color:var(--text);text-decoration:none;font-size:13px;font-weight:600}.power-chip:hover{background:color-mix(in srgb,var(--power) 18%,transparent)}.power-chip.active{background:var(--power);color:#111}.power-panel{display:flex;flex-direction:column;gap:12px}.rules-page .power-panel h2{margin:0;font-size:24px;text-transform:none;letter-spacing:0;color:var(--power)}.power-facts{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0;font-size:14px}.power-facts dt{color:var(--muted);font-weight:600}.power-facts dd{margin:0}.branch h3,.ref-section h3{margin:10px 0 8px;font-size:17px}.branch h3{color:var(--power)}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.ref-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);font-size:14px;line-height:1.45;scroll-margin-top:80px;transition:border-color .3s ease,box-shadow .3s ease}.ref-card header{display:flex;align-items:baseline;gap:8px}.ref-card p{margin:0}.ref-meta{margin-left:auto;font-size:12px;color:var(--muted);text-align:right}.ability-costs{font-size:12px;font-weight:600;color:var(--accent)}.ability-req{font-size:13px;color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tag{padding:1px 7px;border-radius:999px;border:1px solid var(--border);font-size:11px;color:var(--muted)}.ref-filter{align-self:flex-start;margin-bottom:10px}.ref-card.spotlight{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.rules-search{display:flex;flex-direction:column;gap:18px}.rules-search h3{margin:0 0 8px;font-size:15px}.search-hits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.search-hits a{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);color:var(--text);text-decoration:none;font-size:14px}.search-hits a:hover{border-color:var(--accent)}.hit-where{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}@media(max-width:820px){.rulebook{grid-template-columns:1fr}.rulebook-toc{position:static;max-height:260px}}.scene-menu.floating{position:fixed;right:auto;z-index:60;max-height:calc(100vh - 16px);overflow-y:auto}.hud-confirm{display:flex;gap:4px}.object-row .hud-delete,.object-row .hud-confirm button{width:26px;height:26px;padding:0;display:grid;place-items:center;flex:0 0 auto}.object-edit{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:240px;padding:10px;border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;pointer-events:auto}.object-edit .field-row input{flex:1;min-width:0}.object-edit .slider-label{width:52px}.search-backdrop{position:fixed;inset:0;z-index:80;display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px;background:#00000073}.search-palette{width:min(680px,100%);max-height:72vh;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 20px 60px #00000080}.search-box{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--muted)}.search-box input{flex:1;font-size:17px;border:0;background:transparent;box-shadow:none;padding:4px 0;color:var(--text)}.search-box input:focus{outline:none}kbd{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11px;padding:1px 6px;border-radius:5px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.search-results{flex:1;overflow-y:auto;padding:6px}.search-results section+section{margin-top:6px}.search-results h4{margin:6px 8px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.search-note{margin:12px 10px}.search-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer}.search-row.active{background:linear-gradient(90deg,var(--accent-glow),transparent);box-shadow:inset 2px 0 0 var(--accent)}.search-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.search-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-paste{flex:0 0 auto;font-size:12px;padding:4px 10px}.search-foot{display:flex;gap:16px;padding:8px 14px;border-top:1px solid var(--border)}.nav-search{width:100%;border:0;background:transparent;box-shadow:none;font:inherit;text-align:left}.nav-search:hover:not(:disabled){border-color:transparent;box-shadow:none}.go-back{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:75;padding:8px 18px;border-radius:999px;border:1px solid var(--accent);font-weight:600;box-shadow:0 8px 24px #0006,0 0 14px var(--accent-glow)}.chat-card{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:4px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--panel-2)}.chat-card-kind{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.chat-card-summary{font-size:13px;color:var(--muted)}.chat-card-more{margin-top:4px;padding:3px 10px;font-size:12px}.sheet-fieldset{border:0;margin:0;padding:0;min-width:0;display:contents}.mirror-setup-toggle{align-self:flex-start;font-size:13px}.mirror-setup{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--muted)}.mirror-setup button{padding:2px 8px;font-size:12px}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.campaign-card{position:relative;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;padding:0;border-radius:var(--radius);overflow:hidden;text-align:left;white-space:normal;background:var(--glass)}.campaign-card.has-cover{background:linear-gradient(180deg,transparent 20%,hsl(0 0% 0% / .8)),var(--cover) center / cover;color:#fff}.campaign-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px}.campaign-name{font-size:19px;font-weight:700}.next-pill{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--accent);color:var(--accent-text)}.campaign-card.new{align-items:center;justify-content:center;gap:8px;flex-direction:row;border-style:dashed;background:transparent;color:var(--muted)}form.campaign-card.new{flex-direction:column;align-items:stretch;padding:14px;gap:10px;border-style:solid}.campaign-back{align-self:flex-start;color:var(--muted);text-decoration:none;font-size:14px}.campaign-back:hover{color:var(--text)}.campaign-page{max-width:1200px}.campaign-hero{display:flex;align-items:flex-end;min-height:150px;padding:18px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),var(--glass)}.campaign-hero.has-cover{min-height:220px;background:linear-gradient(180deg,transparent 15%,hsl(0 0% 0% / .82)),var(--cover) center / cover;color:#fff}.campaign-hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:min(100%,760px)}.campaign-title,.campaign-title-input{margin:0;font-size:30px;font-weight:700;font-family:var(--heading-font, inherit)}.campaign-title-input,.campaign-summary-input{width:100%;color:inherit;background:transparent;border-color:transparent;box-shadow:none}.campaign-title-input{padding:2px 6px;margin-left:-6px}.campaign-summary-input{resize:vertical;font-size:15px;padding:4px 6px;margin-left:-6px}.campaign-title-input:hover,.campaign-title-input:focus,.campaign-summary-input:hover,.campaign-summary-input:focus{background:#00000040;border-color:var(--border)}.campaign-summary{margin:0;font-size:15px}.campaign-byline{opacity:.8}.campaign-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.campaign-main,.campaign-side{display:flex;flex-direction:column;gap:14px;min-width:0}.campaign-card-section{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius)}.campaign-card-section h2{margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.next-session-when{display:flex;flex-direction:column;gap:2px}.next-session-when p{margin:6px 0 0}.next-session-date{font-size:21px;font-weight:700}.next-session-relative{color:var(--accent);font-weight:600}.next-session-form{display:flex;flex-direction:column;gap:8px}.session-editor{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius)}.session-title-input{flex:1;font-weight:600}.session-list{display:flex;flex-direction:column;gap:10px}.session-entry{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2)}.session-entry header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}.session-entry header strong{font-size:16px}.campaign-tables,.campaign-party,.campaign-npcs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.campaign-tables li,.campaign-party li,.campaign-npcs li{display:flex;align-items:center;gap:8px}.campaign-tables li>.grow,.campaign-party li>.grow{display:flex;flex-direction:column;min-width:0}.campaign-table-name{font-weight:600;color:var(--text)}.campaign-npcs li{font-size:14px}.rank-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}@media(max-width:900px){.campaign-columns{grid-template-columns:1fr}}.app{transition:grid-template-columns .2s ease}.app.panel-collapsed{grid-template-columns:1fr 56px}.panel.collapsed{align-items:center;gap:4px;padding:8px 0}.tabs .panel-collapse{flex:0 0 auto;padding:0 8px}.panel.collapsed .panel-collapse{margin-bottom:6px}.panel-icon{position:relative;width:40px;height:40px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--muted)}.panel-icon:hover:not(:disabled){border-color:transparent;box-shadow:none;color:var(--text)}.panel-icon.current{color:var(--text);background:linear-gradient(270deg,var(--accent-glow),transparent);box-shadow:inset -2px 0 0 var(--accent)}.unread-badge{position:absolute;top:2px;right:2px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 0 2px var(--bg);pointer-events:none}.tabs .unread-badge,.panel-toggle .unread-badge{position:static;display:inline-grid;margin-left:5px;vertical-align:middle;box-shadow:none}.join{height:100dvh;display:grid;place-items:center}.join form{display:flex;flex-direction:column;gap:10px;width:min(360px,90vw);padding:24px;border-radius:14px}.join h1{margin:0 0 6px;font-size:21px}.join label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}@media(max-width:900px){.shell,.shell.collapsed{grid-template-columns:1fr;padding:6px;gap:6px}.sidenav{position:fixed;top:6px;left:6px;bottom:6px;width:220px;z-index:30;transform:translate(calc(-100% - 12px));transition:transform .2s ease}.sidenav.open{transform:none}.collapsed .brand-name,.collapsed .nav-label{display:initial}.collapsed .nav-item{justify-content:flex-start;padding:9px 10px}.brand .icon-btn{display:none}.nav-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:29}.nav-burger{display:inline-flex;position:fixed;top:12px;left:12px;z-index:28;border-radius:8px}.page{padding:52px 12px 24px}.app{grid-template-columns:1fr;gap:6px;padding-left:44px}.hub-actions{flex-direction:column}.table-grid{grid-template-columns:repeat(2,1fr)}.toolbar .group:last-child{margin-left:0}.panel{position:fixed;left:6px;right:6px;bottom:6px;height:55dvh;transform:translateY(calc(100% + 12px));transition:transform .2s ease;z-index:5}.panel.open{transform:none}.panel-toggle{display:block;position:fixed;right:14px;bottom:14px;z-index:6}.panel.open~.panel-toggle{bottom:calc(55dvh + 14px)}.panel-collapse{display:none}}