:root{color-scheme:dark;--white-rgb: 255 255 255;--black-rgb: 0 0 0;--panel-rgb: 20 22 28;--bg-rgb: 14 15 19;--accent-rgb: 240 179 74;--blue-rgb: 79 140 255;--ok-rgb: 76 175 80;--green-rgb: 76 208 138;--ok-text-rgb: 143 227 154;--warn-rgb: 255 179 0;--amber-rgb: 255 200 90;--danger-rgb: 229 83 75;--crimson-rgb: 200 30 30;--coral-rgb: 255 120 90;--teal-rgb: 77 208 180;--gold-rgb: 255 215 64;--sky-rgb: 120 200 255;--bg: #0c0d11;--board-bg: #0c0d11;--rail: #101216;--panel: #14161c;--panel2: #1b1e26;--raise: #252935;--grad: #1c2333;--scroll: #2a3142;--glass: rgb(var(--panel-rgb) / .9);--glass-strong: rgb(var(--bg-rgb) / .96);--line: rgb(var(--white-rgb) / .075);--line-hover: rgb(var(--white-rgb) / .18);--input-bg: rgb(var(--white-rgb) / .055);--hover-bg: rgb(var(--white-rgb) / .08);--shadow: rgb(var(--black-rgb) / .6);--text: #e8eaf0;--dim: #8d94a5;--faint: #666d7e;--white: #fff;--accent: #f0b34a;--accent-hover: #f6c262;--accent-ink: #1b1204;--accent-text: #f0b34a;--accent-soft: rgb(var(--accent-rgb) / .15);--blue: #4f8cff;--info-soft: rgb(var(--blue-rgb) / .13);--ok: #4caf50;--ok-text: #7ddc83;--ok-soft: rgb(var(--ok-rgb) / .14);--warn: #ffb300;--warn-soft: rgb(var(--warn-rgb) / .13);--danger: #e5534b;--danger-text: #ff8a84;--danger-soft: rgb(var(--danger-rgb) / .13);--teal: #4dd0b4;--amb-soft: rgb(var(--teal-rgb) / .1);--amb-soft2: rgb(var(--teal-rgb) / .18);--gold: #ffd740;--violet: #8e6fd1;--violet-text: #b79cff;--amber-text: #ffc46b;--sky: #8fd3ff;--coral: #ff9a7a;--orange: #ef6c00;--orange-light: #ffb74d;--hp-deep: #2e7d32;--hp-bright: #66bb6a;--hp-high: #3fae5a;--hp-mid: #d4a335;--hp-low: #d4503f;--hp-down: #b71c1c;--coin-pp: #9aa9ff;--coin-gp: #e5b73c;--coin-sp: #b9c2cf;--coin-cp: #d08a5a;--font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-num: 28px;--fs-hero: 44px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--sp-0: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--ctl-md: 36px;--ctl-sm: 32px;--t-fast: .12s;--t-mid: .2s}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:var(--fs-base)/1.4 var(--font);overflow:hidden}button,input,select{font:inherit;color:inherit}h2,h3,h4{margin:0}h3{font-size:var(--fs-lg);margin-bottom:8px}h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:16px 0 6px}kbd{font:var(--fs-xs) var(--font);background:rgb(var(--black-rgb) / .55);border-radius:var(--r-sm);padding:0 5px;color:var(--white)}.dim{color:var(--dim)}.sm{font-size:var(--fs-sm)}.grow{flex:1;min-width:0}.center{text-align:center}.col{display:flex;flex-direction:column;gap:var(--sp-3)}.row{display:flex;gap:var(--sp-2);align-items:center}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end}.empty{color:var(--dim);padding:14px 6px;text-align:center;font-size:var(--fs-md)}.hint{margin-top:10px}.btn{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:7px 12px;cursor:pointer;transition:.12s}.btn:hover:not(:disabled){border-color:var(--line-hover);background:var(--hover-bg)}.btn:disabled{opacity:.4;cursor:default}.btn.sm{padding:4px 9px;font-size:var(--fs-sm)}.btn.big{padding:11px 14px;font-size:var(--fs-lg);font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent-text);color:var(--accent-ink);font-weight:600}.btn.danger{color:var(--danger-text)}.btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn.warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.icon-btn{background:transparent;border:0;border-radius:var(--r-sm);padding:4px 8px;cursor:pointer;color:var(--dim)}.icon-btn:hover{background:var(--panel2);color:var(--text)}input[type=text],input[type=password],input[type=number],input[type=search],select{width:100%;background:var(--input-bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 9px;outline:none}input:focus,select:focus{border-color:var(--accent-text)}input[type=color]{width:40px;height:28px;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);background:none;cursor:pointer}input[type=range]{width:100%;accent-color:var(--accent-text)}label{display:block;font-size:var(--fs-sm);color:var(--dim)}label.field{margin-bottom:8px}label.field>span{display:block;margin-bottom:3px}label input,label select{margin-top:3px}label.check{display:flex;align-items:center;gap:var(--sp-2);color:var(--text);font-size:var(--fs-md);margin:4px 0;cursor:pointer}label.check input{width:auto;margin:0;accent-color:var(--accent-text)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-3)}.checks{padding-left:4px}.seg{display:flex;background:var(--input-bg);border:1px solid var(--line);border-radius:var(--r-md);padding:2px;gap:var(--sp-0)}.seg button{flex:1;background:transparent;border:0;border-radius:var(--r-sm);padding:5px 8px;cursor:pointer;color:var(--dim);white-space:nowrap}.seg button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.seg button:disabled{opacity:.35;cursor:default}.seg.sm button{padding:3px 8px;font-size:var(--fs-sm)}.chip{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 11px;cursor:pointer;font-size:var(--fs-md)}.chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-text);font-weight:600}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-top:12px}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{display:flex;align-items:center;gap:var(--sp-3);height:48px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--line);flex:none}.brand{font-weight:700;color:var(--accent-text);letter-spacing:.02em}.camp{background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:3px 8px;color:var(--dim);cursor:pointer;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-gm .camp:hover{border-color:var(--line);color:var(--text)}.online{display:flex}.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:700;color:var(--white);border:2px solid var(--panel);margin-left:-6px}.conn.bad{color:var(--warn);font-size:var(--fs-sm)}.user-btn{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 12px;cursor:pointer}.main{flex:1;display:flex;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line);flex:none}.tabs button{flex:1;background:none;border:0;padding:10px 6px;cursor:pointer;color:var(--dim);border-bottom:2px solid transparent}.tabs button.active{color:var(--text);border-bottom-color:var(--accent-text)}.panel{padding:12px}.panel-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:10px}.center{position:relative;flex:1;min-width:0;background:var(--bg)}.board-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}canvas.board{display:block;touch-action:none;transition:opacity .22s ease}.empty-board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--dim);font-size:var(--fs-lg);pointer-events:none}.toolbar{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:var(--sp-1);background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);padding:5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool{width:36px;height:36px;border:0;border-radius:var(--r-sm);background:transparent;cursor:pointer;font-size:var(--fs-lg)}.tool:hover{background:var(--panel2)}.tool.active{background:var(--accent);color:var(--accent-ink)}.tool-sep{height:1px;background:var(--line);margin:3px 4px}.tool-opts{position:absolute;left:62px;right:10px;bottom:10px;display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);padding:7px 10px}.viewas-banner{position:absolute;top:56px;left:50%;transform:translate(-50%);display:flex;gap:var(--sp-3);align-items:center;background:var(--warn-soft);border:1px solid var(--warn);border-radius:999px;padding:5px 8px 5px 14px;white-space:nowrap}.scene-card{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-bottom:8px;cursor:pointer;background:var(--panel2)}.scene-card:hover{border-color:var(--line-hover)}.scene-card.viewing{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.scene-card.live .thumb{outline:2px solid var(--ok);outline-offset:-2px}.thumb{position:relative;height:92px;background:var(--input-bg);display:grid;place-items:center;font-size:var(--fs-num)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb kbd{position:absolute;left:6px;top:6px}.live-badge{position:absolute;right:6px;top:6px;background:rgb(var(--black-rgb) / .65);color:var(--ok-text);font-size:var(--fs-xs);padding:1px 7px;border-radius:999px}.user-row .live-badge,.init-item .live-badge{position:static;background:none}.scene-meta{padding:7px 9px}.scene-name{font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2)}.scene-actions .grow{flex:1}.folder{margin:12px 2px 6px;color:var(--dim);font-size:var(--fs-sm)}.lib-bar select{width:auto}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--sp-2);padding:6px 10px 12px}.modal .asset-grid{padding:0;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:300px;overflow:auto}.asset-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-0);padding:5px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;text-align:center}.asset-card:hover{border-color:var(--accent-text)}.asset-card.sel{border-color:var(--accent-text);box-shadow:0 0 0 2px rgb(var(--accent-rgb) / .4)}.asset-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:var(--r-sm);background:var(--input-bg)}.asset-card small{font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card.add{align-items:center;justify-content:center;min-height:90px;border-style:dashed;color:var(--dim);background:transparent}.asset-card.add span{font-size:var(--fs-num)}.asset-card .del{position:absolute;right:2px;top:2px;display:none;background:rgb(var(--black-rgb) / .7);padding:0 6px}.asset-card:hover .del,.audio-item:hover .del{display:block}.audio-item{display:flex;align-items:center;gap:var(--sp-2);padding:7px 9px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);cursor:pointer;grid-column:1 / -1}.audio-item:hover{border-color:var(--accent-text)}.audio-item .del{display:none}.my-token{padding:10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);margin-bottom:8px;cursor:pointer}.hpbar{position:relative;height:16px;background:var(--input-bg);border-radius:var(--r-md);overflow:hidden;margin:6px 0}.hpbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--hp-deep),var(--hp-bright))}.hpbar span{position:relative;font-size:var(--fs-xs);display:block;text-align:center;line-height:16px}.init-list{display:flex;flex-direction:column;gap:var(--sp-1)}.init-item{display:flex;align-items:center;gap:var(--sp-2);padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2)}.init-item.current{border-color:var(--warn);background:var(--accent-soft)}.dot{width:12px;height:12px;border-radius:50%;flex:none}.user-row{display:flex;align-items:center;gap:var(--sp-2);padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2)}.user-row.off{opacity:.5}.user-row.live{border-color:var(--ok)}.soundpad{padding:8px 12px 10px}.sp-btn{flex:none;min-width:96px;max-width:150px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-0);position:relative;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;padding:4px 8px}.sp-btn:hover{border-color:var(--accent-text)}.sp-btn.music{background:var(--info-soft)}.sp-btn.active{border-color:var(--ok);background:var(--ok-soft);box-shadow:0 0 10px rgb(var(--ok-rgb) / .4)}.sp-btn .ico{font-size:var(--fs-lg);line-height:1}.sp-btn .nm{font-size:var(--fs-xs);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-btn .loop{position:absolute;right:5px;top:2px;font-style:normal;font-size:var(--fs-xs);color:var(--dim)}.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--sp-2)}.roll{border:1px solid var(--line);border-radius:var(--r-md);padding:6px 9px;background:var(--panel2)}.roll.secret{border-style:dashed}.roll.crit{border-color:var(--gold);box-shadow:0 0 8px rgb(var(--gold-rgb) / .35)}.roll.fail{border-color:var(--danger)}.roll-head{display:flex;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-sm)}.roll-body{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.roll-dice i{font-style:normal;display:inline-block;min-width:22px;text-align:center;background:var(--input-bg);border-radius:var(--r-sm);padding:1px 5px;margin-right:4px}.roll-dice i.dropped{opacity:.35;text-decoration:line-through}.roll-total{font-size:var(--fs-xl);font-weight:700}#dice-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:60}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(var(--black-rgb) / .6);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;z-index:100;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);width:min(440px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgb(var(--black-rgb) / .6)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.modal-body{padding:14px;overflow-y:auto}#toasts{position:fixed;right:14px;bottom:14px;display:flex;flex-direction:column;gap:var(--sp-2);z-index:200}.toast{background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:var(--r-md);padding:9px 14px;max-width:360px;box-shadow:0 6px 20px rgb(var(--black-rgb) / .5);transition:.3s}.toast.error{border-left-color:var(--danger)}.toast.ok{border-left-color:var(--ok)}.toast.out{opacity:0;transform:translate(20px)}.ctx{position:fixed;z-index:150;min-width:210px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:4px;box-shadow:0 10px 30px rgb(var(--black-rgb) / .6)}.ctx-item{display:block;width:100%;text-align:left;background:none;border:0;padding:7px 11px;border-radius:var(--r-sm);cursor:pointer}.ctx-item:hover:not(:disabled){background:var(--panel2)}.ctx-item.danger{color:var(--danger-text)}.ctx-item:disabled{opacity:.4}.ctx-sep{height:1px;background:var(--line);margin:4px 2px}.login-screen{display:grid;place-items:center;height:100vh;background:radial-gradient(circle at 50% 30%,var(--grad),var(--bg) 70%)}.login-card{width:min(340px,90vw);display:flex;flex-direction:column;gap:var(--sp-3);text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:0 20px 60px rgb(var(--black-rgb) / .5)}.login-card h1{margin:0;font-size:var(--fs-xl)}.login-card p{margin:-6px 0 6px}.login-logo{font-size:var(--fs-hero);color:var(--accent-text);line-height:1}.login-err{color:var(--danger-text);min-height:18px;font-size:var(--fs-md)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:var(--r-sm)}::-webkit-scrollbar-track{background:transparent}.ico-svg{display:inline-grid;place-items:center}.ico-svg svg{display:block}.tool{color:var(--dim);display:grid;place-items:center;padding:0}.tool:hover{color:var(--text)}.tool.active,.tool.active:hover{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--blue);outline-offset:1px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.toast{display:flex;align-items:center;gap:var(--sp-4)}.toast-act{background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--r-sm);padding:3px 10px;font-weight:600;cursor:pointer;white-space:nowrap}textarea{width:100%;background:var(--input-bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 9px;outline:none;resize:vertical;font:inherit;color:inherit}textarea:focus{border-color:var(--accent-text)}input.formula{margin-bottom:2px}.hp-quick .row{margin-top:6px}.hp-quick .row input{min-width:0;text-align:center}.tip{position:absolute;z-index:5;pointer-events:none;max-width:260px;background:var(--glass-strong);border:1px solid var(--line);border-radius:var(--r-md);padding:7px 10px;font-size:var(--fs-sm);line-height:1.35;box-shadow:0 6px 20px rgb(var(--black-rgb) / .5)}.tip .tip-name{font-weight:700;margin-bottom:2px}.tip div+div{color:var(--dim)}.cond-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-1)}.cond{display:flex;align-items:center;gap:var(--sp-2);padding:4px 8px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;text-align:left}.cond:hover{border-color:var(--line-hover)}.cond.on{border-color:var(--accent-text);background:var(--accent-soft)}.cond small{font-size:var(--fs-xs);color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card .ph{aspect-ratio:1;display:grid;place-items:center;font-size:var(--fs-num);color:var(--dim);background:var(--input-bg);border-radius:var(--r-sm)}.tabs button{position:relative}.badge{font-style:normal;font-size:var(--fs-xs);background:var(--danger);color:var(--white);border-radius:999px;padding:0 5px;margin-left:5px;vertical-align:1px}.panel.chat{display:flex;flex-direction:column;height:100%;padding:0}.chat-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:var(--sp-2)}.chat-bar{display:flex;gap:var(--sp-2);padding:8px 10px;border-top:1px solid var(--line);background:var(--panel)}.chat-bar select{width:86px;flex:none}.chat-bar input{min-width:0}.msg{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:6px 9px;max-width:94%}.msg.mine{align-self:flex-end;background:var(--info-soft)}.msg.whisper{border-style:dashed;border-color:var(--violet)}.msg-head{display:flex;gap:var(--sp-2);align-items:baseline;font-size:var(--fs-sm)}.msg-head .tag{font-size:var(--fs-xs);color:var(--violet-text)}.msg-text{white-space:pre-wrap;word-break:break-word;margin-top:1px}.roll-label{font-size:var(--fs-sm);color:var(--accent-text);margin-top:2px}.roll-dice i.boom{box-shadow:inset 0 0 0 1px var(--gold)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:6px}.sp-btn.ambient{background:var(--amb-soft)}.sp-btn.ambient.active{background:var(--amb-soft2);border-color:var(--teal);box-shadow:0 0 10px rgb(var(--teal-rgb) / .35)}.mix-row{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:var(--sp-2);color:var(--text)}.mix-row input{margin:0}.handout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:rgb(var(--black-rgb) / .72);display:grid;place-items:center;padding:18px;animation:fadein .18s ease}.handout-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);max-width:min(900px,96vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 24px 80px rgb(var(--black-rgb) / .7)}.handout-head{display:flex;align-items:center;gap:var(--sp-3);padding:10px 14px;border-bottom:1px solid var(--line)}.handout-scroll{overflow:auto;padding:12px;display:grid;place-items:center}.handout-img{max-width:100%;max-height:74vh;border-radius:var(--r-md);cursor:zoom-in}.handout-img.zoom{max-width:none;max-height:none;cursor:zoom-out}.handout-text{padding:18px 22px;font:var(--fs-lg)/1.6 Georgia,"Times New Roman",serif;white-space:pre-wrap;overflow:auto;max-height:74vh}@keyframes fadein{0%{opacity:0}to{opacity:1}}.scene-search{margin-bottom:8px}button.folder{display:block;width:100%;text-align:left;background:none;border:0;padding:4px 2px;cursor:pointer;color:var(--dim);font-size:var(--fs-sm);margin:10px 0 6px}button.folder:hover{color:var(--text)}.help{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-1) var(--sp-5)}.help table{border-collapse:collapse;width:100%}.help td{padding:3px 6px 3px 0;vertical-align:top;font-size:var(--fs-md)}.help td:first-child{white-space:nowrap}.help kbd{background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:1px 6px}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes slidein{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.modal{animation:pop .16s ease}.modal-back{animation:fadein .14s ease}.toast{animation:slidein .2s ease}.ctx{animation:pop .1s ease}.btn,.icon-btn,.chip,.tool,.scene-card,.asset-card,.sp-btn,.cond{transition:background-color .12s,border-color .12s,color .12s,transform .08s,box-shadow .12s}.btn:active:not(:disabled),.chip:active,.sp-btn:active,.tool:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.empty-board{pointer-events:none}.hint-box{text-align:center;max-width:360px;padding:0 16px;color:var(--dim)}.hint-ico{color:var(--accent-text);opacity:.85;margin-bottom:8px}.hint-title{font-size:var(--fs-xl);color:var(--text);font-weight:600;margin-bottom:4px}.modal.wide.sheet-modal{width:min(1040px,100%)}.sheet{display:flex;flex-direction:column;gap:var(--sp-3)}.sh-head{display:grid;grid-template-columns:84px 1fr 270px;gap:var(--sp-4);align-items:start}.sh-portrait{width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--input-bg);border:2px solid var(--line);display:grid;place-items:center;cursor:pointer;font-size:var(--fs-num)}.sh-portrait img{width:100%;height:100%;object-fit:cover}.sh-ident{display:flex;flex-direction:column;gap:var(--sp-2)}.sh-ident .row{gap:var(--sp-2)}.sh-txt,.sh-num{background:var(--input-bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 7px;width:auto;outline:none}.sh-txt:focus,.sh-num:focus{border-color:var(--accent)}.sh-num{width:70px;text-align:center}label.check.inline{display:inline-flex;margin:0;white-space:nowrap}.hpbar.big{height:26px;border-radius:var(--r-lg);margin:0 0 6px}.hpbar.big span{line-height:26px;font-size:var(--fs-md);font-weight:600}.sh-bar{align-items:center;border-bottom:1px solid var(--line)}.sheet-tabs{border:0}.sheet-tabs button{flex:none;padding:8px 14px}.sh-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-5);align-items:start}.ab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.ab-card{border:1px solid var(--line);border-radius:var(--r-md);padding:6px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-0);background:var(--panel2)}.ab-name{font-size:var(--fs-xs);color:var(--dim);letter-spacing:.08em}.ab-score{width:56px}.ab-mod{font-size:var(--fs-xl);font-weight:700;background:none;border:0;cursor:pointer;color:var(--text);padding:0 8px;border-radius:var(--r-sm)}.ab-mod:hover{background:var(--hover-bg)}.ab-save{font-size:var(--fs-sm);background:none;border:1px solid var(--line);border-radius:999px;padding:1px 8px;cursor:pointer;color:var(--dim)}.ab-save.on{color:var(--accent-text);border-color:var(--accent)}.passives{display:flex;flex-direction:column;gap:var(--sp-0);margin-top:8px;font-size:var(--fs-sm);color:var(--dim)}.skills{display:grid;grid-template-columns:1fr;gap:var(--sp-0)}.skill{display:flex;align-items:center;gap:var(--sp-2)}.skill .sk-mark{width:16px;height:16px;flex:none;padding:0;border-radius:50%;border:1.5px solid var(--dim);background:none;cursor:pointer}.skill .sk-mark:hover{border-color:var(--accent-text)}.skill .sk-mark.on{background:var(--accent-text);border-color:var(--accent-text)}.sk-roll{flex:1;display:flex;align-items:center;gap:var(--sp-2);text-align:left;background:none;border:0;border-radius:var(--r-sm);padding:3px 6px;cursor:pointer}.sk-roll:hover{background:var(--hover-bg)}.sk-bonus{width:30px;font-weight:700;text-align:right}.sk-name{flex:1}.stat-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:10px}.stat-row label{display:flex;flex-direction:column;font-size:var(--fs-xs);gap:var(--sp-0)}.atk-list{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:6px}.atk{display:flex;gap:var(--sp-1);align-items:center}.slots{display:grid;gap:var(--sp-1)}.slot{display:flex;align-items:center;gap:var(--sp-2)}.slot b{width:42px;font-size:var(--fs-sm)}.pips{display:flex;gap:var(--sp-1);flex-wrap:wrap}.sh-foot{margin-top:6px}.char-card{border:1px solid var(--line);border-radius:var(--r-md);padding:9px;background:var(--panel2);margin-bottom:10px;display:flex;flex-direction:column;gap:var(--sp-2)}.cc-portrait{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--input-bg);display:grid;place-items:center;flex:none;font-weight:700}.cc-portrait img{width:100%;height:100%;object-fit:cover}.cc-portrait.sm{width:32px;height:32px;font-size:var(--fs-md)}.inv{display:flex;flex-direction:column;gap:var(--sp-2)}.inv-top{display:flex;gap:var(--sp-4);align-items:center}.coins{display:flex;gap:var(--sp-2);align-items:flex-end;flex-wrap:wrap}.coin-cell{display:flex;flex-direction:column;font-size:var(--fs-xs);align-items:center;gap:var(--sp-0);margin:0}.coin-cell .coin{width:66px}.coin-cell.pp span{color:var(--coin-pp)}.coin-cell.gp span{color:var(--coin-gp)}.coin-cell.sp span{color:var(--coin-sp)}.coin-cell.cp span{color:var(--coin-cp)}.inv-bar{gap:var(--sp-2)}.inv-search{flex:1}.inv-list{display:flex;flex-direction:column;gap:var(--sp-0);max-height:52vh;overflow-y:auto}.inv-row{display:flex;align-items:center;gap:var(--sp-2);padding:5px 8px;border:1px solid var(--line);border-left:3px solid var(--line-hover);border-radius:var(--r-md);background:var(--panel2)}.inv-ico{width:26px;text-align:center;font-size:var(--fs-xl)}.inv-name{flex:1;text-align:left;background:none;border:0;cursor:pointer;padding:0;min-width:0}.inv-name small{font-size:var(--fs-xs)}.inv-name:hover:not(:disabled){text-decoration:underline}.inv-note{font-weight:400}.qty{display:inline-flex;align-items:center;gap:var(--sp-0)}.qty b{min-width:26px;text-align:center}.chips.wrap,.checks.wrap{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4)}.chip.sm{padding:2px 9px;font-size:var(--fs-sm)}.fx-editor{display:flex;flex-direction:column;gap:var(--sp-1);margin:6px 0}.fx-row{display:flex;align-items:center;gap:var(--sp-2);padding:3px 6px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:var(--fs-md)}.init-in{width:48px;flex:none;padding:2px 4px}.jr-body{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:10px}.tm{gap:var(--sp-3)}.tm-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);min-height:170px;text-align:center;padding:14px;cursor:pointer;border:2px dashed var(--line);border-radius:var(--r-lg);color:var(--dim)}.tm-drop:hover,.tm-drop.over,.tm-drop:focus-visible{border-color:var(--accent);color:var(--text)}.tm-drop-ico{font-size:var(--fs-hero)}.tm-view-wrap{border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;background:repeating-conic-gradient(var(--panel2) 0% 25%,var(--input-bg) 0% 50%) 0 0 / 20px 20px}.tm-view{display:block;width:100%;aspect-ratio:1;cursor:grab;touch-action:none}.tm-view:active{cursor:grabbing}.sh-head>*,.sh-ident,.sh-hp{min-width:0}.sh-bar{min-width:0}.sheet-tabs{overflow-x:auto;scrollbar-width:none}.top-btn{display:inline-flex;align-items:center;gap:var(--sp-2);height:32px;padding:0 10px;background:transparent;border:1px solid transparent;border-radius:var(--r-md);color:var(--text);cursor:pointer;white-space:nowrap;flex:none}.top-btn:hover{background:var(--panel2);border-color:var(--line)}.top-btn.warn{border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}.top-btn .ico{font-size:var(--fs-lg);line-height:1}.top-sep{width:1px;height:22px;background:var(--line);margin:0 4px;flex:none}.topbar .camp{min-width:0;flex:0 1 auto}.tool-opts{padding:6px 10px}.tool-help{flex-basis:100%}.tool-opts .icon-btn.help{border:1px solid var(--line);border-radius:50%;width:22px;height:22px;padding:0;line-height:1;font-size:var(--fs-sm)}.soundpad{padding:5px 12px}.sp-row{display:flex;align-items:center;gap:var(--sp-3);min-height:34px}.sp-btn{flex-direction:row;height:32px;min-width:0;max-width:170px;gap:var(--sp-2);padding:0 10px;border-radius:var(--r-md);white-space:nowrap}.sp-btn .nm{max-width:110px;font-size:var(--fs-sm)}.sp-btn .loop{position:static;margin-left:2px}.right .panel>input[type=text]{font-size:var(--fs-lg);font-weight:600}.prop-head{display:flex;align-items:center;gap:var(--sp-2);min-height:28px}.prop-kind{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-weight:700}.live-badge.static{position:static;background:none;padding:0;margin-left:auto}.panel>*+*{margin-top:8px}.panel>.sec{margin-top:10px}.sec>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:9px 2px;list-style:none;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);-webkit-user-select:none;user-select:none}.sec>summary::-webkit-details-marker{display:none}.sec>summary>span:before{content:"▸";display:inline-block;width:14px;transition:transform .12s}.sec[open]>summary>span:before{transform:rotate(90deg)}.sec>summary:hover{color:var(--text)}.sec>summary small{text-transform:none;letter-spacing:0}.sec-body{display:flex;flex-direction:column;gap:var(--sp-2);padding:2px 0 12px}.cond-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.cond-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px 9px;font-size:var(--fs-sm);background:var(--accent-soft);border:1px solid var(--accent-text);border-radius:999px;color:var(--text);cursor:pointer}.cond-chip .x{opacity:.55;font-size:var(--fs-xs);margin-left:2px}.cond-chip:hover .x{opacity:1}.cond-chip.static{cursor:default;background:var(--panel2)}.cond-chip.add{background:var(--panel2);border-style:dashed;border-color:var(--line-hover);color:var(--dim)}.cond-chip.add:hover{color:var(--text)}.cond-pop{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:8px;display:flex;flex-direction:column;gap:var(--sp-2)}.actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.actions .btn{flex:1 1 0;white-space:nowrap}.btn-grid.tight{margin-top:0}.hp-quick .row{margin-top:4px}.lib-bar{padding:8px 10px}.lib-bar input{width:100%}.lib-hint{padding:0 10px 2px}.lib-h{margin:10px 10px 4px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.media .asset-grid{max-height:52vh;overflow-y:auto}.ctx-item.back{color:var(--dim)}.ctx-item .ctx-arrow{margin-left:auto;opacity:.6}.ctx-item:has(.ctx-arrow){display:flex;align-items:center;gap:var(--sp-3)}.narrow-note{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--bg);display:none;place-items:center;padding:24px;text-align:center}.narrow-box{max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.narrow-ico{font-size:var(--fs-hero)}.statblock{display:flex;flex-direction:column;gap:var(--sp-2)}.sb-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.sb-chip{display:inline-flex;gap:var(--sp-1);align-items:baseline;padding:2px 9px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;font-size:var(--fs-sm);color:var(--text)}button.sb-chip{cursor:pointer}button.sb-chip:hover{border-color:var(--accent-text)}.sb-chip span{color:var(--dim)}.sb-chip b{font-weight:700}.sb-abil{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.sb-ab{display:grid;justify-items:center;gap:var(--sp-0);padding:5px 2px 4px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md)}.sb-ab-name{font-size:var(--fs-xs);color:var(--dim);letter-spacing:.06em}.sb-ab-mod{font-size:var(--fs-xl);font-weight:700;line-height:1.2;background:none;border:0;cursor:pointer;color:var(--text);padding:0 8px;border-radius:var(--r-sm)}.sb-ab-mod:hover{background:var(--accent-soft);color:var(--accent-text)}.sb-ab-score{font-size:var(--fs-xs);color:var(--dim)}.sb-ab-save{font-size:var(--fs-xs);background:none;border:1px solid transparent;border-radius:999px;cursor:pointer;color:var(--dim);padding:0 7px;margin-top:2px}.sb-ab-save:hover{background:var(--accent-soft);color:var(--text)}.sb-ab-save.prof{color:var(--accent-text);border-color:var(--accent-text)}.sb-skills{display:flex;flex-direction:column}.sb-skill{display:grid;grid-template-columns:14px 1fr auto 40px;align-items:center;gap:var(--sp-2);padding:3px 6px;background:none;border:0;border-radius:var(--r-sm);cursor:pointer;text-align:left;color:var(--text)}.sb-skill:hover{background:var(--panel2)}.sb-skill.prof .nm{font-weight:600}.sb-skill .sk-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--dim);display:inline-block}.sb-skill .sk-dot.l1{background:var(--accent-text);border-color:var(--accent-text)}.sb-skill .sk-dot.l2{background:var(--accent-text);border-color:var(--accent-text);box-shadow:0 0 0 2px var(--panel),0 0 0 3.5px var(--accent-text)}.sb-skill small{color:var(--dim);font-size:var(--fs-xs)}.sb-skill b{text-align:right}.sb-attack{display:grid;grid-template-columns:1fr auto auto;gap:var(--sp-1);align-items:center;margin-bottom:4px}.tip .tip-abil{font:var(--fs-xs) ui-monospace,Consolas,monospace;letter-spacing:.02em}.ring-pick{width:28px;height:28px;padding:0;border:2px solid var(--line);border-radius:50%;background:none;cursor:pointer}.cc-portrait[role=button]{cursor:pointer}.cc-portrait[role=button]:hover{outline:2px solid var(--accent-text)}.top-btn.hot{border-color:var(--accent-text);background:var(--accent-soft)}.combat-empty{display:grid;justify-items:center;gap:var(--sp-3);padding:18px 6px;text-align:center;color:var(--dim)}.combat-empty .ce-ico{font-size:var(--fs-num)}.combat-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.combat-pick{position:fixed;z-index:120;width:320px;max-height:min(560px,80vh);display:flex;flex-direction:column;gap:var(--sp-2);padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 14px 40px rgb(var(--black-rgb) / .5)}.cp-list{overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-0);min-height:60px}.cp-group{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin:6px 2px 2px}.cp-row{display:flex;align-items:center;gap:var(--sp-2);padding:4px 6px;border-radius:var(--r-md);cursor:pointer}.cp-row:hover{background:var(--panel2)}.combat-hint{position:absolute;left:62px;bottom:64px;width:290px;display:none;flex-direction:column;gap:var(--sp-2);padding:10px 12px;background:var(--glass);border:1px solid var(--accent-text);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:var(--fs-sm);z-index:5}.ch-head{display:flex;justify-content:space-between;align-items:baseline}.ch-head b{color:var(--accent-text);font-size:var(--fs-base)}.ch-slots{display:flex;gap:var(--sp-1)}.ch-slot{flex:1;padding:4px 6px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;font-size:var(--fs-sm);color:var(--text)}.ch-slot.used{opacity:.5;text-decoration:line-through}.ch-warn{color:var(--danger-text)}.ch-actions summary{cursor:pointer;color:var(--dim)}.ch-act{display:grid;gap:0;padding:4px 0;border-top:1px solid var(--line)}.ch-act b{font-size:var(--fs-sm)}.combat-hint{max-height:calc(100% - 150px);overflow-y:auto}.top-stack{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);max-width:calc(100% - 150px);z-index:4;pointer-events:none}.top-stack>*{pointer-events:auto}.top-stack .viewas-banner{position:static;transform:none;top:auto;left:auto}.timer-widget{display:none;min-width:190px;padding:8px 18px;text-align:center;background:var(--glass-strong);border:1px solid var(--line);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 24px rgb(var(--black-rgb) / .4)}.timer-widget:not(:empty){display:block}.tw-label{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.tw-time{font:700 var(--fs-num)/1.1 ui-monospace,Consolas,monospace;letter-spacing:.04em;font-variant-numeric:tabular-nums}.tw-time small{font-size:var(--fs-xl);color:var(--dim)}.tw-bar{height:5px;margin-top:6px;background:var(--input-bg);border-radius:999px;overflow:hidden}.tw-bar i{display:block;height:100%;background:var(--ok);transition:width .6s linear}.timer-widget.warn{border-color:var(--warn)}.timer-widget.warn .tw-bar i{background:var(--warn)}.timer-widget.warn .tw-time{color:var(--warn)}.timer-widget.danger{border-color:var(--danger);animation:tw-pulse .7s ease-in-out infinite}.timer-widget.danger .tw-bar i{background:var(--danger)}.timer-widget.danger .tw-time{color:var(--danger-text)}.timer-widget.done{border-color:var(--danger);background:var(--danger-soft)}.timer-widget.done .tw-time{color:var(--danger-text);font-size:var(--fs-num)}.timer-widget.pause{opacity:.8}.tw-gm{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:6px;flex-wrap:wrap}.tw-real{font-size:var(--fs-xs);color:var(--accent-text)}@keyframes tw-pulse{50%{box-shadow:0 0 22px rgb(var(--danger-rgb) / .65);transform:scale(1.03)}}.timer-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgb(var(--crimson-rgb) / .38) 100%);transition:opacity .6s}.timer-vignette.on{opacity:1;animation:tw-vig 1.1s ease-in-out infinite}.timer-vignette.done{opacity:1;background:radial-gradient(ellipse at center,transparent 40%,rgb(var(--crimson-rgb) / .5) 100%)}@keyframes tw-vig{50%{opacity:.45}}.weather-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.wp-thumb{width:36px;height:36px;object-fit:contain;background:var(--input-bg);border-radius:var(--r-sm)}.weather-tab .layers{display:grid;grid-template-columns:1fr;gap:var(--sp-2)}.wx-now{display:flex;flex-direction:column;gap:var(--sp-0);padding:8px 10px;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .05)}.wp-title{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-top:4px}.builtin-list{display:flex;flex-direction:column;gap:var(--sp-1);max-height:min(52vh,460px);overflow-y:auto;padding-right:4px}.builtin-list h4{margin:8px 0 2px}.audio-item.builtin.done{opacity:.6;cursor:default}.audio-item.builtin .ico{font-size:var(--fs-xl);width:24px;text-align:center}.combo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.combo{display:flex;flex-direction:column;align-items:center;gap:var(--sp-0);padding:7px 4px;border:0;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .06);color:var(--text);cursor:pointer;font-size:var(--fs-sm);line-height:1.15;text-align:center}.combo:hover{background:var(--hover-bg)}.combo:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}.combo .ic{font-size:var(--fs-xl)}.field.layer{margin:0}.state-lib{display:flex;flex-direction:column;gap:var(--sp-2);border-top:1px solid var(--line);padding-top:8px}.cond-sub{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.st-chip{display:inline-flex;align-items:stretch;border:1px solid;border-radius:999px;overflow:hidden;background:var(--panel)}.st-chip.on{background:var(--accent-soft)}.st-chip button{background:none;border:0;cursor:pointer;color:var(--text);padding:3px 8px;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:var(--sp-1)}.st-chip .st-edit{color:var(--dim);padding:3px 7px 3px 2px}.st-chip button:hover{background:var(--panel2)}.st-ico{width:16px;height:16px;object-fit:contain;vertical-align:-3px}.state-edit{display:flex;flex-direction:column;gap:var(--sp-2);background:var(--panel);border:1px dashed var(--line-hover);border-radius:var(--r-md);padding:8px}.fx-prev{width:84px;height:84px;background:var(--input-bg);border-radius:var(--r-md);flex:none}.left{position:relative;z-index:6}.lib-h-row{align-items:center;padding-right:10px}.lib-h-row .lib-h{margin-right:0}.asset-card .edit{position:absolute;left:2px;top:2px;display:none;background:rgb(var(--black-rgb) / .7);padding:0 6px}.asset-card:hover .edit{display:block}.npc-ed{display:flex;flex-direction:column;gap:var(--sp-2);padding:10px;overflow:auto;min-height:0;flex:1}.npc-head{display:flex;align-items:center;gap:var(--sp-2)}.npc-portrait-row{display:grid;grid-template-columns:72px 1fr;gap:var(--sp-3);align-items:start}.npc-portrait-row .npc-pick{grid-column:1 / -1}.npc-portrait{width:72px;height:72px;border-radius:50%;border:2px dashed var(--line-hover);background:var(--input-bg);display:grid;place-items:center;cursor:pointer;overflow:hidden;padding:0;font-size:var(--fs-num);color:var(--dim)}.npc-portrait img{width:100%;height:100%;object-fit:cover}.npc-ed .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 var(--sp-2)}.npc-attacks{display:flex;flex-direction:column;gap:var(--sp-1)}.npc-atk{display:grid;grid-template-columns:1fr 52px 84px auto;gap:var(--sp-1);align-items:center}.npc-foot{position:sticky;bottom:-10px;display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:flex-end;background:var(--panel);padding:8px 0 2px;border-top:1px solid var(--line)}.know{display:flex;flex-direction:column;gap:var(--sp-2);padding:10px;overflow:auto;min-height:0;flex:1}.know .row input[type=search]{flex:1;min-width:0}.know-kinds{display:flex;gap:var(--sp-1);flex-wrap:wrap}.know-list{display:flex;flex-direction:column;gap:var(--sp-2)}.know-item{display:flex;gap:var(--sp-3);align-items:center;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:7px 9px;cursor:pointer;color:var(--text)}.know-item:hover{border-color:var(--accent-text)}.know-ico{width:40px;height:40px;flex:none;border-radius:50%;overflow:hidden;background:var(--input-bg);border:1px solid var(--line);display:grid;place-items:center;font-size:var(--fs-xl);padding:0}.know-ico img{width:100%;height:100%;object-fit:cover}.know-ico.big{width:64px;height:64px;font-size:var(--fs-num)}button.know-ico{cursor:pointer;border:2px dashed var(--line-hover)}.know-head{display:flex;gap:var(--sp-3);align-items:center}.know-head h3{margin:0;font-size:var(--fs-xl)}.know-field{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px}.know-field.closed{opacity:.62;border-style:dashed}.know-flabel{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.know-ftext{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.know-more{text-align:center;color:var(--dim);font-size:var(--fs-sm);padding:8px;border:1px dashed var(--line);border-radius:var(--r-md)}.know-sub{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-top:4px}.know-pick{max-height:220px;overflow:auto;padding:0}.know-foot{position:sticky;bottom:-10px;display:flex;gap:var(--sp-2);justify-content:flex-end;background:var(--panel);padding:8px 0 2px;border-top:1px solid var(--line)}.lib-actions .btn{flex:1;white-space:nowrap}.lib-kind{align-items:center;padding-top:0}.lib-kind select{flex:1;width:auto}.know-kinds{flex-wrap:nowrap}.know-kinds .chip{padding:3px 9px;flex:1;text-align:center}.know-kinds .chip:first-child{flex:1.3}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--sp-2)}.left .asset-grid{padding:6px 8px 12px}.left .asset-card{padding:3px;gap:var(--sp-0);border-radius:var(--r-md)}.left .asset-card small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.15;font-size:var(--fs-xs)}.thumb{height:78px}.top-stack{width:max-content}.user-row select{width:auto;flex:0 1 180px;min-width:0}.user-row>.grow{flex:1 1 150px;min-width:120px}.npc-drawer{position:absolute;left:100%;top:0;bottom:0;width:380px;z-index:30;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--line);box-shadow:10px 0 32px rgb(var(--black-rgb) / .4)}html,body{font-size:var(--fs-base);line-height:1.45}h4{font-size:var(--fs-sm);text-transform:none;letter-spacing:0;font-weight:600;color:var(--dim);margin:18px 0 8px}.btn{background:rgb(var(--white-rgb) / .065);border:0;border-radius:var(--r-md);padding:7px 13px;font-weight:500}.btn:hover:not(:disabled){background:var(--hover-bg)}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:600;border:0}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.danger{background:var(--danger-soft);color:var(--danger-text)}.btn.danger:hover:not(:disabled){background:rgb(var(--danger-rgb) / .22)}.btn.warn{background:var(--warn-soft);border:0}.btn.sm{padding:4px 10px;border-radius:var(--r-md)}.btn svg,.rail-btn svg{display:block}.btn .ico-svg{vertical-align:-3px;margin-right:2px}.icon-btn{border-radius:var(--r-md)}input[type=text],input[type=password],input[type=number],input[type=search],select{background-color:var(--input-bg);border:1px solid transparent;border-radius:var(--r-md);padding:7px 11px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238d94a5' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:11px}select option{background:var(--panel);color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--accent-text);background-color:rgb(var(--white-rgb) / .075)}textarea{background:var(--input-bg);border:1px solid transparent;border-radius:var(--r-md);padding:8px 11px}input[type=checkbox],input[type=range]{accent-color:var(--accent-text)}.seg{background:rgb(var(--white-rgb) / .055);border:0;border-radius:var(--r-md);padding:3px}.seg button{border-radius:var(--r-md);color:var(--dim)}.seg button.active{background:var(--raise);color:var(--text);font-weight:600;box-shadow:0 1px 3px rgb(var(--black-rgb) / .35)}.chip{background:rgb(var(--white-rgb) / .06);border:0;color:var(--text)}.chip:hover{background:var(--hover-bg)}.chip.active{background:var(--accent-soft);color:var(--accent-text);border:0;font-weight:600}.tabs{border-bottom:1px solid var(--line)}.tabs button.active{border-bottom-color:var(--accent)}.empty{color:var(--faint)}.sec{border-top:1px solid var(--line)}.sec>summary{text-transform:none;letter-spacing:0;font-size:var(--fs-md);font-weight:600;color:var(--text);padding:11px 2px}.sec>summary small{font-weight:400;color:var(--dim)}.sec>summary>span:before{color:var(--dim)}.live-badge{background:var(--ok-soft);color:var(--ok-text)}.modal{border:0;border-radius:var(--r-lg);background:var(--panel);box-shadow:0 28px 80px rgb(var(--black-rgb) / .65)}.modal-head{border-bottom:1px solid var(--line);padding:14px 18px}.modal-head h3,.modal-head b{font-size:var(--fs-lg);font-weight:600;margin:0}.modal-body{padding:16px 18px 18px}.ctx,.combat-pick,.cond-pop{border:0;box-shadow:0 14px 44px rgb(var(--black-rgb) / .55);border-radius:var(--r-lg)}.ctx{padding:5px}.ctx-item{border-radius:var(--r-md);padding:8px 12px}.toast{border:0;border-left:4px solid var(--blue);background:var(--raise);border-radius:var(--r-md)}.tool,.toolbar,.tool-opts,.timer-widget,.tip{border-color:rgb(var(--white-rgb) / .08)}.toolbar{border-radius:var(--r-lg);padding:5px}.tool{border-radius:var(--r-md)}.tool.active,.tool.active:hover{background:var(--accent-soft);color:var(--accent-text)}.tool-sep{background:var(--line)}.hpbar{background:rgb(var(--white-rgb) / .07)}.cond-chip{background:var(--accent-soft);border:0;color:var(--text)}.cond-chip.static{background:rgb(var(--white-rgb) / .06)}.cond-chip.add{background:transparent;border:1px dashed var(--line-hover)}.cond{background:rgb(var(--white-rgb) / .05);border:0}.cond.on{background:var(--accent-soft)}.sb-chip,.sb-ab,.char-card,.msg,.user-row,.init-item,.inv-row,.roll{border-color:var(--line)}.sb-chip{background:rgb(var(--white-rgb) / .055);border:0}.sb-ab{background:rgb(var(--white-rgb) / .045);border:0;border-radius:var(--r-md)}.asset-card,.scene-card,.audio-item,.my-token{background:var(--panel2);border:0;border-radius:var(--r-lg)}.asset-card:hover,.scene-card:hover,.audio-item:hover{background:var(--raise)}.asset-card.sel{box-shadow:0 0 0 2px var(--accent-text)}.scene-card.viewing{box-shadow:0 0 0 2px var(--blue)}.scene-card.live .thumb{outline:0}.asset-card img,.asset-card .ph{border-radius:var(--r-md)}.topbar{height:48px;padding:0 12px 0 10px;gap:var(--sp-1);background:var(--bg);border-bottom:0}.brand{display:grid;place-items:center;width:34px;height:34px;color:var(--accent);font-weight:400}.scene-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:0;max-width:340px;padding:3px 10px;background:none;border:0;border-radius:var(--r-md);color:var(--text);cursor:pointer;text-align:left;line-height:1.2}.role-gm .scene-title:hover{background:var(--hover-bg)}.role-player .scene-title{cursor:default}.st-camp{font-size:var(--fs-xs);color:var(--dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-scene{font-size:var(--fs-base);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-btn{position:relative;width:36px;height:36px;padding:0;justify-content:center;gap:0;color:var(--dim);border:0;border-radius:var(--r-md)}.top-btn:hover{background:var(--hover-bg);color:var(--text);border:0}.top-btn .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.top-btn.labeled{width:auto;padding:0 14px 0 11px;gap:var(--sp-2);color:var(--text);background:rgb(var(--white-rgb) / .065);font-weight:500}.top-btn.labeled:hover{background:var(--hover-bg)}.top-btn.labeled .lbl{position:static;width:auto;height:auto;overflow:visible;clip:auto}.top-btn.hot{background:var(--accent-soft);color:var(--accent-text);border:0}.top-btn.warn{background:var(--warn-soft);color:var(--warn);border:0}.top-btn.attn{background:var(--accent-soft);color:var(--accent-text);border:0}.top-sep{height:18px;margin:0 6px;background:var(--line)}.user-btn{display:inline-flex;align-items:center;gap:var(--sp-2);background:rgb(var(--white-rgb) / .065);border:0;padding:6px 12px 6px 14px;border-radius:999px}.avatar{border-color:var(--bg)}.main{background:var(--bg)}.dock{display:flex;flex:none;min-height:0;background:var(--panel);border:0;width:auto}.dock.left{border-radius:0 var(--r-lg) var(--r-lg) 0;margin-right:0;position:relative;z-index:8}.dock.right{border-radius:var(--r-lg) 0 0 var(--r-lg)}.dock-panel{width:312px;display:flex;flex-direction:column;min-height:0;min-width:0}.dock.left .dock-panel{width:292px}.dock.closed .dock-panel{display:none}.dock.closed.left{border-radius:0 var(--r-lg) var(--r-lg) 0}.dock.closed.right{border-radius:var(--r-lg) 0 0 var(--r-lg)}.dock-head{display:flex;align-items:center;gap:var(--sp-1);padding:14px 10px 2px 18px;flex:none}.dock-title{font-size:var(--fs-lg);font-weight:600;margin:0}.dock-x{color:var(--faint)}.dock-x:hover{color:var(--text)}.dock-body{flex:1;min-height:0;overflow-y:auto}.dock-body>.panel.chat{height:100%;overflow:hidden}.panel{padding:6px 18px 22px}.panel.chat{padding:0}.dock-body>.panel{animation:fadein .16s ease}.rail{width:54px;flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:12px 0;background:var(--rail)}.dock.left .rail{border-radius:0 var(--r-lg) var(--r-lg) 0;order:0}.dock.left .dock-panel{order:1}.dock.left.closed .rail{border-radius:0 var(--r-lg) var(--r-lg) 0}.dock.right .rail{border-radius:var(--r-lg) 0 0 var(--r-lg)}.dock:not(.closed).left .rail{border-radius:0}.dock:not(.closed).right .rail{border-radius:0}.rail-btn{position:relative;width:42px;height:42px;display:grid;place-items:center;background:none;border:0;border-radius:var(--r-lg);color:var(--dim);cursor:pointer;transition:background-color .12s,color .12s}.rail-btn:hover{background:var(--hover-bg);color:var(--text)}.rail-btn.active{background:var(--accent-soft);color:var(--accent-text)}.rail-badge{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 5px;border-radius:var(--r-md);background:var(--danger);color:var(--white);font:600 var(--fs-xs)/17px var(--font);text-align:center;display:none}.rail-badge.on{display:block}.rail-badge.dot{min-width:9px;width:9px;height:9px;padding:0;top:7px;right:7px;background:var(--accent)}.rail-spacer{flex:1}.rail-btn.pulse:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.soundpad.panel{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:10px}.soundpad h4{margin:14px 0 4px}.sp-list{display:flex;flex-direction:column;gap:var(--sp-1)}.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.soundpad .sp-btn{display:flex;flex-direction:row;align-items:center;gap:var(--sp-3);width:100%;min-width:0;max-width:none;height:40px;padding:0 12px;background:var(--panel2);border:0;border-radius:var(--r-md);text-align:left;box-shadow:none}.soundpad .sp-btn:hover{background:var(--raise)}.soundpad .sp-btn .ico{width:22px;font-size:var(--fs-lg);text-align:center;flex:none}.soundpad .sp-btn .nm{flex:1;min-width:0;max-width:none;font-size:var(--fs-md);line-height:1.15;overflow:hidden;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.soundpad .sp-btn .loop{position:static;margin:0;color:var(--faint);font-style:normal;font-size:var(--fs-sm)}.soundpad .sp-btn kbd{background:none;color:var(--faint);padding:0;font-size:var(--fs-xs)}.soundpad .sp-btn.active{background:var(--ok-soft);box-shadow:inset 3px 0 0 var(--ok)}.soundpad .sp-btn.active .loop{color:var(--ok)}.soundpad .sp-btn.ambient.active{background:var(--amb-soft2);box-shadow:inset 3px 0 0 var(--teal)}.soundpad .sp-btn.ambient.active .loop{color:var(--teal)}.soundpad .sp-btn.music,.soundpad .sp-btn.ambient{background:var(--panel2)}.sp-grid .sp-btn{height:42px;padding:0 7px;gap:var(--sp-1)}.sp-grid .sp-btn kbd,.sp-grid .sp-btn .loop{display:none}.sp-grid .sp-btn .ico{width:17px;font-size:var(--fs-lg)}.sp-grid .sp-btn .nm{font-size:var(--fs-sm)}.soundpad>.btn{align-self:flex-start;margin-top:10px}.panel-head{margin-bottom:12px}.thumb{height:100px}.scene-meta{padding:9px 12px 10px}.lib-actions .btn{flex:1}.dock-body .asset-grid{padding-left:10px;padding-right:10px}.tk-head{display:flex;align-items:center;gap:var(--sp-3)}.tk-portrait{width:52px;height:52px;flex:none;border-radius:50%;border:3px solid var(--line-hover);background:var(--panel2) center / cover;overflow:hidden;display:grid;place-items:center;font-weight:700;font-size:var(--fs-xl);color:var(--dim)}.tk-portrait img{width:100%;height:100%;object-fit:cover}.tk-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-0)}.tk-name,.right .panel>input[type=text].tk-name,.tk-id input[type=text]{font-size:var(--fs-lg);font-weight:600;background:transparent;border-color:transparent;padding:3px 6px;margin-left:-6px}.tk-name:hover{background:var(--input-bg)}.tk-name:focus{background:var(--input-bg)}.tk-sub{padding-left:0}.tk-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.tk-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:6px 4px;white-space:nowrap}.tk-actions .btn.on{background:var(--warn-soft);color:var(--warn)}.prop-kind{text-transform:none;letter-spacing:0;font-size:var(--fs-sm);font-weight:600;color:var(--dim)}.dock-panel{width:300px}.dock.left .dock-panel{width:268px}.rail{width:50px}.rail-btn{width:40px;height:40px}.ctx-ico{display:inline-block;width:20px;margin-right:8px;text-align:center;filter:grayscale(1) brightness(1.15);opacity:.8}.ctx-item{display:flex;align-items:center}.ctx-item .ctx-arrow{margin-left:auto}.panel-out .dock{display:none}.scene-title.static{cursor:default}.scene-title.static:hover{background:none}.panel-win .main{gap:var(--sp-3);padding:0 12px 12px;align-items:stretch}.panel-win .dock,.panel-win .dock.closed{border-radius:var(--r-lg);flex:1 1 0;min-width:0}.panel-win .dock.left{flex:0 0 clamp(300px,22vw,400px)}.panel-win .dock.mid{flex:1 1 0;min-width:360px}.panel-win .dock.chatcol{flex:0 0 clamp(280px,24vw,380px)}.dock.single .rail{display:none}.dock.single{border-radius:var(--r-lg)}.panel-win .dock.mid .rail{border-radius:0 var(--r-lg) var(--r-lg) 0}.panel-win .dock-panel{width:auto;flex:1 1 auto;min-width:0}.panel-win .dock .rail,.panel-win .dock:not(.closed) .rail{border-radius:0}.panel-win .dock.left .rail{border-radius:var(--r-lg) 0 0 var(--r-lg)}.panel-win .dock.right .rail{border-radius:0 var(--r-lg) var(--r-lg) 0}.panel-win .dock-head{padding-right:18px}.panel-win .dock.mid .dock-body>.panel{max-width:760px}.panel-win .dock.left .dock-body>.panel{max-width:420px}.pins{position:absolute;left:14px;bottom:14px;z-index:6;display:flex;flex-direction:column-reverse;gap:var(--sp-2);max-width:min(240px,40%)}.pin-chip{display:flex;align-items:center;gap:var(--sp-0);background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 6px 18px var(--shadow, rgb(var(--black-rgb) / .35));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pin-open{display:flex;align-items:center;gap:var(--sp-2);min-width:0;padding:4px 10px 4px 4px;background:none;border:0;border-radius:var(--r-lg);color:var(--text);cursor:pointer;text-align:left}.pin-open:hover{background:var(--hover-bg)}.pin-open img,.pin-ico{width:34px;height:34px;flex:none;border-radius:var(--r-md);object-fit:cover;background:var(--input-bg);display:grid;place-items:center;font-size:var(--fs-xl)}.pin-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);font-weight:600;max-width:150px}.pin-x{background:none;border:0;color:var(--dim);cursor:pointer;padding:6px 8px;border-radius:var(--r-md);opacity:0;transition:opacity .12s}.pin-chip:hover .pin-x,.pin-x:focus-visible{opacity:1}.pin-x:hover{color:var(--danger)}.know-item.note .know-ico{border-style:dashed}.know-item.pin{padding:0;align-items:stretch;cursor:default;gap:0}.know-item.pin .pin-main{flex:1;min-width:0;display:flex;gap:var(--sp-3);align-items:center;text-align:left;background:none;border:0;padding:7px 9px;color:var(--text);cursor:pointer;border-radius:var(--r-md)}.know-item.pin .pin-acts{display:flex;align-items:center;padding-right:6px;gap:var(--sp-0)}.fx-hint,.prop-hint{padding:2px 2px 8px}.fx-grid,.prop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--sp-2)}.fx-card,.prop-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-0);padding:4px 4px 7px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--text);cursor:pointer;transition:border-color .12s,background-color .12s}.fx-card:hover,.prop-card:hover{border-color:var(--accent-text);background:var(--raise, var(--panel2))}.fx-card[draggable=true],.prop-card[draggable=true]{cursor:grab}.fx-prev{border-radius:var(--r-md);background:radial-gradient(ellipse at 50% 60%,rgb(var(--white-rgb) / .04),rgb(var(--black-rgb) / .35));display:block;max-width:100%}.fx-name,.prop-name{font-size:var(--fs-sm);font-weight:600;text-align:center;line-height:1.15}.fx-scene,.prop-scene{margin-top:6px;display:flex;flex-direction:column;gap:var(--sp-1)}.fx-row,.prop-row{display:flex;align-items:center;gap:var(--sp-0);background:var(--panel2);border-radius:var(--r-md);padding:2px 4px 2px 2px;border:1px solid transparent}.fx-row.sel,.prop-row.sel{border-color:var(--accent-text)}.fx-row.off{opacity:.6}.fx-pick,.prop-pick{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2);background:none;border:0;color:var(--text);text-align:left;padding:6px 8px;cursor:pointer;border-radius:var(--r-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-ico,.prop-ico{width:20px;text-align:center;flex:none}.light-card .light-r{font-size:var(--fs-xs);margin-top:-2px}.fxbar-hint{position:absolute;left:50%;bottom:100%;margin-bottom:8px;transform:translate(-50%);z-index:2;padding:5px 12px;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;box-shadow:0 4px 16px var(--shadow);opacity:0;pointer-events:none;transition:opacity .12s;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis}.fxbar-hint.on{opacity:1}.fxpick{position:fixed;z-index:130;left:50%;bottom:76px;transform:translate(-50%);width:min(760px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 110px));overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2);padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 16px 48px rgb(var(--black-rgb) / .55)}.fxpick h4{margin:8px 0 2px;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.fxp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-2)}.fxp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-0);padding:4px 4px 7px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--text);cursor:pointer;outline:none;transition:border-color .12s,background-color .12s}.fxp-card:hover,.fxp-card:focus-visible{border-color:var(--accent-text);background:var(--raise, var(--panel2))}.fxp-card small{font-size:var(--fs-xs);margin-top:-1px}.fxp-star{position:absolute;top:5px;right:5px;width:24px;height:24px;border:0;border-radius:var(--r-md);background:rgb(var(--black-rgb) / .4);color:var(--dim);font-size:var(--fs-base);line-height:1;cursor:pointer}.fxp-star:hover{color:var(--text);background:rgb(var(--black-rgb) / .6)}.fxp-star.on{color:var(--gold)}.fxp-foot{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.pl-hint{padding:0 2px 4px}.pl-user{display:flex;align-items:center;gap:var(--sp-2);margin:10px 0 4px;font-size:var(--fs-md)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none;opacity:.45;box-shadow:0 0 0 1px rgb(var(--white-rgb) / .25)}.dot.on{opacity:1;box-shadow:0 0 0 2px rgb(var(--green-rgb) / .55)}.pl-empty{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding:6px 8px;border:1px dashed var(--line);border-radius:var(--r-md)}.pl-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:9px;margin-bottom:7px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-lg)}.pl-card.on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.pl-head{display:flex;align-items:center;gap:var(--sp-2)}.pl-head b{overflow-wrap:anywhere}.pl-pic{width:38px;height:38px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;background:var(--input-bg);font-weight:700;box-shadow:0 0 0 2px var(--line)}.pl-pic img{width:100%;height:100%;object-fit:cover}.pl-hp{display:flex;align-items:center;gap:var(--sp-0)}.pl-hp-btn{width:27px;height:26px;font-size:var(--fs-xs);font-weight:700;flex:none;background:var(--input-bg)}.pl-hp-btn:hover{background:var(--hover-bg)}.pl-hpbar{position:relative;flex:1;height:26px;border-radius:var(--r-md);background:var(--input-bg);overflow:hidden}.pl-hpbar i{position:absolute;inset:0 auto 0 0;background:var(--hp-high);opacity:.85;transition:width .2s}.pl-hpbar i.mid{background:var(--hp-mid)}.pl-hpbar i.low{background:var(--hp-low)}.pl-hp-num{position:relative;width:100%;height:100%;border:0;background:transparent;color:var(--text);font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;text-shadow:0 1px 2px rgb(var(--black-rgb) / .6)}.pl-conds,.pl-acts{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.pl-sub{margin-top:10px}.pl-fold{border:0;background:transparent;color:var(--dim);font-size:var(--fs-sm);cursor:pointer;padding:2px 0}.pl-loose{display:flex;align-items:center;gap:var(--sp-2);padding:4px 0}.pl-loose .grow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md)}.pl-loose select{width:92px;flex:none}.know-title{width:100%;font-size:var(--fs-lg);font-weight:700}.know-field textarea{width:100%;resize:vertical;margin-top:5px}.know-flabel-in{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.know-lock{flex:none;height:28px;padding:0 9px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--input-bg);color:var(--dim);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap}.know-lock.open{color:var(--ok-text);border-color:rgb(var(--ok-text-rgb) / .45);background:var(--ok-soft)}.know-lock:hover{filter:brightness(1.15)}.price-scroll{padding:4px 6px 8px}.price-keeper{font-size:var(--fs-sm);margin:0 0 6px}.price-list{display:flex;flex-direction:column;gap:var(--sp-0);min-width:260px}.price-row{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-base)}.pr-name{flex:none;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-dots{flex:1;min-width:12px;border-bottom:1px dotted var(--faint);transform:translateY(-3px)}.pr-price{flex:none;color:var(--accent-text);font-weight:600;white-space:nowrap}.shop-preview{max-height:46vh;overflow-y:auto;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md)}.shop-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);margin-bottom:8px}.give-to{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.give-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 14px 6px 6px;font-size:var(--fs-base)}.give-ava{width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--accent-soft);display:grid;place-items:center;font-weight:600;flex:none}.give-ava img{width:100%;height:100%;object-fit:cover}.board-bottom{position:absolute;left:12px;right:12px;bottom:10px;z-index:6;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:var(--sp-2);pointer-events:none}.board-bottom>*{pointer-events:auto}.skybar,.pbar,.fxbar{display:flex;align-items:center;gap:var(--sp-1);height:38px;padding:3px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 4px 16px var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.skybar.pulse{animation:sky-pulse 1.4s ease-out}@keyframes sky-pulse{0%,60%{box-shadow:0 0 0 3px var(--accent),0 4px 16px var(--shadow)}to{box-shadow:0 4px 16px var(--shadow)}}.sky-btn,.pb-open{display:flex;align-items:center;gap:var(--sp-2);height:30px;padding:0 9px;border:0;border-radius:var(--r-md);background:transparent;color:var(--text);font-size:var(--fs-md);cursor:pointer;white-space:nowrap}.sky-btn:hover,.pb-open:hover,.sky-btn[aria-expanded],.pb-open[aria-expanded]{background:var(--hover-bg)}.sky-btn.lit{box-shadow:inset 0 0 0 1.5px var(--accent-text)}.sky-ico{font-size:var(--fs-lg);line-height:1}.sky-time{font-variant-numeric:tabular-nums;font-size:var(--fs-base)}.sky-phase{font-size:var(--fs-xs);max-width:90px;overflow:hidden;text-overflow:ellipsis}.fxwrap{position:relative}.fxbar{padding:3px 4px;gap:var(--sp-0)}.fxb{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .06);color:var(--text);cursor:pointer;transition:background-color .12s,border-color .12s}.fxb:hover{background:var(--hover-bg)}.fxb .ico{font-size:var(--fs-lg);line-height:1}.fxb kbd{position:absolute;right:2px;bottom:0;font:600 var(--fs-xs)/1 var(--mono, monospace);color:var(--dim);background:none;border:0;padding:0}.fxb.active{background:var(--accent-soft);border-color:var(--accent-text);box-shadow:0 0 0 2px rgb(var(--amber-rgb) / .25)}.fxb.more{width:28px;font-size:var(--fs-lg);color:var(--dim)}.pbar{padding:3px;gap:var(--sp-0);background-image:linear-gradient(90deg,var(--accent-soft) var(--pos, 0%),transparent var(--pos, 0%));background-size:100% 3px;background-repeat:no-repeat;background-position:0 100%;background-color:var(--glass)}.pbar.idle{opacity:.9}.pb-ico{font-size:var(--fs-base);width:16px;text-align:center;color:var(--ok)}.pb-title{max-width:150px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.pb-arrow{font-size:var(--fs-xs);color:var(--dim)}.pb-btn{width:30px;height:30px;border:0;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .08);color:var(--text);font-size:var(--fs-md);cursor:pointer;flex:none}.pb-btn:hover{background:var(--hover-bg)}.pbar input.pb-seek,.pb-panel input.pb-seek{flex:1;min-width:0;accent-color:var(--accent)}.pb-panel input.pb-vol{flex:1;accent-color:var(--accent)}.pb-time{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:34px;text-align:center}.popup{position:fixed;z-index:125;width:340px;max-width:calc(100vw - 16px);max-height:calc(100vh - 80px);overflow-y:auto;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 12px 36px rgb(var(--black-rgb) / .5);animation:fadein .12s ease}.popup .row{gap:var(--sp-2)}.sky-panel,.pb-panel{display:flex;flex-direction:column;gap:var(--sp-3)}.sky-panel .sky-mid{display:flex;flex-direction:column;gap:var(--sp-1);padding:6px 4px 0}.sky-track{position:relative;height:16px;border-radius:var(--r-md);cursor:ew-resize;touch-action:none;box-shadow:inset 0 0 0 1px rgb(var(--white-rgb) / .16),inset 0 1px 4px rgb(var(--black-rgb) / .35);outline:none}.sky-track:focus-visible{box-shadow:0 0 0 2px var(--accent-text),inset 0 0 0 1px rgb(var(--white-rgb) / .16)}.sky-thumb{position:absolute;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-lg);line-height:1;border:2px solid var(--white);box-shadow:0 2px 8px rgb(var(--black-rgb) / .5);pointer-events:none}.sky-marks{position:relative;height:20px}.sky-mark{position:absolute;top:0;transform:translate(-50%);display:flex;align-items:center;gap:var(--sp-0);padding:1px 4px;border:0;border-radius:var(--r-md);background:transparent;color:var(--dim);font-size:var(--fs-xs);cursor:pointer;white-space:nowrap}.sky-mark:first-child{transform:none;padding-left:0}.sky-mark:last-child{transform:translate(-85%)}.sky-mark:nth-child(2){transform:translate(-35%)}.sky-mark:hover{background:var(--hover-bg);color:var(--text)}.sky-bulb{display:flex;align-items:center;gap:var(--sp-2);height:32px;padding:0 12px;border:0;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .07);color:var(--text);font-size:var(--fs-md);cursor:pointer;opacity:.7;text-align:left}.sky-bulb:hover{opacity:1;background:var(--hover-bg)}.sky-bulb.on{opacity:1;background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-text)}.pbp-sub{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-top:2px}.pbp-head{align-items:center}.pbp-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-base);max-width:200px}.pbp-lbl{font-size:var(--fs-sm);white-space:nowrap}.pb-panel.no-music .pbp-seek,.pb-panel.no-music .pbp-head .pb-btn{display:none}.pbp-music,.pbp-layers{display:flex;flex-direction:column;gap:var(--sp-1)}.pbp-track{display:flex;align-items:center;gap:var(--sp-2);height:30px;padding:0 10px;border:0;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .06);color:var(--text);font-size:var(--fs-sm);text-align:left;cursor:pointer}.pbp-track:hover{background:var(--hover-bg)}.pbp-track.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-text)}.pb-layer{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}.pb-layer input[type=range]{width:90px;flex:none;accent-color:var(--accent)}.pbp-foot{margin-top:2px}.sp-hint{padding:2px 2px 6px}.rail{width:44px;padding:8px 0;gap:var(--sp-0)}.rail-btn{width:34px;height:34px;border-radius:var(--r-md)}.rail-btn svg{width:18px;height:18px}.rail-badge{top:0;right:-2px;min-width:15px;height:15px;font-size:var(--fs-xs);line-height:15px;padding:0 4px}.dock-panel{width:292px}.dock.left .dock-panel{width:272px}.dock-head{padding:10px 8px 0 14px}.dock-title{font-size:var(--fs-lg)}.panel{padding:6px 14px 18px}.top-btn{width:32px;height:32px;border-radius:var(--r-md)}.top-btn.labeled{width:auto;padding:0 12px 0 9px}.top-btn svg,.tool svg{width:17px;height:17px}.tool{width:32px;height:32px;border-radius:var(--r-md)}.toolbar{padding:4px;gap:var(--sp-0)}.user-btn{padding:4px 10px 4px 12px}.pins{bottom:60px}.board-bottom.tight .sky-phase{display:none}.board-bottom.tight .pb-title{max-width:84px}.board-bottom.tight .fxb{width:30px}.pb-jump{width:auto;min-width:34px;padding:0 6px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums}details.more>summary{cursor:pointer;font-size:var(--fs-sm);color:var(--dim);margin:6px 0 4px}details.more[open]>summary{color:var(--text)}.rail-badge.live{background:var(--ok);box-shadow:0 0 rgb(var(--green-rgb) / .55);animation:live-pulse 1.8s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 rgb(var(--green-rgb) / .55)}to{box-shadow:0 0 0 8px rgb(var(--green-rgb) / 0)}}.dp{display:flex;flex-direction:column;gap:var(--sp-3);padding:4px 0 12px}.dp-dice{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}.dp-die{height:42px;border:0;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .07);color:var(--text);font:700 var(--fs-lg)/1 var(--font, system-ui);cursor:pointer;transition:background-color .12s,transform .08s}.dp-die:hover{background:var(--hover-bg)}.dp-die:active{transform:scale(.96)}.dp-die.d20{background:var(--accent);color:var(--accent-ink)}.dp-opts{display:flex;gap:var(--sp-3);flex-wrap:wrap}.dp-step{display:flex;align-items:center;gap:var(--sp-1)}.dp-lbl{font-size:var(--fs-sm);color:var(--dim);margin-right:2px}.dp-val{min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.dp-hist{display:flex;flex-direction:column;gap:var(--sp-2)}.dp-roll{display:flex;align-items:flex-start;gap:var(--sp-1)}.dp-roll .roll{flex:1;min-width:0}.dp-preview{min-height:1.3em}.sb-adv{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.sb-adv .seg{flex:1;min-width:190px}.sb-hint{margin:-2px 0 2px}.ab-mod,.ab-save,.sk-roll{cursor:default}.ab-mod:hover,.sk-roll:hover{background:none}.ss{display:flex;flex-direction:column;gap:var(--sp-2)}.ss-row{display:flex;align-items:center;gap:var(--sp-3);min-height:30px}.ss-lvl{width:38px;font-size:var(--fs-sm);color:var(--dim)}.ss-pips{display:flex;flex-wrap:wrap;gap:var(--sp-2);flex:1}.ss-pip{width:24px;height:24px;border-radius:50%;border:2px solid var(--accent);background:transparent;padding:0;cursor:pointer;transition:transform .08s,background-color .12s}.ss-pip.free{background:var(--accent);box-shadow:0 0 8px rgb(var(--accent-rgb) / .35)}.ss-pip:hover:not(:disabled){transform:scale(1.12)}.ss-pip:disabled{cursor:default;opacity:.7}.ss-left{font-size:var(--fs-sm);color:var(--dim);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.ss-row.empty .ss-left{color:var(--danger-text)}.ss-type{display:flex;align-items:flex-start;gap:var(--sp-2);padding:8px 10px;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .05);cursor:pointer}.ss-type.on{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-text)}.ss-type span{display:flex;flex-direction:column;gap:var(--sp-0)}.ss-prev{padding:4px 2px}.inv-item{display:flex;flex-direction:column;gap:var(--sp-1)}.inv-weapon{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:0 8px 2px 38px}.iw-tag{font-size:var(--fs-xs);color:var(--accent-text);font-weight:600}.iw-stat{font-size:var(--fs-sm);flex:1;min-width:150px}.wp-list{display:flex;flex-direction:column;gap:var(--sp-1);max-height:360px;overflow-y:auto;padding-right:2px}.wp-row{display:flex;align-items:center;gap:var(--sp-3);padding:7px 10px;border:0;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .05);color:var(--text);text-align:left;cursor:pointer}.wp-row:hover{background:var(--hover-bg)}.wp-row span.grow{display:flex;flex-direction:column}.wp-ico{font-size:var(--fs-xl);width:26px;text-align:center}.wp-dmg{font-size:var(--fs-sm);white-space:nowrap;color:var(--accent-text)}.wp-prev{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;padding:8px 10px;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .05)}.atk.weapon{padding:4px 8px;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .04);flex-wrap:wrap}.atk-f{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--dim)}.ss-head{gap:var(--sp-2)}.ss-head>.grow{flex:1 0 100%}.sb-attack{grid-template-columns:1fr 1fr}.sb-attack>b{grid-column:1 / -1;font-size:var(--fs-md)}.sb-attack .btn{width:100%;padding:6px 8px;text-align:center}.dp-dice{grid-template-columns:repeat(3,1fr)}.dp-die.d20{grid-column:1 / -1;height:52px;font-size:var(--fs-xl)}.builder{display:flex;flex-direction:column;gap:var(--sp-2);align-items:stretch}input.init-in{width:52px;flex:none;padding:4px 6px;text-align:center}.tool-opts{background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 28px rgb(var(--black-rgb) / .45);padding:9px 12px}.tool-opts .builder{width:100%}.tool-opts .tool-help{max-width:640px;line-height:1.45}.ss-lvl{flex:none;text-align:left}.popup.sight-pop{width:380px}.sight-panel{display:flex;flex-direction:column;gap:var(--sp-3)}.sight-panel h4{margin:0;font-size:var(--fs-md);font-weight:600}.sight-cards{display:flex;flex-direction:column;gap:var(--sp-2)}.sight-card{display:flex;flex-direction:column;gap:var(--sp-0);align-items:flex-start;text-align:left;padding:8px 11px;border:0;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .06);color:var(--text);cursor:pointer;font:inherit}.sight-card:hover{background:var(--hover-bg)}.sight-card.active{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-text)}.sight-card b{font-size:var(--fs-md)}.sight-card span{line-height:1.35}.sight-opts{display:flex;flex-direction:column;gap:var(--sp-0)}label.check.off{opacity:.45;cursor:default}.sight-row{padding:2px 0}.popup.vol-pop{width:270px}.vol-panel{display:flex;flex-direction:column;gap:var(--sp-3)}.vol-panel label.vol-mute{margin:0;font-weight:600}.vol-btn.attn{background:var(--warn-soft);color:var(--warn)}.init-item.cs-item{flex-direction:column;align-items:stretch;gap:var(--sp-1)}.cs-top{display:flex;align-items:center;gap:var(--sp-2)}.cs-bot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2)}.cs-bot .cs-row{flex:1 1 auto;margin:0 0 0 34px}.cs-ctl{display:inline-flex;gap:var(--sp-0);margin-left:auto}.cs-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.cs-init{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.cs-av{width:26px;height:26px;border-radius:50%;flex:none;border:2px solid var(--dim);background:var(--input-bg) center / cover;display:grid;place-items:center;font-size:var(--fs-sm);font-weight:700}.cs-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin:0 0 0 34px;min-height:22px}.cs-chip{display:inline-flex;align-items:baseline;gap:var(--sp-1);padding:1px 7px;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .07)}.cs-chip small{color:var(--dim);font-size:var(--fs-xs)}.cs-chip b{font-size:var(--fs-sm)}.cs-hp{width:96px;margin:0;height:16px;flex:none}.cs-hp.low i{background:linear-gradient(90deg,var(--orange),var(--orange-light))}.cs-hp.down i{background:var(--hp-down)}.cs-conds{display:inline-flex;gap:var(--sp-0);font-size:var(--fs-base)}.cs-conds i{font-style:normal}.cs-hide.on{background:var(--warn-soft);color:var(--warn)}.cs-mine{color:var(--accent-text);font-weight:600}.init-item.cs-item.mine{border-color:var(--accent-text)}.cb-actions{display:grid;gap:var(--sp-2);padding:8px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md)}.cb-char{display:grid;gap:var(--sp-2)}.cb-name{font-size:var(--fs-md)}.cb-title{font-size:var(--fs-xs);color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.cb-adv{gap:var(--sp-2);align-items:center}button.cs-name.link{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}button.cs-name.link:hover{color:var(--accent-text);text-decoration:underline}.prop-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.prop-card{padding:4px 4px 6px;gap:var(--sp-0);justify-items:center}.prop-prev{display:block;margin:0 auto;border-radius:var(--r-md);background:repeating-conic-gradient(rgb(var(--white-rgb) / .04) 0 25%,transparent 0 50%) 0 0 / 14px 14px}.prop-row .icon-btn.on{color:var(--coral);background:rgb(var(--coral-rgb) / .14)}.fog-color{display:grid;gap:var(--sp-1)}.fog-color .swatch{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid var(--line);cursor:pointer}.fog-color .swatch.active{border-color:var(--accent-text);box-shadow:0 0 0 2px var(--accent-soft)}.fog-color input[type=color]{width:30px;height:26px;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);background:none}.roll{padding:3px 7px;border-radius:var(--r-sm)}.roll-head{font-size:var(--fs-xs);gap:var(--sp-2);align-items:baseline}.roll-head b{font-size:var(--fs-sm)}.roll-head .dim{font-size:var(--fs-xs);white-space:nowrap}.roll-label{font-size:var(--fs-xs);margin-top:0;line-height:1.25}.roll-body{margin-top:1px;gap:var(--sp-2)}.roll-dice{display:flex;flex-wrap:wrap;gap:var(--sp-0);min-width:0}.roll-dice i{min-width:17px;padding:0 4px;margin:0;font-size:var(--fs-xs);line-height:17px;border-radius:var(--r-sm)}.roll-total{font-size:var(--fs-lg);line-height:1.1;flex:none}.bs{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.bs-top{gap:var(--sp-2);align-items:center}.bs-q{flex:1;min-width:0}.bs-count{display:inline-flex;align-items:center;gap:var(--sp-0);flex:none}.bs-n{min-width:26px;text-align:center}.bs-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--sp-1)}.bs-filters select{width:100%;min-width:0;font-size:var(--fs-sm);padding:3px 4px}.bs-bar{gap:var(--sp-2);align-items:center}.bs-info{white-space:nowrap}.bs-list{display:flex;flex-direction:column;gap:var(--sp-0)}.bs-item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel2);overflow:hidden}.bs-item.open{border-color:var(--accent-text)}.bs-row{display:flex;align-items:center;gap:var(--sp-2);padding:3px 6px 3px 4px}.bs-tok{width:34px;height:34px;border-radius:50%;background:var(--input-bg);object-fit:cover;flex:none}.bs-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:0;background:none;border:0;color:var(--text);text-align:left;cursor:pointer;padding:2px;line-height:1.2}.bs-main b{font-size:var(--fs-md);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-main small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-xs)}.bs-main.static{cursor:default;font-size:var(--fs-md)}.bs-cr{flex:none;min-width:28px;text-align:center;font-size:var(--fs-xs);font-weight:700;padding:1px 5px;border-radius:var(--r-md);background:var(--input-bg);border:1px solid var(--line)}.bs-more{align-self:center;margin:4px 0}.bs-mine{margin-top:8px;border-top:1px solid var(--line);padding-top:6px}.bs-mine-list{display:flex;flex-direction:column;gap:var(--sp-0)}.bs-credit{margin-top:6px;font-size:var(--fs-xs)}.bs-item.open>.bs-row{background:rgb(var(--white-rgb) / .03)}.mc{padding:6px 8px 8px;display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-sm);line-height:1.35;min-width:0}.mc-head{display:flex;gap:var(--sp-2);align-items:flex-start}.mc-art{width:84px;max-height:110px;object-fit:contain;flex:none;border-radius:var(--r-sm)}.mc-tok{width:46px;height:46px;border-radius:50%;background:var(--input-bg);flex:none}.mc-title{min-width:0;display:flex;flex-direction:column;gap:var(--sp-0)}.mc-name{font-size:var(--fs-lg)}.mc-sub{font-size:var(--fs-xs)}.mc-cr{font-size:var(--fs-sm);font-weight:600;color:var(--accent-text)}.mc-strip{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.mc-chip{display:inline-flex;align-items:baseline;gap:var(--sp-1);padding:2px 8px;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .07);border:1px solid transparent;color:var(--text);font-size:var(--fs-sm);font-weight:600}button.mc-chip{cursor:pointer}button.mc-chip:hover{border-color:var(--accent-text)}.mc-chip.sk{font-weight:500;padding:1px 6px;margin:0 2px 2px 0}.mc-speed,.mc-line{font-size:var(--fs-sm)}.mc-line b{color:var(--dim);font-weight:600}.mc-abil{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-0)}.mc-ab{display:grid;justify-items:center;gap:var(--sp-0);padding:3px 1px;background:rgb(var(--white-rgb) / .05);border-radius:var(--r-md)}.mc-ab-name{font-size:var(--fs-xs);color:var(--dim);font-weight:700}.mc-ab-mod{background:none;border:0;color:var(--text);font-size:var(--fs-base);font-weight:700;cursor:pointer;padding:0 3px;border-radius:var(--r-sm)}.mc-ab-mod:hover,.mc-ab-save:hover{background:var(--accent-soft)}.mc-ab-score{font-size:var(--fs-xs);color:var(--dim)}.mc-ab-save{background:none;border:0;color:var(--dim);font-size:var(--fs-xs);cursor:pointer;padding:0 3px;border-radius:var(--r-sm)}.mc-ab-save.prof{color:var(--accent-text);font-weight:700}.mc-sec h5{margin:6px 0 3px;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-text);border-bottom:1px solid var(--line);padding-bottom:2px}.mc-acts{display:flex;flex-direction:column;gap:var(--sp-1)}.mc-act-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1)}.mc-act-head b{margin-right:2px}.mc-act-text{margin-top:1px;color:var(--text)}.mc-act-text i{color:var(--dim)}.mc-info{font-size:var(--fs-sm)}.mc-ul{margin:3px 0 0 16px;padding:0}.mc-par br{content:""}.mc-lore summary{cursor:pointer;color:var(--dim);font-size:var(--fs-sm)}.mc-lore .mc-info{margin-top:4px}.mc-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:4px;padding-top:5px;border-top:1px dashed var(--line)}.mc-spell{margin:4px 0;padding:4px 6px;border:1px solid var(--line);border-radius:var(--r-md);background:rgb(var(--white-rgb) / .04)}.dice-chip{display:inline;padding:0 5px;margin:0 1px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--input-bg);color:var(--accent-text);font:inherit;font-weight:600;cursor:pointer;line-height:1.25}.dice-chip:hover{border-color:var(--accent-text);background:var(--accent-soft)}.dice-chip.atk{color:var(--sky)}.spell-link{display:inline;padding:0 4px;margin:0;border:0;border-bottom:1px dotted var(--accent-text);background:none;color:var(--accent-text);font:inherit;font-style:italic;cursor:pointer}.sc{padding:6px 8px;display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-sm);line-height:1.38;min-width:0}.sc-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2)}.sc-head b{font-size:var(--fs-base)}.sc-flag{padding:0 6px;border-radius:var(--r-md);background:rgb(var(--amber-rgb) / .18);color:var(--amber-text);font-size:var(--fs-xs);font-weight:700}.sc-flag.rit{background:rgb(var(--sky-rgb) / .16);color:var(--sky)}.sc-meta{display:grid;gap:var(--sp-0)}.sc-row{display:grid;grid-template-columns:92px 1fr;gap:var(--sp-2);font-size:var(--fs-sm)}.sc-text{color:var(--text)}.sc-text br{content:"";display:block;margin:3px 0}.cs-cur{border:1px solid var(--accent-text);border-radius:var(--r-md);background:var(--panel2);overflow:hidden}.cs-cur-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:5px 9px;background:var(--accent-soft);border:0;color:var(--text);cursor:pointer;text-align:left}.cs-card{margin:4px 0 2px;border:1px solid var(--line);border-radius:var(--r-md);background:rgb(var(--white-rgb) / .03)}.cs-sheet{padding:6px 8px}.sp .sp-char{margin-bottom:2px}.sp-who{gap:var(--sp-2);align-items:center}.sp-who select{flex:1;min-width:0}.sp-lv-seg{display:flex;flex-wrap:nowrap}.sp-lv-seg button{flex:1;min-width:0;padding:3px 0}.sp-lv{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-sm);font-weight:700;background:var(--input-bg);border:1px solid var(--line)}.sp-star{font-size:var(--fs-lg);color:var(--dim)}.sp-star.on{color:var(--gold)}.sb-book{display:flex;flex-direction:column;gap:var(--sp-0)}.sb-book-bar{gap:var(--sp-2);align-items:center;margin-bottom:3px}.sb-book-lv{margin-top:5px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-text);border-bottom:1px solid var(--line);padding-bottom:1px}.sb-spell{border-radius:var(--r-md)}.sb-spell.open{background:rgb(var(--white-rgb) / .04);border:1px solid var(--line)}.sb-spell-row{display:flex;align-items:center;gap:var(--sp-1);padding:2px}.sb-spell-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;background:none;border:0;color:var(--text);text-align:left;cursor:pointer;padding:1px 2px;line-height:1.2}.sb-spell-name b{font-size:var(--fs-sm)}.sb-spell-name small{font-size:var(--fs-xs);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-0);padding:4px 4px 6px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--text);cursor:grab}.prop-card:hover,.prop-card:focus-visible{border-color:var(--accent-text);outline:none}.prop-prev{display:block;width:76px;height:76px;object-fit:contain;border-radius:var(--r-md);background:repeating-conic-gradient(rgb(var(--white-rgb) / .04) 0 25%,transparent 0 50%) 0 0 / 14px 14px}.prop-card .del{position:absolute;top:2px;right:2px}.prop-gif{position:absolute;top:3px;left:4px;font-size:var(--fs-md)}.prop-bar{align-items:center;margin-top:4px}.prop-empty{grid-column:1 / -1;padding:4px 2px}.bs-bar{flex-wrap:wrap}.bs-bar .btn{white-space:nowrap}.mc-hp{display:grid;gap:var(--sp-0)}.mc-hp .hpbar{height:18px}.mc-hp .row{gap:var(--sp-0)}.mc-hp input{width:54px}:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.combo:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rail-lbl{display:none}.rail-sep{width:28px;height:1px;margin:var(--sp-1) 0;background:var(--line);flex:none}.rail-tgl{width:34px;height:28px;display:grid;place-items:center;border:0;border-radius:var(--r-md);background:none;color:var(--faint);cursor:pointer}.rail-tgl:hover{color:var(--text);background:var(--hover-bg)}.rail-labels .rail{width:70px;gap:var(--sp-1)}.rail-labels .rail-btn{width:62px;height:auto;min-height:50px;padding:6px 0 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-0)}.rail-labels .rail-lbl{display:block;max-width:100%;font-size:var(--fs-xs);line-height:1.15;overflow:hidden;white-space:nowrap}.rail-labels .rail-badge{top:2px;right:6px}.rail-labels .rail-tgl{width:62px}.btn{min-height:var(--ctl-md)}.btn.sm{min-height:var(--ctl-sm)}.icon-btn{min-width:var(--ctl-sm);min-height:var(--ctl-sm);display:inline-grid;place-items:center}.chip{min-height:28px;display:inline-flex;align-items:center}.seg button{min-height:30px}.pb-btn{width:var(--ctl-sm);height:var(--ctl-sm)}.fxb.more{width:var(--ctl-sm)}.modal{width:min(480px,100%)}.modal.wide{width:min(640px,100%)}.modal.wide.sheet-modal{width:min(920px,100%)}.hpbar span,.cs-chip b,.cs-init,.sb-ab-mod,.sb-ab-score,.sb-ab-save,.sb-skill b,.sk-bonus,.ab-mod,.roll-total,.roll-dice i,.sb-chip b,.qty b,.coin,.tw-time,.init-in{font-variant-numeric:tabular-nums}.sky-cap{font-size:var(--fs-xs);white-space:nowrap}.board-bottom.tight .sky-cap{display:none}.char-card.cp{padding:0;border:0;background:none;margin:0;gap:var(--sp-2)}.cp-head{position:sticky;top:0;z-index:3;margin:0 -14px;padding:10px 14px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:var(--sp-2)}.cp-head.down{background:linear-gradient(var(--danger-soft),var(--danger-soft)),var(--panel);border-bottom-color:var(--danger)}.cp-head .hpbar{margin:0}.cp-head .hpbar.low i{background:linear-gradient(90deg,var(--orange),var(--orange-light))}.cp-head .hpbar.down i{background:var(--hp-down)}.cp-slots{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-2);font-size:var(--fs-sm)}.cp-slot{padding:1px 8px;border-radius:var(--r-md);background:rgb(var(--white-rgb) / .07);font-variant-numeric:tabular-nums}.cp-slot.empty{color:var(--danger-text)}.cp-tabs{display:flex;gap:var(--sp-0);border-bottom:1px solid var(--line);margin:0 -14px;padding:0 14px}.cp-tab{flex:auto;background:none;border:0;border-bottom:2px solid transparent;padding:9px 4px;font-size:var(--fs-sm);color:var(--dim);cursor:pointer;white-space:nowrap}.cp-tab:hover{color:var(--text)}.cp-tab.active{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.cp-adv{margin:0}.cp-pane{gap:var(--sp-2)}.cp-death{display:flex;flex-direction:column;gap:var(--sp-2);padding:10px;border-radius:var(--r-md);background:var(--danger-soft)}.cp-death-row{display:flex;align-items:center;gap:var(--sp-2)}.cp-death-row>span{width:64px}.cp-pip.ok{border-color:var(--ok)}.cp-pip.ok.free{background:var(--ok);box-shadow:none}.cp-pip.bad{border-color:var(--danger)}.cp-pip.bad.free{background:var(--danger);box-shadow:none}.danger-text{color:var(--danger-text)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-3);text-align:center}.es-ico{color:var(--accent);opacity:.85}.hw-steps{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.hw-step{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-sm);font-weight:600;background:var(--input-bg);color:var(--dim)}.hw-step.on{background:var(--accent);color:var(--accent-ink)}.hw-step.done{background:var(--accent-soft);color:var(--accent-text)}.hw-ab{display:flex;align-items:center;gap:var(--sp-2)}.hw-score{width:64px;text-align:center;flex:none}.hw-mod{width:32px;text-align:right;font-variant-numeric:tabular-nums}.hw-nav{margin-top:var(--sp-3)}.hw-sum{display:flex;flex-direction:column;gap:var(--sp-2)}input.hw-score{width:64px;flex:none;text-align:center}.hw-ab>.grow{flex:1 1 0;min-width:0}.cs-turn{display:flex;flex-direction:column;gap:var(--sp-2);padding:12px;border-radius:var(--r-md);background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-text)}.btn.big{min-height:44px}.mapcard{position:absolute;z-index:7;display:flex;flex-direction:column;gap:var(--sp-2);min-width:190px;max-width:260px;padding:8px 10px;background:var(--glass-strong);border:1px solid var(--line);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 28px rgb(var(--black-rgb) / .5)}.mc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-hp{display:flex;flex-direction:column;gap:var(--sp-1)}.mc-hp .hpbar{margin:0}.mc-hp .row{gap:var(--sp-1)}.mc-hp .btn{flex:1;padding-left:0;padding-right:0}.mc-row{gap:var(--sp-1);flex-wrap:wrap}.mc-row select{width:auto;flex:1;min-width:110px}.tool-opts{top:10px;bottom:auto;left:62px;right:10px;padding:6px 10px;gap:var(--sp-2) var(--sp-3)}.builder.compact{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);width:100%}.builder.compact .check{margin:0}.builder.compact select{width:auto;min-width:140px;padding-top:4px;padding-bottom:4px}.seg.tiles button{display:inline-flex;align-items:center;gap:var(--sp-1);flex:none}.tool-opts .tool-help{flex-basis:100%}.builder.compact{flex-direction:row;justify-content:flex-start}.tool-opts .icon-btn.help{min-width:0;min-height:0;width:24px;height:24px}.th{display:inline-flex;align-items:center;gap:var(--sp-2);flex:1 1 220px;min-width:0}.icon-btn.help{display:grid;grid-template-columns:1fr;place-items:center}.pbp-list{display:flex;align-items:center;gap:var(--sp-1)}.pbp-lname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm)}.pb-btn.on{background:var(--accent-soft);color:var(--accent-text)}.pl-row{display:flex;align-items:center;gap:var(--sp-1)}.pl-row .sp-btn{flex:1;min-width:0}.topbar,.dock,.modal,#toasts{zoom:var(--ui-zoom, 1)}.phone-nav{display:none}.phone .main{flex-direction:column}.phone .center{display:none}.phone.phone-map .center{display:block;flex:1;min-height:0}.phone.phone-map .dock.right{display:none}.phone .dock.right{flex:1;width:100%;min-height:0;border-radius:0}.phone .dock.right.closed .dock-panel{display:flex}.phone .dock.right .rail,.phone .dock-x{display:none}.phone .dock-panel{width:100%;flex:1}.phone .topbar .online,.phone .topbar .top-sep,.phone .scene-title .st-camp{display:none}.phone .topbar{gap:var(--sp-1)}.phone .scene-title{max-width:none;flex:1;min-width:0}.phone .phone-nav{display:flex;flex:none;gap:var(--sp-0);padding:4px 4px max(4px,env(safe-area-inset-bottom));background:var(--rail);border-top:1px solid var(--line)}.pn-btn{position:relative;flex:1;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-0);background:none;border:0;border-radius:var(--r-md);color:var(--dim);font-size:var(--fs-xs);cursor:pointer}.pn-btn.active{color:var(--accent-text);background:var(--accent-soft)}.pn-btn.badge:after{content:"";position:absolute;top:6px;right:calc(50% - 20px);width:9px;height:9px;border-radius:50%;background:var(--danger)}.phone .fxwrap,.phone .tool-opts{display:none}.dock-help{color:var(--faint);font-weight:600}.dock-help:hover{color:var(--text)}.help-block.gl{grid-column:1 / -1}.help-block.gl td:first-child{white-space:normal;width:190px}.phone .dock-help{display:none}canvas.board:focus-visible{outline-offset:-3px}.toast-ico{flex:none;width:18px;text-align:center;font-weight:700}.toast.error .toast-ico{color:var(--danger-text)}.toast.ok .toast-ico{color:var(--ok-text)}.toast.info .toast-ico{color:var(--blue)}.toast .grow{min-width:0}.toast-x{min-width:0;min-height:0;padding:2px 6px}small{font-size:var(--fs-xs)}