:root{--bg: #0b0910;--panel: #15111e;--panel-2: #1d1729;--panel-3: #272036;--border: #342b47;--border-soft: #241d31;--text: #ece7f5;--text-dim: #9d93b5;--text-faint: #6d6482;--accent: #e8a33d;--accent-2: #59c2c9;--accent-3: #a678e8;--accent-ink: #1a1206;--danger: #f0685f;--ok: #5fd39a;--warn: #f0b849;--radius: 8px;--radius-sm: 6px;--radius-lg: 14px;--shadow-sm: 0 1px 2px #06040b99;--shadow: 0 4px 14px -4px #06040baa;--shadow-lg: 0 18px 44px -12px #06040bd0;--glow-accent: 0 0 0 1px #e8a33d40, 0 0 22px -6px #e8a33d66;--ring: 0 0 0 1px #e8a33d59;--ring-soft: 0 0 0 1px #59c2c940;--font-display: "Cinzel", "Iowan Old Style", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-body);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none}button{font-family:inherit;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit}h1,h2,h3,.hub-greeting,.brand{font-family:var(--font-display);font-weight:600}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 800px at 15% -10%,#a678e81a,transparent 60%),radial-gradient(1000px 700px at 100% 110%,#59c2c91a,transparent 60%)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#3a2f4f;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#4d3f68;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:56px 1fr;grid-template-rows:44px 1fr;grid-template-areas:"top top" "tools board";height:100%;height:100dvh;overflow:hidden}.topbar{grid-area:top;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(#15111e,#110e19);border-bottom:1px solid var(--border);box-shadow:0 1px #ffffff06 inset,0 6px 20px -12px #000;z-index:20}.brand{font-weight:600;letter-spacing:.03em;font-size:15px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex:none;color:#f6e6cd}.brand svg{flex:none;width:22px;height:22px;min-width:22px;min-height:22px}.roomchip{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--text-dim)}.roomchip{text-shadow:0 1px 2px #06040b;background:#0d0914cc;border-color:var(--border)}.roomchip code{color:var(--accent);font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.status-dot.connected{background:var(--ok);box-shadow:0 0 8px var(--ok)}.status-dot.connecting{background:var(--warn)}.status-dot.disconnected{background:var(--danger)}.players{display:flex;align-items:center;gap:6px;margin-left:auto}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#111;border:2px solid transparent;position:relative}.avatar.self{border-color:var(--ok)}.avatar .gm-badge{position:absolute;bottom:-4px;right:-4px;font-size:10px}.topbar .spacer{flex:1}.topbtn{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 11px;font-size:12px;display:inline-flex;gap:6px;align-items:center;transition:background .14s ease,border-color .14s ease}.topbtn:hover{background:var(--panel-3);border-color:#453a5c}.topbtn.active{background:#e8a33d1f;color:var(--accent);border-color:#e8a33d59}.tools{grid-area:tools;background:linear-gradient(#15111e,#110e19);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;overflow-y:auto;z-index:15}.tool{width:40px;height:40px;border-radius:var(--radius);border:1px solid transparent;background:transparent;font-size:18px;display:grid;place-items:center;position:relative;color:var(--text-dim);transition:background .14s ease,color .14s ease,border-color .14s ease}.tool:hover{background:var(--panel-2);color:var(--text);border-color:var(--border)}.tool.active{background:linear-gradient(#f0b054,#d98f2c);border-color:#c9821f;color:var(--accent-ink);box-shadow:0 0 16px -4px #e8a33d99}.tool-divider{width:28px;height:1px;background:var(--border);margin:6px 0}.tool-tip{position:fixed;transform:translateY(-50%);background:#221b30f7;border:1px solid var(--border);color:var(--text);padding:5px 9px;border-radius:var(--radius-sm);font-size:12px;box-shadow:var(--shadow-lg);white-space:nowrap;pointer-events:none;z-index:200}.tool-wrap{position:relative;display:flex}.tool-wrap>.tool{width:100%}.tool.has-menu:after{content:"";position:absolute;right:4px;bottom:4px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;opacity:.55;pointer-events:none}.tool.has-menu.active:after{opacity:1}.tool-menu-label{position:absolute;left:0;right:0;bottom:1px;font-size:7.5px;line-height:1;text-align:center;letter-spacing:.01em;opacity:.9;pointer-events:none;text-transform:uppercase;font-weight:600}.tool.has-menu>svg{transform:translateY(-4px)}.tool.has-menu{padding-bottom:9px}.tool-menu{position:fixed;z-index:260;min-width:190px;padding:4px;border-radius:var(--radius);border:1px solid var(--border);background:#14101ef8;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font-size:12.5px;text-align:left;transition:background .12s ease,color .12s ease}.tool-menu-item:hover{background:#ffffff12;color:var(--text)}.tool-menu-item.active{background:#e8a33d1f;border-color:#e8a33d40;color:var(--accent)}.tool-menu-item.danger{color:#d98b84}.tool-menu-item.danger:hover{background:#f0685f1f;color:var(--danger)}.tool-menu.draw-panel{min-width:230px;max-height:min(62vh,430px);overflow-y:auto;overscroll-behavior:contain}.draw-section+.draw-section{border-top:1px solid var(--border);margin-top:3px}.draw-section-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 9px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:12px;font-weight:600;letter-spacing:.02em;text-align:left;transition:background .12s ease}.draw-section-head:hover{background:#ffffff12}.draw-caret{font-size:10px;opacity:.65}.draw-section-body{display:flex;flex-direction:column;gap:8px;padding:0 0 7px}.draw-section-body .field label{font-size:11.5px}.draw-section-body .hint{font-size:11px;line-height:1.35}.draw-section-body .row.checklist{font-size:12.5px;color:var(--text);padding:7px 5px;margin-top:-2px}.draw-section-body input[type=color]{width:100%;height:28px;padding:3px}.draw-section-body input[type=range]{height:26px}.panels-toggle{display:none}.side-backdrop{display:none;position:absolute;top:48px;right:0;bottom:66px;left:0;z-index:11;border:0;padding:0;background:#0d0914cc}.decal-armed{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px dashed var(--border);border-radius:8px;font-size:11.5px;color:var(--text-dim)}.decal-armed.ready{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}.decal-armed img{width:30px;height:30px;object-fit:cover;border-radius:5px;flex:none;background:var(--panel-3)}.decal-armed b{display:block;font-size:12px}.decal-armed span{display:block}.blocker{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.blocker-casing{fill:none;stroke:#06040bd0;stroke-width:11;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.blocker-wall{stroke:#ded3c4;stroke-width:7}.blocker-door{stroke:#b98b5e;stroke-width:6}.blocker-window{stroke:#7dd3fc;stroke-width:5;stroke-dasharray:10 6}.blocker-open{opacity:.42}.blocker-hit{fill:none;stroke:transparent;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:grab}.blocker.selected{stroke:var(--accent)}.blocker.preview{opacity:.6}.blocker-bar{position:absolute;transform:translate(-50%,-140%);z-index:20;display:flex;align-items:center;gap:4px;padding:4px 5px;border:1px solid var(--border);border-radius:999px;background:#14101ef5;box-shadow:var(--shadow-lg);white-space:nowrap}.blocker-bar-kind{font-size:11px;color:var(--accent);padding:0 6px;font-family:var(--font-display);letter-spacing:.04em}.blocker-bar-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border:1px solid transparent;border-radius:999px;background:#ffffff0a;color:var(--text);font-size:11px;transition:background .14s ease}.blocker-bar-btn:hover{background:#ffffff1a}.blocker-bar-btn.danger{color:var(--danger)}.blocker-bar-btn.danger:hover{background:#f0685f24}.blocker-picker{display:grid;grid-template-columns:1fr 1fr;gap:5px}.blocker-opt{padding:6px 4px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text-dim);font-size:12px}.blocker-opt.active{border-color:var(--accent);background:var(--panel-3);color:var(--text)}.decal{position:absolute;pointer-events:auto;cursor:move}.decal img{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}.token-reach{position:absolute;border:1px dashed #ffffff5c;border-radius:50%;pointer-events:none;z-index:1}.token-reach.on{border:2px dashed var(--accent);opacity:.95}.inventory{display:flex;flex-direction:column;gap:7px}.inv-head{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12.5px;font-weight:600}.inv-totals{margin-left:auto;font-weight:400;font-size:11.5px;color:var(--text-dim);white-space:nowrap}.inv-status{padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:600;white-space:nowrap}.inv-status.safe{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.inv-status.over{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.inv-over{color:var(--danger)}.inv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.inv-row{display:flex;align-items:flex-start;gap:7px;padding:5px 6px;border-radius:var(--radius-sm);background:#ffffff07}.inv-qty input{width:46px;padding:3px 5px;font-size:12.5px;text-align:right}.inv-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.inv-body b{font-size:13px}.inv-body .muted{font-size:11.5px}.inv-notes{font-size:11.5px;font-style:italic}.inv-mini-label{display:inline-flex;align-items:center;gap:4px}.inv-mini{width:56px;padding:1px 4px;font-size:11.5px;text-align:right}.inv-add{display:flex;align-items:center;gap:5px}.inv-add input[type=number]{width:62px;padding:4px 5px;font-size:12.5px;text-align:right}.inv-add input[placeholder="Nombre de la cosa"]{flex:1;min-width:0;padding:5px 7px;font-size:13px}.sheet-popup .inventory{gap:6px}.sheet-popup .inv-row{flex-wrap:wrap}.sheet-popup .inv-qty input{width:42px}.sheet-popup .inv-add{flex-wrap:wrap}.sheet-popup .inv-add input[placeholder="Nombre de la cosa"]{flex-basis:100%}.inv-row.being-dragged{opacity:.45}.inventory.drop-target{outline:2px dashed var(--accent);outline-offset:3px;border-radius:var(--radius)}.inv-move{margin-top:2px}.inv-move select{width:100%;max-width:200px;padding:2px 5px;font-size:11.5px;color:var(--text-dim)}.chest{position:absolute;display:flex;flex-direction:column;border:2px solid #6b4a2a;border-radius:5px;background:linear-gradient(#8a5f34,#6b4726);box-shadow:0 3px 8px -2px #0009;overflow:hidden;z-index:2}.chest-lid{height:28%;background:linear-gradient(#a3703d,#8a5f34);border-bottom:2px solid #6b4a2a}.chest-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px;color:#2a1a0d;text-align:center}.chest-body b{font-size:10px;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chest.selected{border-color:var(--accent);box-shadow:0 0 0 2px #e8a33d55,0 3px 8px -2px #0009}.chest.locked{background:linear-gradient(#4a4a55,#383843);border-color:#6a6a78}.chest.locked .chest-lid{background:linear-gradient(#5c5c68,#4a4a55);border-bottom-color:#6a6a78}.chest.locked .chest-body{color:#cfcfdd}.decal.selected{outline:2px dashed var(--accent);outline-offset:2px}.map-tools{position:absolute;z-index:6;transform:translate(-50%);display:flex;gap:4px;padding:3px;background:#14101ef2;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.map-tool{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;transition:background .12s ease,color .12s ease}.map-tool:hover{background:#ffffff12;color:var(--text)}.map-tool.on{background:#a678e833;border-color:#a678e866;color:var(--accent)}.map-tool.danger:hover{background:#f0685f1f;color:var(--danger)}.map-tool:disabled{opacity:.4;cursor:not-allowed}.map-tool:disabled:hover{background:transparent;color:var(--text-dim)}.hidden-file{display:none}.decal-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:5px;max-height:190px;overflow-y:auto}.decal-chip{padding:0;border:2px solid transparent;border-radius:7px;background:var(--panel-3);overflow:hidden;aspect-ratio:1;display:block}.decal-chip img{width:100%;height:100%;object-fit:cover;display:block}.decal-chip.active{border-color:var(--accent)}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;flex:none;background:#100d18;border:1px solid var(--border);border-radius:12px;padding:4px}.side-tab{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-dim);font-size:11.5px;font-weight:600;min-width:0;transition:background .14s ease,color .14s ease}.side-tab>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-tab:hover{background:var(--panel-2);color:var(--text)}.side-tab.active{background:#e8a33d1f;color:var(--accent);border-color:#e8a33d66;box-shadow:inset 0 -2px 0 var(--accent)}.side-panels{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow:hidden}.side-panel{display:flex;flex-direction:column;flex:1;min-height:0}.side-panel[hidden]{display:none}.side-panel>.panel{flex:1;min-height:0}.side-panel .panel-body{flex:1;min-height:0;max-height:none}.side-panel-grow,.side-panel-grow>.panel{flex:1;min-height:0}.side-panel-grow .chat{height:auto;flex:1;min-height:180px}.board{grid-area:board;position:relative;overflow:hidden;background:radial-gradient(900px 600px at 50% 45%,#171226,#08060e 75%),#08060e;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.board button,.board .tool,.board .icon-btn{touch-action:none}.world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.map-layer{position:absolute;top:0;left:0;pointer-events:none}.map-img{display:block;max-width:none}.grid-svg{position:absolute;top:0;left:0;pointer-events:none}.board-hint{position:absolute;bottom:92px;left:50%;transform:translate(-50%);background:#0d0914cc;color:var(--text-dim);font-size:12px;padding:8px 14px;border-radius:999px;pointer-events:none}.selection-box{position:absolute;border:2px dashed var(--accent);border-radius:6px;pointer-events:none}.resize-handle{position:absolute;width:12px;height:12px;background:var(--accent);border:2px solid #15111e;border-radius:3px;cursor:nwse-resize}.remote-cursor{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 6px #0008;transition:transform .08s linear}.remote-cursor .label{position:absolute;top:14px;left:8px;font-size:11px;background:#0d0914d9;padding:1px 5px;border-radius:4px;white-space:nowrap}.side{position:absolute;top:56px;right:12px;bottom:12px;width:344px;display:flex;flex-direction:column;gap:10px;z-index:12;overflow-y:auto;overflow-x:hidden;padding-right:4px;pointer-events:none}.side>*{pointer-events:auto}.panel{background:linear-gradient(#171223,#130f1c);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;gap:8px;padding:9px 11px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.05em;color:#d9c9ae;background:#100d18;border-bottom:1px solid var(--border)}.panel-head .grow{flex:1}.panel-head button{background:transparent;border:none;color:var(--text-dim);font-size:14px;line-height:1}.panel-body{padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;max-height:46vh}.hint{font-size:11.5px;color:var(--text-dim);margin:0;line-height:1.4}.img-picker{display:flex;flex-direction:column;gap:6px;margin-top:6px}.img-drop{display:flex;align-items:center;gap:8px;padding:10px;border:1px dashed var(--border);border-radius:10px;background:var(--panel-2);color:var(--text-dim);font-size:12px;cursor:pointer}.img-drop:hover,.img-drop.over{border-color:var(--accent);color:var(--text);background:var(--panel-3)}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px;max-height:168px;overflow-y:auto}.img-thumb{aspect-ratio:1;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);cursor:pointer}.img-thumb:hover{border-color:var(--accent)}.img-thumb img{display:block;width:100%;height:100%;object-fit:cover}.img-preview{flex:0 0 auto;width:46px;height:46px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.checklist{font-size:12px;color:var(--text-dim);flex:1;white-space:nowrap}.row.spread{justify-content:space-between;align-items:center}.section-label{font-family:var(--font-body);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-top:4px}.side-panel .section-label{display:flex;align-items:center;gap:8px;margin-top:16px;color:#d9c9ae}.side-panel .section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.side-panel .section-label:first-child{margin-top:0}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;flex:none;margin:0;border:1px solid #4a3c66;border-radius:4px;background:#100d18;cursor:pointer;position:relative;transition:background .14s ease,border-color .14s ease}input[type=checkbox]:hover{border-color:var(--accent)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--accent-ink);border-width:0 2px 2px 0;transform:rotate(42deg)}.hub-view .section-label,.hub-body .section-label{font-family:var(--font-display);text-transform:none;font-size:12px;letter-spacing:.1em;color:var(--accent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);color:inherit;flex:none;transition:background .14s ease,border-color .14s ease}.icon-btn:hover{background:var(--panel-3);border-color:#453a5c}.icon-btn.danger{color:var(--danger)}.btn.big{padding:10px 14px;font-size:14px}.token-badge{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0d0914d9;color:var(--warn)}.token-nose{position:absolute;left:0;top:0;transform-origin:50% 50%;pointer-events:none;z-index:0}.token-nose:before{content:"";position:absolute;left:100%;top:50%;margin-top:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid var(--accent);filter:drop-shadow(0 1px 2px #000a)}.token-needle{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;pointer-events:none}.token-needle:before{content:"";position:absolute;left:72%;right:0;top:50%;height:2px;margin-top:-1px;background:linear-gradient(to right,transparent,var(--accent));opacity:.8}.token-needle-tip{position:absolute;left:100%;top:50%;width:18px;height:18px;margin:-9px 0 0 -5px;border-radius:50%;border:2px solid var(--accent);background:#0d0914;box-shadow:0 0 12px -1px var(--accent);cursor:grab;pointer-events:auto;touch-action:none}.token-needle-tip:active{cursor:grabbing}.token-needle-tip:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%}.divider-or{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:11px;text-transform:uppercase}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--border)}.leave-btn{position:absolute;left:12px;top:12px;z-index:13;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:12px;box-shadow:var(--shadow)}.leave-btn:hover{background:var(--panel-3)}.scene-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:1px solid transparent;background:var(--panel-2);font-size:13px;cursor:pointer}.scene-item.active{border-color:var(--accent);background:var(--panel-3)}.scene-item input{flex:1;background:transparent;border:none;outline:none;font-size:13px}.scene-thumb{width:38px;height:26px;object-fit:cover;border-radius:4px;background:#111;flex:none}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-dim)}.field input,.field select,.field textarea{background:#100d18;border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 9px;font-size:13px;color:var(--text);outline:none;min-width:0;transition:border-color .14s ease,box-shadow .14s ease}.field input:hover,.field select:hover,.field textarea:hover{border-color:#453a5c}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:var(--glow-accent)}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:26px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;height:18px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,#3a2f4f,#241d31)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:2px solid #15111e;box-shadow:0 0 10px -2px #e8a33d99}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#2b2340}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #15111e}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.row>:is(button,a){flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(#241d33,#1d1729);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 11px;font-size:12px;color:var(--text);box-shadow:var(--shadow-sm);transition:background .14s ease,border-color .14s ease,transform .08s ease,box-shadow .14s ease}.btn:hover{background:linear-gradient(#2e2542,#251d33);border-color:#453a5c}.btn:active{transform:translateY(1px);box-shadow:none}.btn.primary{background:linear-gradient(#f0b054,#d98f2c);border-color:#c9821f;color:var(--accent-ink);font-weight:600;box-shadow:var(--shadow-sm),0 0 18px -6px #e8a33d80}.btn.primary:hover{background:linear-gradient(#f7bd66,#e39a33)}.btn.danger{color:var(--danger);border-color:#4a2b2e}.btn.danger:hover{background:#2c1a1d;border-color:#6b3a3e}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{padding:4px 8px}.btn.block{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:9px}.hidden-blockers{margin-top:8px;display:flex;flex-direction:column;gap:3px}.hidden-blocker{display:flex;align-items:center;gap:7px;width:100%;padding:5px 8px;border:1px dashed var(--border);border-radius:7px;background:transparent;color:var(--text-dim);font-size:12px;text-align:left}.hidden-blocker:hover{border-style:solid;border-color:#453a5c;color:var(--text)}.hidden-blocker-do{margin-left:auto;color:var(--accent);font-size:11px;font-weight:600}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;background:#a678e814;border:1px solid #a678e833;color:#c9b6ea}.chip button{background:none;border:none;color:inherit;font-size:12px}.chat{width:auto;height:320px}.chat-log{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px;font-size:13px;-webkit-user-select:text;user-select:text}.chat-msg .author{font-weight:700;margin-right:6px}.chat-msg.system{color:var(--warn);font-style:italic}.chat-msg .roll{background:#a678e81f;border:1px solid #a678e859;border-radius:var(--radius-sm);padding:3px 7px;display:inline-block;margin-top:3px}.chat-input{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border)}.chat-input input{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:7px 9px;font-size:13px;outline:none}.chat-input input:focus{border-color:var(--accent)}.bottom-left{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;z-index:12}.bottom-left .panel{flex-direction:row;align-items:center;padding:6px 8px;gap:8px}.viewport-readout{position:absolute;right:12px;bottom:12px;font-size:11px;color:var(--text-dim);background:#0d0914cc;padding:4px 10px;border-radius:999px;z-index:12}.sheet-popup{position:fixed;z-index:14;width:330px;max-height:min(70vh,560px);display:flex;flex-direction:column;background:linear-gradient(#171223,#130f1c);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.sheet-popup-head{display:flex;align-items:center;gap:9px;padding:9px 10px;border-bottom:1px solid var(--border);background:#1c1628;cursor:grab;touch-action:none}.sheet-popup-head:active{cursor:grabbing}.sheet-popup-head .icon-btn{cursor:pointer}.sheet-popup-portrait{flex:none;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:#241d33 center/cover no-repeat}.sheet-popup-id{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.sheet-popup-id strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-popup-id .muted{font-size:11px}.sheet-popup-body{padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;min-height:0}.sheet-popup .sheet-fields{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:7px}.sheet-popup .sheet-fields .field.tight{max-width:72px}@media(max-width:820px){.sheet-popup{width:min(330px,calc(100vw - 16px));max-height:52vh}.sheet-popup.window-wide{width:calc(100vw - 16px);max-height:60vh}}.sheet-popup.window-wide{width:min(720px,calc(100vw - 16px));max-height:min(78vh,660px)}.sheet-popup-glyph{flex:none;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;background:#241d33;color:var(--text-dim)}.token-table{width:100%;border-collapse:collapse;font-size:12.5px}.token-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-dim);padding:0 5px 5px;white-space:nowrap}.token-table td{padding:2px;vertical-align:middle;min-width:0}.token-table tr.is-hidden{opacity:.55}.token-table select,.token-table input[type=text],.token-table input[type=number]{width:100%;min-width:0;font-size:12px;padding:3px 5px}.token-table input[type=number].tok-cell.num,.token-table .tok-cell.num{width:58px}.token-table td:nth-child(1){min-width:130px}.token-table td:nth-child(6){min-width:120px}.tok-actions{display:flex;gap:2px;white-space:nowrap}.tok-actions .icon-btn{padding:3px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 600px at 50% 30%,#1a1230e6,#06040bf5 70%),#06040bf5;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card{background:linear-gradient(#1b1627,#14101e);border:1px solid #3d3155;border-radius:18px;padding:28px;width:372px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-lg)}.card h1{font-family:var(--font-display);font-size:23px;letter-spacing:.01em;margin:0;display:flex;align-items:center;gap:9px;color:#f6e6cd}.card p{margin:0;font-size:13px;color:var(--text-dim)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.active{border-color:#fff}.role-toggle{display:flex;gap:6px}.role-toggle button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2)}.role-toggle button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.toast-wrap{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:6px}.toast{background:#0d0914e6;border:1px solid var(--border);padding:8px 14px;border-radius:999px;font-size:13px}.locked-badge{position:absolute;font-size:12px;pointer-events:none}.hub-app{height:100%;overflow:auto}.hub-layout{display:grid;grid-template-columns:240px 1fr;height:100%;overflow:hidden}.hub-sidebar{background:linear-gradient(#15111e,#100d18);border-right:1px solid var(--border);box-shadow:1px 0 #ffffff05 inset;display:flex;flex-direction:column;padding:20px 12px;gap:18px}.hub-sidebar-brand{font-size:17px;padding:2px 10px 0;flex:none;letter-spacing:.01em}.hub-nav{display:flex;flex-direction:column;gap:3px}.hub-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:14px;text-align:left;transition:background .14s ease,color .14s ease}.hub-nav-item.active{background:linear-gradient(90deg,#e8a33d1f,#e8a33d08);color:var(--text);border-color:#e8a33d2e;box-shadow:inset 2px 0 0 var(--accent)}.hub-nav-item.active svg{color:var(--accent)}.hub-main{overflow-y:auto;height:100%;display:flex;flex-direction:column}.hub-toolbar{display:flex;align-items:center;gap:8px;padding:12px 24px;border-bottom:1px solid var(--border);background:#100d18e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.hub-toolbar .spacer{flex:1}.hub-toolbar .icon-btn:disabled{opacity:.35;cursor:default}.hub-view{padding:28px 28px 56px;max-width:1120px;width:100%}.hub-greeting{margin:0 0 4px;font-size:30px;letter-spacing:.01em;line-height:1.15}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:22px 0}.stat-card{display:flex;align-items:center;gap:13px;padding:16px;background:linear-gradient(160deg,#1b1626,#15111e);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .16s ease,transform .16s ease}.stat-card:hover{border-color:#4a3c66;transform:translateY(-2px)}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8a33d1a;border:1px solid #e8a33d2b;color:var(--accent);flex:none}.stat-value{font-size:25px;font-weight:700;line-height:1;font-family:var(--font-display);color:#fff}.stat-label{font-size:12px;color:var(--text-dim)}.hub-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.mini-list{display:flex;flex-direction:column;gap:4px}.mini-row{display:flex;align-items:center;gap:10px;padding:9px;border-radius:var(--radius);background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:background .14s ease,border-color .14s ease}.mini-row.static{cursor:default}.mini-row:hover{background:#ffffff0d;border-color:var(--border)}.mini-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}.mini-thumb.placeholder{display:grid;place-items:center;background:var(--panel-3);color:var(--text-dim)}.mini-body{flex:1;min-width:0;display:flex;flex-direction:column}.mini-body b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-lg{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700;color:var(--accent-ink);flex:none}.hub{min-height:100%;display:flex;flex-direction:column}.hub-top{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.hub-user{font-size:13px;color:var(--text-dim)}.hub-tabs{display:flex;gap:4px;padding:10px 20px 0;flex-wrap:wrap}.hub-tab{background:transparent;border:1px solid transparent;border-radius:8px;padding:7px 12px;font-size:13px;color:var(--text-dim)}.hub-tab:hover{background:var(--panel-2)}.hub-tab.active{background:var(--panel-3);color:var(--text);border-color:var(--border)}.hub-body{padding:16px 20px 40px;max-width:1100px;width:100%;margin:0 auto}.hub-empty{padding:40px;color:var(--text-dim)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.hub-card{background:linear-gradient(165deg,#1a1524,#14101d);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:11px;box-shadow:var(--shadow)}.hub-card>:is(button,a.btn){align-self:flex-start}.hub-card h2,.hub-card h3{margin:0;letter-spacing:.01em}.profile-card{margin:12px 20px 0;max-width:520px}.muted{color:var(--text-dim);font-size:13px}.result-count{margin:0 0 10px;font-size:12px}.error{color:var(--danger);font-size:13px;margin:0}.campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.campaign-card{background:linear-gradient(165deg,#1a1524,#14101d);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.campaign-card:hover{transform:translateY(-4px);border-color:#6a5424;box-shadow:var(--shadow-lg),0 0 30px -14px #e8a33d80}.campaign-card img,.campaign-cover{width:100%;height:130px;object-fit:cover;display:block}.campaign-cover.placeholder{display:grid;place-items:center;font-size:42px;background-color:#1b1627;background-image:repeating-linear-gradient(45deg,#ffffff08 0 1px,transparent 1px 9px),radial-gradient(120% 90% at 50% 0%,#e8a33d14,transparent 60%);color:#6b5f8a}.campaign-body{padding:14px;display:flex;flex-direction:column;gap:7px}.campaign-body h3{margin:0;font-size:16px}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--panel-2);font-size:13px}.list li.active,.list li:hover{background:var(--panel-3)}.list li .muted{margin-left:auto}.dot{width:10px;height:10px;border-radius:50%;flex:none}.hub-user-avatar{width:24px;height:24px;border-radius:50%;flex:none;border:1px solid var(--border);background:#241d33 center/cover no-repeat}.invite-bar{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.invite{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--accent);background:linear-gradient(90deg,#2a2140,#1b1528);box-shadow:var(--shadow-lg)}.chip.ok{color:var(--ok)}.chip.warn{color:var(--warn)}.kind-badge{text-transform:uppercase;font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--panel-3);color:var(--text-dim)}.create-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.create-row input,.create-row select{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:7px 9px;color:var(--text);flex:1;min-width:0}.sheet textarea,.hub-card textarea{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:7px 9px;color:var(--text);resize:vertical;font-family:inherit;font-size:13px}.hub-card input[type=text],.hub-card input:not([type]),.hub-card input[type=number],.hub-card input[type=password],.hub-card input[type=email]{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:7px 9px;color:var(--text);font-size:13px;outline:none}.hub-card input:focus,.hub-card textarea:focus{border-color:var(--accent)}.user-picker{position:relative;max-width:460px}.user-picker>label{display:block;margin-bottom:5px;font-size:12px;color:var(--text-dim)}.user-picker-box{position:relative;display:flex;align-items:center}.user-picker-box svg{position:absolute;left:9px;color:var(--text-dim);pointer-events:none}.user-picker-box input{width:100%;padding-left:29px!important}.user-picker-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;list-style:none;margin:0;padding:4px;max-height:268px;overflow-y:auto;background:#1b1526;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.user-picker-list li{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;cursor:pointer;font-size:13px}.user-picker-list li.active{background:#ffffff12}.user-picker-list .user-picker-head{padding:5px 8px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);cursor:default;pointer-events:none}.user-picker-empty li{color:var(--text-dim);cursor:default;justify-content:center}.user-picker-avatar{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#1a1226;background:var(--accent)}.user-picker-body{flex:1;min-width:0;display:flex;align-items:baseline;gap:7px}.user-picker-body b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-picker-body .muted{font-size:11.5px}.friend-list li{align-items:flex-start}.friend-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.35}.friend-body b{overflow:hidden;text-overflow:ellipsis}.friend-body .muted{font-size:12px}.friend-shared{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.chip.clickable{cursor:pointer;font-family:inherit;color:var(--text);transition:background .14s ease,border-color .14s ease}.chip.clickable:hover{background:#a678e833;border-color:var(--accent)}.sheet-name{font-size:18px!important;font-weight:700;background:transparent!important;border:none!important;border-bottom:1px solid var(--border)!important;border-radius:0!important}.attrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px;justify-content:center;justify-items:center}.attrs>.attr{width:100%;max-width:96px}.attr{display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 2px}.attr span{font-size:11px;color:var(--text-dim)}.attr input{width:100%!important;text-align:center;padding:3px!important;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.attr input::-webkit-outer-spin-button,.attr input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.attr em{font-size:11px;color:var(--accent);font-style:normal}.attr b{font-size:15px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.field.tight{flex:none;width:70px}.field input[type=color]{width:100%;height:32px;padding:2px;cursor:pointer}.sheet-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.sheet-fields .field.wide{grid-column:1 / -1}.sheet-fields .field.tight{width:auto;max-width:96px}.weather-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:5px}.weather-opt{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text-dim);font-size:12px}.weather-opt em{font-style:normal;font-size:10px;opacity:.7}.weather-opt.active{border-color:var(--accent);background:var(--panel-3);color:var(--text)}.tpl-starters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tpl-row .tpl-key{color:var(--text-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#0b0812}.tpl-row .tpl-key:focus{color:var(--text)}.tpl-sections{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:var(--radius);background:#ffffff05;border:1px solid var(--border)}.tpl-section-row{display:flex;align-items:center;gap:5px}.tpl-section-row input{flex:1;background:#100d18;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 9px;font-size:13px;color:var(--text);outline:none}.tpl-more{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:8px;padding:10px;border-radius:var(--radius);background:#ffffff05;border:1px dashed var(--border)}.tpl-more textarea{background:#100d18;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 8px;font-size:12px;color:var(--text);outline:none;resize:vertical}.icon-btn.active{border-color:#e8a33d66;color:var(--accent);background:#e8a33d1a}.tpl-preview{margin-top:6px;padding:12px;border-radius:var(--radius);background:#ffffff04;border:1px dashed var(--border);display:flex;flex-direction:column;gap:10px}.tpl-fake-input,.tpl-fake-area{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#0d0914;color:var(--text-faint);font-size:12px;padding:7px 9px;min-height:30px}.tpl-fake-area{min-height:44px}.tpl-fake-select{display:flex;justify-content:space-between;align-items:center;color:var(--text-dim)}.tpl-caret{font-size:10px;opacity:.7}.tpl-fake-ph{font-style:italic}.tpl-fake-check{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim);padding:6px 0}.tpl-box{width:15px;height:15px;border-radius:4px;border:1px solid var(--border);background:#0d0914;display:inline-block}.tpl-box.on{background:var(--accent);border-color:var(--accent)}.tpl-preview-group+.tpl-preview-group{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-soft)}.tpl-preview-help{display:block;margin-top:2px;font-size:10.5px}.sheet-group+.sheet-group{margin-top:4px}.sheet-read-group{font-family:var(--font-display);font-size:11px;letter-spacing:.08em;color:var(--accent);padding:10px 0 4px}.create-col{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--radius);background:#ffffff05;border:1px solid var(--border)}.chip.save-dirty{background:#f0b8491f;border-color:#f0b8494d;color:var(--warn)}.chip.save-saving{background:#59c2c91a;border-color:#59c2c93d;color:var(--accent-2)}.chip.save-saved{background:#5fd39a1a;border-color:#5fd39a40;color:var(--ok)}.sheet-move{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-radius:var(--radius);background:#e8a33d0a;border:1px solid #e8a33d24}.char-portrait.tiny{width:28px;height:28px;border-radius:50%;flex:none;overflow:hidden;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--panel-3);color:var(--text-dim)}.char-portrait.tiny img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.sheet-move{grid-template-columns:1fr}}.sheet-read{display:flex;flex-direction:column;gap:1px}.sheet-read-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--border)}.sheet-read-row.wide{flex-direction:column;align-items:stretch;gap:3px}.sheet-read-label{font-size:12px;color:var(--text-dim);flex:none}.sheet-read-value{font-size:13px;text-align:right;overflow-wrap:anywhere;white-space:pre-wrap}.sheet-read-row.wide .sheet-read-value{text-align:left;font-size:12px;color:var(--text-dim)}.fm-newfolder{display:flex;align-items:center;gap:6px}.fm-newfolder .fm-side-input{flex:1;min-width:0}.tpl-editor{display:flex;flex-direction:column;gap:10px}.tpl-rows{display:flex;flex-direction:column;gap:6px}.tpl-row{display:grid;grid-template-columns:18px minmax(80px,1fr) minmax(90px,1.2fr) 112px auto auto auto auto;gap:6px;align-items:center;padding:3px;border-radius:7px}.tpl-row.dragging{opacity:.4}.tpl-row.drag-over{background:color-mix(in srgb,var(--accent) 16%,transparent);outline:1px dashed var(--accent)}.tpl-handle{cursor:grab;color:var(--text-dim);text-align:center;-webkit-user-select:none;user-select:none;line-height:1}.tpl-reorder{display:flex;gap:2px}.tpl-reorder .icon-btn:disabled{opacity:.3;cursor:default}.tpl-row input.invalid{border-color:var(--danger)}.tpl-problems{margin:0;padding:8px 10px 8px 26px;border:1px solid var(--danger);border-radius:8px;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--text);font-size:12px}.tpl-warnings{margin:0;padding:8px 10px 8px 26px;border:1px solid var(--warn);border-radius:8px;background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--text);font-size:12px}.tpl-saved{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--ok)}.tpl-dirty{color:var(--warn)}.tpl-hint-dirty{font-size:12px;color:var(--warn)}.tpl-row input[type=text],.tpl-row input:not([type]),.tpl-row select{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px;color:var(--text);outline:none;min-width:0;width:100%}.tpl-row input:focus,.tpl-row select:focus{border-color:var(--accent)}.tpl-check{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim);white-space:nowrap}.tpl-pick{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:transparent;border:0;padding:2px 0;text-align:left;flex:1;min-width:0}.tpl-pick .muted{font-size:11px;margin-left:0}@media(max-width:820px){.tpl-row{grid-template-columns:18px 1fr 1fr}.tpl-row select,.tpl-row .tpl-check{grid-column:2 / -1}.tpl-row>.icon-btn:not(.danger){grid-column:2 / -1;justify-self:start}.tpl-reorder{grid-column:2 / -1}.tpl-row .icon-btn.danger{grid-column:1;grid-row:1}.tpl-more{grid-template-columns:1fr}}.fm{display:flex;flex-direction:column;gap:10px;outline:none}.fm-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--border)}.fm-nav{display:flex;align-items:center;gap:6px;min-width:0}.fm-crumbs{display:flex;align-items:center;gap:4px;min-width:0;font-size:14px}.fm-crumb{border:0;background:transparent;color:var(--text-dim);padding:4px 6px;border-radius:6px;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-crumb:hover{background:var(--panel-2);color:var(--text)}.fm-crumb.active{color:var(--text)}.fm-sep{color:var(--text-dim)}.fm-toolbar .search-field{flex:1 1 200px;min-width:160px}.fm-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.fm-select{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px;color:var(--text);outline:none;max-width:150px}.fm-select:focus{border-color:var(--accent)}.fm-upload{display:flex;align-items:center;gap:6px}.fm-viewtoggle{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.fm-viewtoggle button{display:grid;place-items:center;padding:6px 8px;border:0;background:var(--panel-2);color:var(--text-dim)}.fm-viewtoggle button.on{background:var(--accent);color:var(--accent-ink)}.fm-hint{margin:0;font-size:12px}.fm-body{display:grid;grid-template-columns:200px 1fr;gap:12px;align-items:start}.fm-side{display:flex;flex-direction:column;gap:2px;padding-right:8px;border-right:1px solid var(--border);min-width:0}.fm-side-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-dim);font-size:13px;text-align:left;min-width:0}.fm-side-item:hover{background:var(--panel-2);color:var(--text)}.fm-side-item.active{background:var(--panel-3);color:var(--text);border-color:var(--border)}.fm-side-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-side-item em{font-style:normal;font-size:11px;color:var(--text-dim);flex:none}.fm-side-row{display:flex;align-items:center;gap:2px;border-radius:7px;border:1px solid transparent;min-width:0}.fm-side-row:hover{background:var(--panel-2)}.fm-side-row.active{background:var(--panel-3);border-color:var(--border)}.fm-side-row .fm-side-item{flex:1;width:auto;border:0;background:transparent;padding-left:9px}.fm-side-row.active .fm-side-item{background:transparent}.fm-side-tools{display:none;gap:1px;flex:none;padding-right:4px}.fm-side-row:hover .fm-side-tools,.fm-side-row:focus-within .fm-side-tools{display:flex}.fm-side-row .fm-side-tools .icon-btn{padding:4px;width:24px;height:24px}.fm-side-input,.fm-side-new{width:100%;background:var(--panel-2);border:1px solid var(--accent);border-radius:7px;padding:6px 9px;font-size:13px;color:var(--text);outline:none}.fm-side-input::placeholder{color:var(--text-dim)}.fm-side-new{display:flex;align-items:center;gap:6px;border:1px dashed var(--border);color:var(--text-dim);cursor:pointer}.fm-side-new:hover{color:var(--text);border-color:var(--accent)}.fm-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;align-content:start;min-height:220px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);transition:border-color .15s,background .15s}.fm-content.drop{border-color:var(--accent);background:var(--panel-3);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.fm-item{position:relative;display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);color:var(--text);text-align:left;min-width:0}.fm-item:hover{border-color:var(--accent)}.fm-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.fm-thumb{display:grid;place-items:center;height:78px;border-radius:6px;background:var(--panel-3);color:var(--text-dim);overflow:hidden;margin-bottom:4px}.fm-thumb img{width:100%;height:100%;object-fit:cover;display:block}.fm-item-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-item-sub{font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-item-actions{display:flex;gap:4px;margin-top:6px;align-items:center}.fm-move{position:relative;display:inline-flex}.fm-move-select{position:absolute;right:0;bottom:calc(100% + 4px);z-index:20;width:170px;max-width:60vw;box-shadow:var(--shadow)}.fm-folder.drag-over,.fm-side-item.drag-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--panel-2));color:var(--text)}.fm-folder .fm-thumb{background:transparent;color:var(--accent)}.fm-empty{grid-column:1 / -1;margin:8px 0}.fm-content.as-list{grid-template-columns:1fr;gap:2px}.fm-content.as-list .fm-item{flex-direction:row;align-items:center;gap:10px;padding:6px 8px}.fm-content.as-list .fm-thumb{width:34px;height:34px;margin-bottom:0;flex:none}.fm-content.as-list .fm-item-name{flex:1;font-size:13px}.fm-content.as-list .fm-item-sub{width:150px;flex:none}.fm-content.as-list .fm-item-actions{margin-top:0;flex:none}.asset-viewer{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;display:block;margin:0 auto}@media(max-width:820px){.fm-body{grid-template-columns:1fr}.fm-side{flex-direction:row;overflow-x:auto;gap:6px;padding-right:0;padding-bottom:6px;border-right:0;border-bottom:1px solid var(--border)}.fm-side-item{width:auto;flex:none;white-space:nowrap}.fm-side-tools{display:flex}.fm-side-row{flex:none}.fm-toolbar{gap:8px}.fm-actions{margin-left:0;width:100%}.fm-actions .btn{flex:1;justify-content:center}.fm-select{flex:1;max-width:none}.fm-content{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));padding:8px}.fm-content.as-list .fm-item-sub{display:none}}@media(max-width:480px){.hide-sm{display:none}.fm-upload{width:100%}}.record-box{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px;max-height:320px;overflow:auto;font-size:13px;-webkit-user-select:text;user-select:text}.record-line{padding:2px 0}.quickplay-fab{position:fixed;right:20px;bottom:20px;background:var(--panel-3);border:1px solid var(--border);border-radius:999px;padding:10px 16px;font-size:13px;text-decoration:none;color:var(--text);box-shadow:var(--shadow-lg)}.quickplay-fab:hover{background:var(--accent);color:var(--accent-ink)}.role-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:12px;color:var(--text-dim)}.card.wide{width:min(520px,92vw)}.link-btn{background:none;border:none;color:var(--accent);font-size:12.5px;text-align:left;padding:0;text-decoration:underline;align-self:flex-start}.link-btn:hover{color:var(--accent-2)}.danger-zone{border-color:var(--danger)}.danger-zone h3{color:var(--danger)}.ping{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:30}.ping .ping-ring{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;border:3px solid currentColor;transform:translate(-50%,-50%);animation:ping-pulse 1.6s ease-out forwards}.ping .ping-label{position:absolute;left:50%;top:-8px;transform:translate(-50%,-100%);background:#0d0914d9;color:#fff;font-size:11px;padding:2px 6px;border-radius:6px;white-space:nowrap}@keyframes ping-pulse{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.ping-wheel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#07050ca6;pointer-events:none}.ping-wheel{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);display:flex;gap:8px;background:#0d0914e6;border:1px solid var(--border);padding:8px;border-radius:999px;box-shadow:0 10px 30px #000a}.ping-option{display:flex;flex-direction:column;align-items:center;gap:2px;width:64px;padding:8px 4px;border-radius:12px;border:1px solid transparent;background:var(--panel-2);color:var(--text);font-size:11px}.ping-option:hover:not(:disabled){background:var(--panel-3);border-color:var(--accent)}.ping-option:disabled{opacity:.4}.ping-option-icon{font-size:18px;font-weight:700}.ping-cooldown{position:absolute;right:-6px;top:-6px;background:var(--danger);color:#fff;font-size:11px;border-radius:999px;padding:2px 6px}@media(pointer:coarse){.ping-wheel{gap:12px;padding:10px}.ping-option{width:88px;padding:12px 6px;font-size:12.5px}.ping-option-icon{font-size:22px}}.drop-hint,.paste-note{position:absolute;left:50%;transform:translate(-50%);z-index:35;pointer-events:none;display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;border:1px solid var(--accent);background:#14101ef2;color:var(--text);font-size:12.5px;box-shadow:var(--shadow-lg);white-space:nowrap}.drop-hint{top:22px;border-style:dashed}.board.drop-target:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:34;background:#e8a33d14;box-shadow:inset 0 0 0 2px #e8a33d59}.paste-note{bottom:22px;pointer-events:auto}.preview-banner{display:flex;align-items:center;gap:8px;justify-content:space-between;background:#f0b84922;border:1px solid var(--warn);border-radius:var(--radius);padding:6px 8px;font-size:12px}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12px;max-height:260px;overflow-y:auto}.history-list li{display:flex;gap:6px;align-items:baseline;padding:3px 4px;border-radius:6px;background:var(--panel-2);-webkit-user-select:text;user-select:text;flex-wrap:wrap}.history-time{color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none}.history-kind{color:var(--accent);flex:none;font-size:11px}.history-image{flex-basis:100%;display:block;margin-top:4px}.history-image img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.portrait-edit{width:84px;height:84px;border-radius:12px;overflow:hidden;flex:none;background:var(--panel-3);display:grid;place-items:center;font-size:32px;font-weight:800;color:var(--text-dim);cursor:pointer;border:1px solid var(--border)}.portrait-edit:hover{border-color:var(--accent)}.portrait-edit img{width:100%;height:100%;object-fit:cover}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin:14px 0}.vis-toggle{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--text-dim);font-size:11px;line-height:1;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.vis-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.vis-toggle:disabled{opacity:.55;cursor:not-allowed}.vis-toggle.private{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel-2));color:var(--text)}.vis-toggle-ico{display:grid;place-items:center;color:currentColor}.vis-track{position:relative;width:26px;height:14px;border-radius:999px;background:var(--panel-3);border:1px solid var(--border);flex:none;transition:background .15s}.vis-toggle.private .vis-track{background:var(--accent);border-color:var(--accent)}.vis-knob{position:absolute;top:1px;left:1px;width:10px;height:10px;border-radius:50%;background:var(--text);transition:transform .15s}.vis-toggle.private .vis-knob{transform:translate(12px);background:var(--accent-ink)}.vis-label{font-weight:600}.vis-toggle.mini{padding:2px;gap:0}.vis-toggle.mini .vis-label,.vis-toggle.mini .vis-toggle-ico{display:none}.search-field{position:relative;display:flex;align-items:center;min-width:0}.search-field input{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 28px 6px 30px;font-size:13px;color:var(--text);outline:none}.search-field input:focus{border-color:var(--accent)}.search-field input::placeholder{color:var(--text-dim)}.search-ico{position:absolute;left:9px;display:grid;place-items:center;color:var(--text-dim);pointer-events:none}.search-field:focus-within .search-ico{color:var(--accent)}.search-clear{position:absolute;right:6px;display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:var(--panel-3);color:var(--text-dim)}.search-clear:hover{background:var(--accent);color:var(--accent-ink)}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.char-card{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:var(--panel);border:1px solid var(--border);cursor:pointer}.char-card:hover{border-color:var(--accent)}.char-portrait{width:52px;height:52px;border-radius:10px;overflow:hidden;flex:none;background:var(--panel-3);display:grid;place-items:center;font-size:22px;font-weight:800}.char-portrait img{width:100%;height:100%;object-fit:cover}.char-body{display:flex;flex-direction:column;gap:3px;min-width:0}.readout{display:flex;flex-direction:column;gap:10px}@media(max-width:820px){.filters{grid-template-columns:1fr 1fr}}@media(max-width:820px){.app{grid-template-columns:1fr;grid-template-rows:48px 1fr auto;grid-template-areas:"top" "board" "tools"}.tools{display:grid;grid-template-columns:repeat(auto-fit,44px);justify-content:center;align-content:center;gap:4px;overflow:visible;border-right:none;border-top:1px solid var(--border);padding:6px 8px}.tool{width:44px;height:44px;flex:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tool-wrap{width:44px}.tool-divider,.tool-tip{display:none}.side{position:absolute;top:48px;right:8px;left:8px;bottom:66px;width:auto;overflow-y:auto;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.app.panels-open .side{pointer-events:auto;opacity:1;visibility:visible;transform:translateY(0)}.side>*{pointer-events:auto}.app.panels-open .side-backdrop{display:block}.panels-toggle{display:grid;flex:none}.panels-toggle.on{border-color:var(--accent);color:var(--accent)}.side-panels{flex:none;overflow:visible}.side-panel{flex:none}.side-panel>.panel{flex:none}.panel-body{max-height:none;overflow-y:visible}.panel{flex:none}.chat{height:260px}.board-hint{display:none}.bottom-left{left:8px;bottom:8px;max-width:calc(100% - 16px)}.bottom-left .panel{padding:4px 6px;gap:6px;flex-wrap:wrap}.viewport-readout{display:none}.topbar{gap:6px;padding:0 8px;overflow-x:auto}.brand span{display:none}.roomchip span:not(.status-dot){display:none}.chat{height:300px}.leave-btn{top:56px}.app.panels-open .leave-btn{display:none}.hub-layout{grid-template-columns:1fr}.hub-sidebar{flex-direction:row;align-items:center;padding:8px 10px;gap:8px;overflow-x:auto}.hub-sidebar-brand{display:none}.hub-nav{flex-direction:row}.hub-nav-item{white-space:nowrap}}@media(max-width:480px){.topbar .brand,.role-pill{display:none}}