.tabletop-container.svelte-1b5hqwc{--tt-bg: var(--color-twilight);--tt-surface: var(--surface-panel);--tt-inset: var(--surface-muted);--tt-border: var(--surface-border-strong);--tt-border-subtle: var(--surface-border);--tt-text: var(--color-glow);--tt-muted: var(--color-muted);--tt-hover: var(--surface-hover-strong);--tt-accent: var(--color-arcane);--tt-accent-hover: color-mix(in srgb, var(--color-arcane) 85%, black);--tt-accent-ring: color-mix(in srgb, var(--color-arcane) 20%, transparent);--tt-overlay: var(--surface-overlay);--tt-on-accent: #fff;--tt-gold: var(--color-gold);--tt-gold-frame: color-mix(in srgb, var(--color-gold) 40%, var(--surface-border-strong));--tt-window-sheen: color-mix(in srgb, var(--color-arcane) 14%, transparent);--tt-canvas-surface: color-mix(in srgb, var(--color-glow) 4%, var(--color-twilight));--tt-canvas-frame: color-mix(in srgb, var(--color-gold) 30%, var(--surface-border-strong));--tt-play-area-border: color-mix(in srgb, var(--color-glow) 45%, transparent);--tt-play-area-shade: rgba(0, 0, 0, .35);display:flex;flex-direction:column;height:calc(100dvh - 3.75rem);max-height:calc(100dvh - 3.75rem);min-height:0;background:var(--tt-bg);color:var(--tt-text);font-family:inherit;position:relative}.tabletop-workspace.svelte-1b5hqwc{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}.tabletop-rail.svelte-1b5hqwc{background:var(--tt-surface);flex-shrink:0;min-width:0}.tabletop-rail-right.svelte-1b5hqwc{padding:.5rem .75rem;border-bottom:1px solid var(--tt-border);overflow-x:auto}.tabletop-muted-copy.svelte-1b5hqwc{font-size:.875rem;color:var(--tt-muted);margin-bottom:1.25rem;line-height:1.6}.tabletop-muted-copy--sm.svelte-1b5hqwc{font-size:.8125rem;margin-bottom:1rem;line-height:1.5}.tabletop-muted-copy--xs.svelte-1b5hqwc{font-size:.75rem;margin:.25rem 0 0 1.5rem}.tt-notification{position:fixed;top:1rem;right:1rem;z-index:9999;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;max-width:320px;opacity:0;transform:translateY(-.5rem);transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 10px 30px #00000059}.tt-notification.show{opacity:1;transform:translateY(0);pointer-events:auto}.tt-notification-success{background:#166534;color:#dcfce7}.tt-notification-error{background:#7f1d1d;color:#fee2e2}.tt-notification-info{background:#1e3a5f;color:#dbeafe}.tt-notification-warning{background:#78350f;color:#fef3c7}.tabletop-modal.svelte-1b5hqwc{display:none;position:fixed;inset:0;z-index:1000;background:var(--tt-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center}.tabletop-modal.svelte-1b5hqwc.show{display:flex}.tabletop-modal-content.svelte-1b5hqwc{background:linear-gradient(180deg,var(--tt-window-sheen),transparent 45%),var(--tt-surface);border:2px solid var(--tt-gold-frame);border-radius:.75rem;padding:1.5rem;max-width:420px;width:90%;position:relative;max-height:90vh;overflow-y:auto;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tt-bg) 60%,transparent),0 24px 80px color-mix(in srgb,var(--tt-bg) 35%,black)}.modal-title.svelte-1b5hqwc{display:flex;align-items:center;gap:.5rem;font-family:Cinzel,Georgia,serif;font-size:1.125rem;font-weight:700;letter-spacing:.03em;margin-bottom:1.25rem;color:var(--tt-gold)}.modal-close.svelte-1b5hqwc{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--tt-muted);font-size:1.25rem;cursor:pointer;line-height:1;padding:.25rem .5rem;border-radius:.25rem}.modal-close.svelte-1b5hqwc:hover{color:var(--tt-text);background:var(--tt-hover)}.tabletop-form-group.svelte-1b5hqwc{margin-bottom:1rem}.tabletop-form-label.svelte-1b5hqwc{display:block;font-size:.8125rem;font-weight:500;color:var(--tt-muted);margin-bottom:.375rem}.tabletop-form-input.svelte-1b5hqwc{width:100%;padding:.5rem .75rem;background:var(--tt-inset);border:1px solid var(--tt-border);border-radius:.375rem;color:var(--tt-text);font-size:.875rem;box-sizing:border-box}.tabletop-form-input.svelte-1b5hqwc:focus{outline:none;border-color:var(--tt-accent);box-shadow:0 0 0 2px var(--tt-accent-ring)}.tabletop-form-actions.svelte-1b5hqwc{display:flex;gap:.5rem;margin-top:1.25rem}.tabletop-btn.svelte-1b5hqwc{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.tabletop-btn-primary.svelte-1b5hqwc{background:var(--tt-accent);color:var(--tt-on-accent)}.tabletop-btn-primary.svelte-1b5hqwc:hover{background:var(--tt-accent-hover)}.tabletop-btn-secondary.svelte-1b5hqwc{background:var(--tt-surface);color:var(--tt-text);border:1px solid var(--tt-border)}.tabletop-btn-secondary.svelte-1b5hqwc:hover{background:var(--tt-hover)}.tabletop-btn-danger.svelte-1b5hqwc{background:#7f1d1d;color:#fecaca;border:1px solid #991b1b}.tabletop-btn-danger.svelte-1b5hqwc:hover{background:#991b1b}.my-rooms-section.svelte-1b5hqwc{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--tt-border)}.my-rooms-header.svelte-1b5hqwc{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.my-rooms-refresh.svelte-1b5hqwc{padding:.25rem .6rem;font-size:.75rem}.my-rooms-list.svelte-1b5hqwc{list-style:none;margin:.65rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:12rem;overflow-y:auto}.my-room-item.svelte-1b5hqwc{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border-radius:.4rem;border:1px solid var(--tt-border);background:var(--tt-inset);color:var(--tt-text);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.my-room-item.svelte-1b5hqwc:hover{background:var(--tt-hover);border-color:var(--tt-accent)}.my-room-name.svelte-1b5hqwc{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-room-meta.svelte-1b5hqwc{flex-shrink:0;font-size:.7rem;color:var(--tt-muted)}.tabletop-header-top.svelte-1b5hqwc{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.tabletop-header-content.svelte-1b5hqwc{margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid var(--tt-border)}.tabletop-title.svelte-1b5hqwc{font-family:Cinzel,Georgia,serif;font-size:.95rem;font-weight:700;letter-spacing:.04em;margin:0;color:var(--tt-gold)}.tabletop-subtitle.svelte-1b5hqwc{font-size:.7rem;color:var(--tt-muted);margin:.15rem 0 0}.tabletop-encounters-link.svelte-1b5hqwc{display:inline-flex;align-items:center;margin-top:.5rem;padding:.35rem .65rem;font-size:.75rem;white-space:nowrap}.toolbar-btn-collapse.svelte-1b5hqwc{flex-shrink:0;font-size:.7rem;padding:.3rem .5rem}.room-info.svelte-1b5hqwc{display:none;margin-top:.5rem;padding:.6rem;background:var(--tt-inset);border-radius:.5rem;border:1px solid var(--tt-border)}.room-info.svelte-1b5hqwc.show{display:block}.room-info-header.svelte-1b5hqwc{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.room-info-title.svelte-1b5hqwc p:where(.svelte-1b5hqwc){font-size:.8rem}.room-info-hint.svelte-1b5hqwc{margin:.15rem 0 0!important;font-size:.7rem!important}.room-info-actions.svelte-1b5hqwc{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.room-badge.svelte-1b5hqwc{padding:.3rem .5rem!important;cursor:default;font-size:.7rem}.room-info-content.svelte-1b5hqwc{display:flex;gap:.5rem}.room-share-link.svelte-1b5hqwc{flex:1;min-width:0;padding:.375rem .5rem;background:var(--tt-surface);border:1px solid var(--tt-border);border-radius:.375rem;color:var(--tt-muted);font-size:.7rem}.copy-button.svelte-1b5hqwc{padding:.375rem .5rem;background:var(--tt-hover);border:none;border-radius:.375rem;color:var(--tt-text);cursor:pointer;flex-shrink:0}.copy-button.svelte-1b5hqwc:hover{background:color-mix(in srgb,var(--tt-hover) 80%,var(--tt-accent))}.toolbar-status-bar.svelte-1b5hqwc{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;padding-bottom:.375rem;margin-bottom:.375rem;border-bottom:1px solid var(--tt-border)}.toolbar-zoom-row.svelte-1b5hqwc{display:inline-flex;align-items:center;gap:.25rem}.toolbar-zoom-locked.svelte-1b5hqwc{padding:.25rem .5rem;border-radius:.375rem;background:var(--tt-inset);border:1px solid var(--tt-border)}.toolbar-locked-label.svelte-1b5hqwc{font-size:.7rem;font-weight:600;color:var(--tt-muted);letter-spacing:.02em}.toolbar-controls-row.svelte-1b5hqwc{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.toolbar-group.svelte-1b5hqwc{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.25rem .35rem;border:1px solid var(--tt-border-subtle);border-radius:.4rem;background:color-mix(in srgb,var(--tt-inset) 65%,transparent)}.toolbar-group-label.svelte-1b5hqwc{display:flex;align-items:center;gap:.25rem;font-family:Cinzel,Georgia,serif;font-size:.6875rem;font-weight:700;color:color-mix(in srgb,var(--tt-gold) 70%,var(--tt-muted));text-transform:uppercase;letter-spacing:.08em}.toolbar-group-body.svelte-1b5hqwc{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.toolbar-group-body-stack.svelte-1b5hqwc{flex-direction:column;align-items:stretch;width:100%}.toolbar-button.svelte-1b5hqwc{display:inline-flex;align-items:center;gap:.25rem;padding:.3125rem .5rem;border:1px solid var(--tt-border);border-radius:.3125rem;background:var(--tt-inset);color:var(--tt-text);font-size:.75rem;cursor:pointer;white-space:nowrap;transition:background .1s,border-color .1s}.toolbar-button.svelte-1b5hqwc:hover{background:var(--tt-hover);border-color:color-mix(in srgb,var(--tt-border) 70%,var(--tt-text))}.toolbar-button.svelte-1b5hqwc.active{background:var(--tt-accent);border-color:var(--tt-accent);color:var(--tt-on-accent)}.toolbar-view-mode.svelte-1b5hqwc{display:inline-flex;gap:0}.toolbar-btn-segment.svelte-1b5hqwc{border-radius:0;padding:.3125rem .65rem;font-size:.75rem;font-weight:600}.toolbar-btn-segment.svelte-1b5hqwc:first-child{border-radius:.375rem 0 0 .375rem}.toolbar-btn-segment.svelte-1b5hqwc:last-child{border-radius:0 .375rem .375rem 0;margin-left:-1px}.toolbar-btn-icon.svelte-1b5hqwc{padding:.3125rem}.toolbar-btn-accent.svelte-1b5hqwc{background:var(--tt-accent);border-color:var(--tt-accent);color:var(--tt-on-accent)}.toolbar-btn-accent.svelte-1b5hqwc:hover{background:var(--tt-accent-hover)}.toolbar-btn-danger.svelte-1b5hqwc:hover{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.toolbar-input-group.svelte-1b5hqwc{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--tt-muted)}.toolbar-input-group.svelte-1b5hqwc input[type=color]:where(.svelte-1b5hqwc){width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:.25rem;cursor:pointer}.toolbar-input-group.svelte-1b5hqwc input[type=range]:where(.svelte-1b5hqwc){width:4rem;height:.375rem;accent-color:var(--tt-accent)}.toolbar-select.svelte-1b5hqwc{background:var(--tt-inset);border:1px solid var(--tt-border);border-radius:.3125rem;color:var(--tt-text);font-size:.75rem;padding:.25rem .375rem;cursor:pointer}.toolbar-select-sm.svelte-1b5hqwc{max-width:4.5rem}.toolbar-select-bg.svelte-1b5hqwc{max-width:100%;width:100%}.toggle-switch.svelte-1b5hqwc{display:inline-flex;cursor:pointer}.toggle-switch.svelte-1b5hqwc input:where(.svelte-1b5hqwc){display:none}.toggle-slider.svelte-1b5hqwc{width:2rem;height:1rem;background:var(--tt-hover);border-radius:.5rem;position:relative}.toggle-switch.svelte-1b5hqwc input:where(.svelte-1b5hqwc):checked+.toggle-slider:where(.svelte-1b5hqwc){background:var(--tt-accent)}.toggle-slider.svelte-1b5hqwc:before{content:"";position:absolute;width:.75rem;height:.75rem;background:var(--tt-on-accent);border-radius:50%;top:.125rem;left:.125rem;transition:transform .15s}.toggle-switch.svelte-1b5hqwc input:where(.svelte-1b5hqwc):checked+.toggle-slider:where(.svelte-1b5hqwc):before{transform:translate(1rem)}.toggle-label.svelte-1b5hqwc{font-size:.6875rem;color:var(--tt-muted);min-width:3rem}.tabletop-canvas-container.svelte-1b5hqwc{flex:1 1 0;min-height:0;overflow:hidden;position:relative;background:var(--tt-inset);cursor:crosshair;border:2px solid var(--tt-canvas-frame);box-sizing:border-box;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tt-play-area-border) 35%,transparent);order:1}.tabletop-canvas.svelte-1b5hqwc{width:100%;height:100%;display:block}.rails-expand-fab.svelte-1b5hqwc{display:none;position:absolute;top:.75rem;right:.75rem;z-index:5;height:2.25rem;padding:0 .75rem;gap:.35rem;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--tt-border);background:var(--tt-accent);color:var(--tt-on-accent);font-size:.75rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #00000059;pointer-events:auto}.rails-expand-fab.svelte-1b5hqwc:hover{background:var(--tt-accent-hover)}.tabletop-workspace.rails-collapsed.svelte-1b5hqwc .tabletop-rail-right,.tabletop-workspace.rails-collapsed.svelte-1b5hqwc .tabletop-rail-right:where(.svelte-1b5hqwc){display:none!important}.tabletop-workspace.rails-collapsed.svelte-1b5hqwc .rails-expand-fab:where(.svelte-1b5hqwc){display:inline-flex!important}@media(min-width:1100px){.tabletop-workspace.svelte-1b5hqwc{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);grid-template-rows:1fr}.tabletop-workspace.rails-collapsed.svelte-1b5hqwc{grid-template-columns:minmax(0,1fr)!important}.tabletop-canvas-container.svelte-1b5hqwc{order:0;border-right:none}.tabletop-rail-right.svelte-1b5hqwc{border-bottom:none;border-left:1px solid var(--tt-border);padding:.75rem;overflow-y:auto;overflow-x:hidden;order:0}.toolbar-status-bar.svelte-1b5hqwc{flex-direction:column;align-items:stretch;border-bottom:1px solid var(--tt-border);padding-bottom:.65rem;margin-bottom:.65rem}.toolbar-view-mode.svelte-1b5hqwc{width:100%}.toolbar-view-mode.svelte-1b5hqwc .toolbar-btn-segment:where(.svelte-1b5hqwc){flex:1;justify-content:center}.toolbar-zoom-row.svelte-1b5hqwc{justify-content:space-between}.toolbar-controls-row.svelte-1b5hqwc{flex-direction:column;flex-wrap:nowrap;gap:.55rem}.toolbar-group.svelte-1b5hqwc{width:100%}.toolbar-group-body.svelte-1b5hqwc input[type=range]:where(.svelte-1b5hqwc){width:5.5rem}}@media(max-width:1099px){.tabletop-rail-right.svelte-1b5hqwc{order:2}.tabletop-canvas-container.svelte-1b5hqwc{order:1}}[data-color-mode=light] .tabletop-container.svelte-1b5hqwc{--tt-border: #94a3b8;--tt-border-subtle: #cbd5e1;--tt-inset: #f1f5f9;--tt-gold: #b45309;--tt-gold-frame: color-mix(in srgb, #b45309 45%, #94a3b8);--tt-window-sheen: color-mix(in srgb, var(--color-arcane) 8%, transparent);--tt-canvas-surface: #ffffff;--tt-canvas-frame: color-mix(in srgb, #b45309 35%, #64748b);--tt-play-area-border: #475569;--tt-play-area-shade: rgba(15, 23, 42, .08)}.token-hp-row.svelte-1b5hqwc{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.status-presets.svelte-1b5hqwc{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.375rem}.status-chip.svelte-1b5hqwc{padding:.25rem .625rem;font-size:.75rem;border-radius:9999px;border:1px solid var(--tt-border);background:var(--tt-inset);color:var(--tt-muted);cursor:pointer}.status-chip.svelte-1b5hqwc:hover,.status-chip.svelte-1b5hqwc.active{background:var(--tt-accent);border-color:var(--tt-accent);color:var(--tt-on-accent)}.token-image-preview.svelte-1b5hqwc{display:none;margin-top:.5rem;align-items:center;gap:.5rem}.token-image-preview.svelte-1b5hqwc.show{display:flex}.token-image-preview.svelte-1b5hqwc img:where(.svelte-1b5hqwc){width:3rem;height:3rem;border-radius:50%;object-fit:cover;border:2px solid var(--tt-border)}.token-image-clear.svelte-1b5hqwc{padding:.25rem .75rem;font-size:.75rem}.share-status.svelte-1b5hqwc{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.share-status-active{background:#166534;color:#dcfce7}.share-status-inactive.svelte-1b5hqwc{background:var(--tt-hover);color:var(--tt-muted)}.share-checkbox-label.svelte-1b5hqwc{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--tt-text)}.share-checkbox.svelte-1b5hqwc{width:1rem;height:1rem;accent-color:var(--tt-accent);cursor:pointer}