:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#e2e8f0;background-color:#07040e;margin:0;padding:0;overflow-y:auto}#app{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#090514}::-webkit-scrollbar-thumb{background:#2d1d4c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a855f7;box-shadow:0 0 10px #a855f7}input,button{font-family:inherit}.lobby-container.svelte-1pl19bw{color:#e2e8f0;max-width:1200px;margin:0 auto;padding:2rem;font-family:Outfit,Inter,system-ui,sans-serif}.session-panel.svelte-1pl19bw{flex-direction:column;max-width:none;height:100%;padding:0;display:flex;overflow:hidden}.tab-btn.svelte-1pl19bw{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #ffffff14;transition:all .2s}.tab-btn.svelte-1pl19bw:hover{color:#fff;background:#a855f71a}.tab-btn.active.svelte-1pl19bw{color:#fff;background:#a855f740;border-color:#a855f7;box-shadow:0 0 10px #a855f74d}.session-panel.svelte-1pl19bw .lobby-header:where(.svelte-1pl19bw){display:none}.session-panel.svelte-1pl19bw .lobby-grid:where(.svelte-1pl19bw){grid-template-columns:1fr;gap:1rem}.session-panel.svelte-1pl19bw .glass-card:where(.svelte-1pl19bw){padding:1rem}.lobby-header.svelte-1pl19bw{text-align:center;margin-bottom:3rem;position:relative}.logo-glow.svelte-1pl19bw{filter:blur(20px);z-index:-1;background:radial-gradient(circle,#a855f740 0%,#06b6d40d 70%,#0000 100%);width:250px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.title.svelte-1pl19bw{letter-spacing:.5rem;background:linear-gradient(135deg,#a855f7 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #a855f74d;-webkit-background-clip:text;margin:0;font-size:3rem;font-weight:900}.subtitle.svelte-1pl19bw{letter-spacing:.25rem;color:#94a3b8;margin-top:.5rem;font-size:.85rem}.lobby-grid.svelte-1pl19bw{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.glass-card.svelte-1pl19bw{-webkit-backdrop-filter:blur(16px);background:#0f172aa6;border:1px solid #ffffff14;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a}.glass-card.svelte-1pl19bw:hover{border-color:#a855f733;box-shadow:0 12px 40px #a855f71a,inset 0 1px #ffffff26}.section-title.svelte-1pl19bw{letter-spacing:.05rem;margin-top:0;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.subsection-title.svelte-1pl19bw{color:#a855f7;border-bottom:1px solid #ffffff1a;margin-top:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.mini-title.svelte-1pl19bw{color:#94a3b8;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.text-cyan.svelte-1pl19bw{color:#06b6d4}.text-purple.svelte-1pl19bw{color:#a855f7}.section-desc.svelte-1pl19bw{color:#94a3b8;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.input-group.svelte-1pl19bw{flex-direction:column;gap:1rem;display:flex}.vtt-input.svelte-1pl19bw{color:#fff;background:#0f172acc;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:.85rem 1rem;font-size:.95rem;transition:all .2s}.vtt-input.svelte-1pl19bw:focus{border-color:#06b6d4;box-shadow:0 0 12px #06b6d44d}.vtt-btn.svelte-1pl19bw{cursor:pointer;text-transform:uppercase;letter-spacing:.05rem;border:none;border-radius:8px;padding:.85rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .2s}.btn-primary.svelte-1pl19bw{color:#0f172a;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);box-shadow:0 4px 15px #06b6d466}.btn-primary.svelte-1pl19bw:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d499}.btn-secondary.svelte-1pl19bw{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);box-shadow:0 4px 15px #a855f766}.btn-secondary.svelte-1pl19bw:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f799}.btn-share.svelte-1pl19bw{color:#06b6d4;background:#06b6d41a;border:1px solid #06b6d44d}.btn-share.svelte-1pl19bw:hover{color:#fff;background:#06b6d440}.btn-danger.svelte-1pl19bw{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.btn-danger.svelte-1pl19bw:hover{color:#fff;background:#ef4444;box-shadow:0 4px 15px #ef444466}.status-indicator-container.svelte-1pl19bw{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.pulse-dot.svelte-1pl19bw{border-radius:50%;width:12px;height:12px;display:inline-block}.host-dot.svelte-1pl19bw{background:#06b6d4;animation:1.8s infinite svelte-1pl19bw-pulse;box-shadow:0 0 10px #06b6d4}.client-dot.svelte-1pl19bw{background:#a855f7;animation:1.8s infinite svelte-1pl19bw-pulse;box-shadow:0 0 10px #a855f7}@keyframes svelte-1pl19bw-pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(.9)}}.status-details.svelte-1pl19bw{background:#00000040;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.detail-row.svelte-1pl19bw{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.detail-row.svelte-1pl19bw span:where(.svelte-1pl19bw){color:#94a3b8}.room-code-txt.svelte-1pl19bw{color:#06b6d4;text-shadow:0 0 5px #06b6d466;font-family:monospace;font-size:1.15rem}.button-row.svelte-1pl19bw{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.toggle-container.svelte-1pl19bw{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.toggle-container.svelte-1pl19bw input:where(.svelte-1pl19bw){display:none}.toggle-slider.svelte-1pl19bw{background-color:#334155;border-radius:12px;width:46px;height:24px;transition:background-color .2s;position:relative}.toggle-slider.svelte-1pl19bw:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.toggle-container.svelte-1pl19bw input:where(.svelte-1pl19bw):checked+.toggle-slider:where(.svelte-1pl19bw){background-color:#a855f7}.toggle-container.svelte-1pl19bw input:where(.svelte-1pl19bw):checked+.toggle-slider:where(.svelte-1pl19bw):before{transform:translate(22px)}.toggle-label.svelte-1pl19bw{font-size:.95rem}.toggle-label.svelte-1pl19bw strong:where(.svelte-1pl19bw){color:#a855f7}.game-mode-btn-wrapper.svelte-1pl19bw{width:100%}.game-mode-toggle-btn.svelte-1pl19bw{cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.85rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.game-mode-toggle-btn.game-mode-off.svelte-1pl19bw{color:#94a3b8;background:#1e293bb3;border-color:#64748b66}.game-mode-toggle-btn.game-mode-off.svelte-1pl19bw:hover{color:#e2e8f0;background:#22c55e14;border-color:#22c55e80}.game-mode-toggle-btn.game-mode-off.svelte-1pl19bw .gm-btn-icon:where(.svelte-1pl19bw){color:#475569;font-size:1.5rem}.game-mode-toggle-btn.game-mode-off.svelte-1pl19bw .gm-btn-status:where(.svelte-1pl19bw){color:#64748b;background:#64748b40;border:1px solid #64748b4d}.game-mode-toggle-btn.game-mode-on.svelte-1pl19bw{color:#d1fae5;background:linear-gradient(135deg,#15803d59,#05966940);border-color:#22c55eb3;animation:2.5s ease-in-out infinite svelte-1pl19bw-game-mode-pulse;box-shadow:0 0 20px #22c55e40,inset 0 0 20px #22c55e0d}.game-mode-toggle-btn.game-mode-on.svelte-1pl19bw:hover{box-shadow:0 0 32px #22c55e73,inset 0 0 20px #22c55e1a}.game-mode-toggle-btn.game-mode-on.svelte-1pl19bw .gm-btn-icon:where(.svelte-1pl19bw){color:#4ade80;font-size:1.5rem}.game-mode-toggle-btn.game-mode-on.svelte-1pl19bw .gm-btn-status:where(.svelte-1pl19bw){color:#4ade80;background:#22c55e33;border:1px solid #22c55e80;animation:1.8s ease-in-out infinite svelte-1pl19bw-status-blink}.gm-btn-icon.svelte-1pl19bw{flex-shrink:0;line-height:1}.gm-btn-label.svelte-1pl19bw{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.gm-btn-label.svelte-1pl19bw strong:where(.svelte-1pl19bw){letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:800;display:block}.gm-btn-label.svelte-1pl19bw small:where(.svelte-1pl19bw){opacity:.75;letter-spacing:.02em;font-size:.65rem;display:block}.gm-btn-status.svelte-1pl19bw{letter-spacing:.1em;border-radius:6px;flex-shrink:0;padding:.2rem .5rem;font-family:monospace;font-size:.65rem;font-weight:900}@keyframes svelte-1pl19bw-game-mode-pulse{0%,to{box-shadow:0 0 20px #22c55e40,inset 0 0 20px #22c55e0d}50%{box-shadow:0 0 35px #22c55e73,inset 0 0 30px #22c55e1a}}@keyframes svelte-1pl19bw-status-blink{0%,to{opacity:1}50%{opacity:.55}}.mode-switch-wrapper.svelte-1pl19bw{margin-bottom:.5rem}.mode-switch-pill.svelte-1pl19bw{background:#0f172acc;border:1px solid #ffffff1f;border-radius:14px;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.mode-pill-btn.svelte-1pl19bw{cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem .5rem;font-family:inherit;transition:all .2s;display:flex;position:relative}.pill-icon.svelte-1pl19bw{flex-shrink:0;font-size:1.25rem;line-height:1}.pill-text.svelte-1pl19bw{text-align:left;flex-direction:column;gap:.05rem;display:flex}.pill-text.svelte-1pl19bw strong:where(.svelte-1pl19bw){letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:800;line-height:1;display:block}.pill-text.svelte-1pl19bw small:where(.svelte-1pl19bw){opacity:.7;font-size:.6rem;line-height:1;display:block}.mode-pill-btn.pill-inactive.svelte-1pl19bw{color:#475569}.mode-pill-btn.pill-inactive.svelte-1pl19bw:hover{color:#94a3b8;background:#ffffff0a}.mode-pill-btn.pill-active-build.svelte-1pl19bw{color:#fbbf24;background:linear-gradient(135deg,#d9770659,#b4530940);box-shadow:inset 0 0 16px #fbbf241a,0 0 20px #fbbf2426}.mode-pill-btn.pill-active-build.svelte-1pl19bw .pill-text:where(.svelte-1pl19bw) strong:where(.svelte-1pl19bw){color:#fcd34d}.mode-pill-btn.pill-active-build.svelte-1pl19bw .pill-text:where(.svelte-1pl19bw) small:where(.svelte-1pl19bw){color:#f59e0b;opacity:.85}.mode-pill-btn.pill-active-game.svelte-1pl19bw{color:#4ade80;background:linear-gradient(135deg,#15803d66,#0596694d);animation:2.5s ease-in-out infinite svelte-1pl19bw-game-mode-pulse;box-shadow:inset 0 0 16px #4ade801a,0 0 20px #4ade8033}.mode-pill-btn.pill-active-game.svelte-1pl19bw .pill-text:where(.svelte-1pl19bw) strong:where(.svelte-1pl19bw){color:#86efac}.mode-pill-btn.pill-active-game.svelte-1pl19bw .pill-text:where(.svelte-1pl19bw) small:where(.svelte-1pl19bw){color:#4ade80;opacity:.85}.mode-pill-btn.svelte-1pl19bw:first-child{border-right:1px solid #ffffff14}.build-mode-console.svelte-1pl19bw{border:1px solid #ffffff14;border-radius:10px;margin-bottom:1.25rem;padding:1rem}.build-mode-console.active.svelte-1pl19bw{background:linear-gradient(135deg,#a855f733,#06b6d41f);border-color:#a855f773;box-shadow:inset 0 0 24px #a855f71f}.build-mode-console.inactive.svelte-1pl19bw{background:#0f172a8c;border-color:#64748b40}.build-console-header.svelte-1pl19bw{letter-spacing:.05rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.82rem;display:flex}.build-console-header.svelte-1pl19bw strong:where(.svelte-1pl19bw){color:#e2e8f0}.shape-palette.svelte-1pl19bw{background:#0000002e;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:1.25rem;padding:1rem}.shape-grid.svelte-1pl19bw{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.shape-card.svelte-1pl19bw{text-align:center;color:#e2e8f0;cursor:pointer;background:#0f172ac2;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:70px;padding:.6rem .4rem;transition:border-color .2s,transform .2s,opacity .2s;display:flex}.shape-card.svelte-1pl19bw:hover:not(:disabled){border-color:#06b6d473;transform:translateY(-1px)}.shape-card.svelte-1pl19bw:disabled{cursor:not-allowed;opacity:.45}.shape-card.svelte-1pl19bw strong:where(.svelte-1pl19bw){font-size:.72rem}.shape-icon.svelte-1pl19bw{font-size:1.5rem;line-height:1}.import-card.svelte-1pl19bw:hover{border-color:#22c55e73!important}.shape-options.svelte-1pl19bw{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.control-row.svelte-1pl19bw{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.control-label.svelte-1pl19bw{color:#94a3b8;font-size:.9rem;font-weight:600}.vtt-select.svelte-1pl19bw{color:#fff;cursor:pointer;background:#0f172ad9;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:.5rem 1rem;font-size:.85rem;transition:border-color .2s}.vtt-select.svelte-1pl19bw:focus{border-color:#06b6d4}.piece-creator-section.svelte-1pl19bw{background:#00000026;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:1.25rem;padding:1rem}.creator-form.svelte-1pl19bw{flex-direction:column;gap:.5rem;display:flex}.form-row.svelte-1pl19bw{align-items:center;gap:.5rem;display:flex}.mini-input.svelte-1pl19bw{padding:.4rem .75rem!important;font-size:.85rem!important}.mini-select.svelte-1pl19bw{background-color:#0f172af2;flex-grow:1;padding:.4rem .75rem!important;font-size:.825rem!important}.vtt-color-picker.svelte-1pl19bw{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;width:38px;height:32px;padding:0}.btn-add-piece.svelte-1pl19bw{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#06b6d4 100%);box-shadow:0 4px 10px #a855f733;padding:.4rem 1.25rem!important;font-size:.8rem!important}.btn-add-piece.svelte-1pl19bw:hover{transform:translateY(-1px);box-shadow:0 6px 12px #a855f74d}.clear-selection-btn.svelte-1pl19bw{color:#22d3ee;cursor:pointer;text-transform:uppercase;letter-spacing:.04rem;background:#06b6d41a;border:1px solid #06b6d447;border-radius:5px;padding:.28rem .5rem;font-size:.68rem}.clear-selection-btn.svelte-1pl19bw:hover{background:#06b6d438}.texture-upload-section.svelte-1pl19bw{background:#00000026;border:1px solid #ffffff0d;border-radius:8px;padding:1rem}.pieces-uploader.svelte-1pl19bw{flex-direction:column;gap:.5rem;display:flex}.piece-uploader-row.svelte-1pl19bw{background:#ffffff05;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;padding:.4rem .75rem;display:flex}.piece-uploader-row.selected-row.svelte-1pl19bw{background:#06b6d414;border-color:#06b6d473}.piece-name.svelte-1pl19bw{padding-left:.5rem;font-size:.85rem}.piece-actions.svelte-1pl19bw{align-items:center;gap:.5rem;display:flex}.file-upload-btn.svelte-1pl19bw{color:#c084fc;cursor:pointer;background:#a855f726;border:1px solid #a855f74d;border-radius:4px;padding:.3rem .65rem;font-size:.75rem;transition:all .2s}.file-upload-btn.svelte-1pl19bw:hover{color:#fff;background:#a855f7}.delete-piece-btn.svelte-1pl19bw{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;transition:all .2s;display:flex}.delete-piece-btn.svelte-1pl19bw:hover{color:#fff;background:#ef4444;border-color:#ef4444}.client-info.svelte-1pl19bw{background:#00000040;border:1px solid #ffffff0d;border-radius:8px;padding:1.25rem}.help-text.svelte-1pl19bw{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.4}.logs-card.svelte-1pl19bw{flex-direction:column;max-height:480px;display:flex}.logs-header.svelte-1pl19bw{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.logs-window.svelte-1pl19bw{background:#0006;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column-reverse;flex-grow:1;gap:.5rem;padding:1rem;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.5;display:flex;overflow-y:auto}.no-logs.svelte-1pl19bw{color:#475569;text-align:center;padding:2rem 0}.log-entry.svelte-1pl19bw{color:#94a3b8;word-break:break-all;border-bottom:1px solid #ffffff05;padding-bottom:.25rem}.log-blocked.svelte-1pl19bw{text-shadow:0 0 5px #f871714d;color:#f87171!important}.log-client.svelte-1pl19bw{color:#c084fc!important}.log-host.svelte-1pl19bw{color:#22d3ee!important}.alert-banner.svelte-1pl19bw{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem;font-size:.9rem;display:flex}.fade-in.svelte-1pl19bw{animation:.4s ease-out forwards svelte-1pl19bw-fadeIn}@keyframes svelte-1pl19bw-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uppercase.svelte-1pl19bw{text-transform:uppercase}div.svelte-clyidt{width:100%;height:100%;position:relative;overflow:hidden}canvas.svelte-clyidt{width:100%;height:100%;display:block;position:relative}.vtt-board-container.svelte-jpc25w{touch-action:none;background:#090514;border:1px solid #ffffff14;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 15px 35px #0009}.board-overlay.svelte-jpc25w{z-index:10;pointer-events:none;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.overlay-badge.svelte-jpc25w{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#a855f7;letter-spacing:.1rem;pointer-events:auto;background:#0f172ad9;border:1px solid #a855f74d;border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem 1.25rem;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 4px 12px #00000080}.close-overlay-btn.svelte-jpc25w{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:.5rem;font-size:.85rem;font-weight:700;line-height:1;transition:all .2s;display:flex}.close-overlay-btn.svelte-jpc25w:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 0 8px #ef444499}.overlay-badge.pulse.svelte-jpc25w{color:#22d3ee;border-color:#06b6d4;animation:1.5s infinite svelte-jpc25w-badgePulse}@keyframes svelte-jpc25w-badgePulse{0%{transform:scale(1);box-shadow:0 4px 12px #06b6d433}50%{transform:scale(1.03);box-shadow:0 4px 20px #06b6d480}to{transform:scale(1);box-shadow:0 4px 12px #06b6d433}}.overlay-badge.draw-mode.svelte-jpc25w{color:#c084fc;background:#581c8780;border-color:#a855f7b3;animation:1s ease-in-out infinite svelte-jpc25w-drawBadgePulse}@keyframes svelte-jpc25w-drawBadgePulse{0%{border-color:#a855f780}50%{border-color:#a855f7;box-shadow:0 4px 18px #a855f799}to{border-color:#a855f780}}.gm-toolbar.svelte-jpc25w{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #a855f740;border-radius:12px;flex-direction:column;gap:.5rem;padding:.75rem .5rem;display:flex;position:absolute;top:1rem;left:1rem;box-shadow:0 10px 30px #00000080}.toolbar-title.svelte-jpc25w{letter-spacing:.1rem;color:#a855f7;text-align:center;margin-bottom:.35rem;font-family:monospace;font-size:.65rem;font-weight:900}.toolbar-divider.svelte-jpc25w{background:#ffffff1a;height:1px;margin:.25rem 0}.tool-btn.svelte-jpc25w{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:54px;height:54px;transition:all .2s;display:flex}.tool-btn.svelte-jpc25w:hover{color:#fff;background:#ffffff0d}.tool-btn.active.svelte-jpc25w{color:#fff;background:#a855f733;border-color:#a855f7;box-shadow:0 0 10px #a855f74d}.tool-icon.svelte-jpc25w{margin-bottom:.15rem;font-size:1.25rem}.tool-label.svelte-jpc25w{font-size:.65rem;font-weight:600}.tool-btn.draw-active.svelte-jpc25w{color:#fff;background:#a855f740;border-color:#a855f7;animation:1.2s ease-in-out infinite svelte-jpc25w-drawPulse;box-shadow:0 0 14px #a855f780}@keyframes svelte-jpc25w-drawPulse{0%{box-shadow:0 0 8px #a855f766}50%{box-shadow:0 0 20px #a855f7cc}to{box-shadow:0 0 8px #a855f766}}.tool-btn.stop-btn.svelte-jpc25w{color:#fb923c;background:#f9731626;border-color:#f9731680}.tool-btn.stop-btn.svelte-jpc25w:hover{color:#fff;background:#f973164d;border-color:#f97316}.tool-btn.delete-btn.svelte-jpc25w{color:#f87171;background:#ef44441a;border-color:#ef444466}.tool-btn.delete-btn.svelte-jpc25w:hover{color:#fff;background:#ef444440;border-color:#ef4444}.fullscreen-popup-overlay.svelte-jpc25w{z-index:9999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.popup-card.svelte-jpc25w{flex-direction:column;align-items:center;max-width:90%;max-height:90%;display:flex;position:relative}.popup-image.svelte-jpc25w{object-fit:contain;border:3px solid #a855f766;border-radius:12px;max-width:100%;max-height:80vh;box-shadow:0 10px 40px #000c}.popup-close-btn.svelte-jpc25w{color:#fff;cursor:pointer;background:#ef4444d9;border:1px solid #ef4444;border-radius:8px;padding:.4rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;position:absolute;top:-45px;right:0;box-shadow:0 4px 12px #0006}.popup-close-btn.svelte-jpc25w:hover{background:#ef4444;transform:scale(1.05)}.floating-roll-banner.svelte-jpc25w{z-index:5000;pointer-events:none;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.roll-banner-content.svelte-jpc25w{color:#f1f5f9;background:#0f172af2;border:1.5px solid #06b6d4;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem 1.5rem;font-family:monospace;font-size:.85rem;display:flex;box-shadow:0 10px 25px #00ffff40}.roll-die-icon.svelte-jpc25w{font-size:1.2rem;animation:1s ease-in-out infinite alternate svelte-jpc25w-dieRotate}@keyframes svelte-jpc25w-dieRotate{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.roll-result-badge.svelte-jpc25w{color:#fff;text-shadow:0 1px 3px #00000080;background:linear-gradient(135deg,#06b6d4,#a855f7);border-radius:8px;padding:.25rem .65rem;font-size:1.25rem;font-weight:900;animation:.5s ease-out bounce;box-shadow:0 0 10px #06b6d480}.fade-in.svelte-jpc25w{animation:.3s ease-out forwards svelte-jpc25w-fadeIn}@keyframes svelte-jpc25w-fadeIn{0%{opacity:0}to{opacity:1}}.slide-down.svelte-jpc25w{animation:.4s cubic-bezier(.16,1,.3,1) forwards svelte-jpc25w-slideDown}@keyframes svelte-jpc25w-slideDown{0%{opacity:0;transform:translate(-50%,50px)}to{opacity:1;transform:translate(-50%)}}.character-sheet.svelte-va3igi{z-index:201;-webkit-backdrop-filter:blur(20px);background:#090616f7;border-left:1px solid #a855f733;flex-direction:column;width:400px;font-family:Inter,Outfit,system-ui,sans-serif;animation:.28s cubic-bezier(.22,1,.36,1) forwards svelte-va3igi-slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-20px 0 60px #000c}@keyframes svelte-va3igi-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sheet-close.svelte-va3igi{z-index:10;color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.85rem}.sheet-close.svelte-va3igi:hover{color:#f87171;background:#ef444433;border-color:#ef4444}.sheet-header.svelte-va3igi{border-bottom:1px solid #ffffff12;flex-shrink:0;padding:1.25rem 1rem 1rem;position:relative}.header-accent-bar.svelte-va3igi{background:linear-gradient(90deg, var(--accent,#a855f7), transparent);height:3px;position:absolute;top:0;left:0;right:0}.header-content.svelte-va3igi{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.piece-avatar.svelte-va3igi{flex-shrink:0;position:relative}.avatar-img.svelte-va3igi{object-fit:cover;border:4px solid var(--accent,#a855f7);border-radius:24px;width:240px;height:240px;box-shadow:0 0 32px #a855f780}.avatar-initials.svelte-va3igi{color:#fff;border:4px solid var(--accent,#a855f7);border-radius:24px;justify-content:center;align-items:center;width:240px;height:240px;font-size:4.5rem;font-weight:900;display:flex;box-shadow:0 0 32px #a855f780}.avatar-badge.svelte-va3igi{letter-spacing:.08rem;white-space:nowrap;border-radius:99px;padding:.12rem .4rem;font-size:.55rem;font-weight:900;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.badge-char.svelte-va3igi{color:#e9d5ff;background:#7c3aed}.badge-obj.svelte-va3igi{color:#cffafe;background:#0e7490}.header-info.svelte-va3igi{flex:1;min-width:0;padding-top:.25rem}.piece-name.svelte-va3igi{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:1.05rem;font-weight:800;overflow:hidden}.piece-type.svelte-va3igi{color:#64748b;text-transform:uppercase;letter-spacing:.06rem;font-family:monospace;font-size:.72rem}.sheet-body.svelte-va3igi{scrollbar-width:thin;scrollbar-color:#a855f74d transparent;flex-direction:column;flex:1;gap:0;padding:.5rem 0;display:flex;overflow-y:auto}.sheet-section.svelte-va3igi{border-bottom:1px solid #ffffff0d;padding:.85rem 1rem}.section-title-row.svelte-va3igi{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.section-label.svelte-va3igi{letter-spacing:.08rem;color:#a855f7;text-transform:uppercase;margin:0 0 .6rem;font-family:monospace;font-size:.72rem;font-weight:900}.section-title-row.svelte-va3igi .section-label:where(.svelte-va3igi){margin:0}.add-photo-btn.svelte-va3igi{color:#06b6d4;cursor:pointer;background:#06b6d40d;border:1px solid #06b6d44d;border-radius:6px;padding:.2rem .6rem;font-size:.7rem;transition:all .2s}.add-photo-btn.svelte-va3igi:hover{background:#06b6d426}.add-photo-btn.svelte-va3igi input:where(.svelte-va3igi){display:none}.photo-gallery.svelte-va3igi{flex-wrap:wrap;gap:.5rem;display:flex}.photo-thumb.svelte-va3igi{cursor:pointer;border:2px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:64px;height:64px;transition:border-color .2s;position:relative;overflow:hidden}.photo-thumb.svelte-va3igi:hover{border-color:#a855f7}.active-thumb.svelte-va3igi{border-color:#06b6d499}.photo-thumb.svelte-va3igi img:where(.svelte-va3igi){object-fit:cover;width:100%;height:100%;display:block}.thumb-label.svelte-va3igi{text-align:center;color:#22d3ee;background:#000000bf;padding:.1rem;font-size:.55rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.remove-photo.svelte-va3igi{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.55rem;line-height:1;display:none;position:absolute;top:2px;right:2px}.photo-thumb.svelte-va3igi:hover .remove-photo:where(.svelte-va3igi){display:flex}.no-photos.svelte-va3igi{color:#475569;padding:.5rem 0;font-size:.75rem;font-style:italic}.hp-bar-track.svelte-va3igi{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;height:20px;margin-bottom:.6rem;position:relative;overflow:hidden}.hp-bar-fill.svelte-va3igi{border-radius:10px;height:100%;transition:width .4s,background .4s}.hp-bar-label.svelte-va3igi{color:#fff;text-shadow:0 1px 3px #000000e6;pointer-events:none;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;position:absolute;inset:0}.hp-controls.svelte-va3igi{justify-content:center;align-items:center;gap:.4rem;display:flex}.hp-btn.svelte-va3igi{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:700;transition:all .15s}.hp-minus.svelte-va3igi{color:#f87171;background:#ef44441a;border-color:#ef44444d}.hp-minus.svelte-va3igi:hover{background:#ef444440}.hp-plus.svelte-va3igi{color:#4ade80;background:#22c55e1a;border-color:#22c55e4d}.hp-plus.svelte-va3igi:hover{background:#22c55e40}.hp-values.svelte-va3igi{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.3rem;padding:.15rem .4rem;display:flex}.hp-input.svelte-va3igi{color:#f1f5f9;text-align:center;background:0 0;border:none;outline:none;width:44px;font-family:monospace;font-size:.9rem;font-weight:700}.hp-input.hp-max.svelte-va3igi{color:#94a3b8}.hp-sep.svelte-va3igi{color:#475569;font-size:1rem}.hp-readonly.svelte-va3igi{color:#f1f5f9;font-family:monospace;font-size:.9rem;font-weight:700}.prop-grid.svelte-va3igi{flex-direction:column;gap:.6rem;display:flex}.prop-row.svelte-va3igi{align-items:center;gap:.75rem;display:flex}.prop-label.svelte-va3igi{color:#64748b;text-transform:uppercase;letter-spacing:.04rem;flex-shrink:0;width:90px;font-size:.72rem}.prop-input-row.svelte-va3igi{flex:1;align-items:center;gap:.5rem;display:flex}.prop-slider.svelte-va3igi{accent-color:#a855f7;cursor:pointer;flex:1;height:4px}.prop-val.svelte-va3igi{color:#c084fc;text-align:right;flex-shrink:0;width:36px;font-family:monospace;font-size:.72rem}.prop-color.svelte-va3igi{cursor:pointer;background:0 0;border:none;border-radius:6px;width:36px;height:28px;padding:0}.prop-text-input.svelte-va3igi{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;padding:.3rem .5rem;font-size:.8rem}.prop-text-input.svelte-va3igi:focus{border-color:#a855f7}.tex-upload-btn.svelte-va3igi{color:#06b6d4;cursor:pointer;white-space:nowrap;background:#06b6d40d;border:1px solid #06b6d44d;border-radius:6px;padding:.25rem .65rem;font-size:.72rem;transition:all .2s}.tex-upload-btn.svelte-va3igi:hover{background:#06b6d426}.tex-upload-btn.svelte-va3igi input:where(.svelte-va3igi){display:none}.notes-section.svelte-va3igi{flex:1}.notes-textarea.svelte-va3igi{box-sizing:border-box;color:#cbd5e1;resize:vertical;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:.65rem;font-family:Inter,system-ui,sans-serif;font-size:.82rem;line-height:1.5;transition:border-color .2s}.notes-textarea.svelte-va3igi:focus{border-color:#a855f780}.save-notes-btn.svelte-va3igi{color:#c084fc;cursor:pointer;background:#a855f71f;border:1px solid #a855f74d;border-radius:8px;width:100%;margin-top:.5rem;padding:.45rem;font-size:.78rem;font-weight:700;transition:all .2s}.save-notes-btn.svelte-va3igi:hover{color:#fff;background:#a855f740}.notes-readonly.svelte-va3igi{color:#94a3b8;white-space:pre-wrap;background:#0003;border:1px solid #ffffff0d;border-radius:8px;min-height:80px;padding:.65rem;font-size:.82rem;line-height:1.5}.danger-section.svelte-va3igi{border-bottom:none;padding-top:.5rem}.delete-btn.svelte-va3igi{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:8px;width:100%;padding:.5rem;font-size:.78rem;font-weight:700;transition:all .2s}.delete-btn.svelte-va3igi:hover{color:#fff;background:#ef444433}.status-buttons.svelte-va3igi{gap:.5rem;margin-top:.4rem;display:flex}.status-btn.svelte-va3igi{cursor:pointer;color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:.5rem;font-size:.78rem;font-weight:700;transition:all .2s}.status-btn.active-dead.svelte-va3igi{color:#f87171;background:#ef444440;border-color:#ef444499;box-shadow:0 0 8px #ef44444d}.status-btn.active-stunned.svelte-va3igi{color:#facc15;background:#eab30840;border-color:#eab30899;box-shadow:0 0 8px #eab3084d}.status-btn.svelte-va3igi:hover:not(.active-dead):not(.active-stunned){color:#cbd5e1;background:#ffffff14}.dash-btn.svelte-va3igi{cursor:pointer;color:#38bdf8;letter-spacing:.04rem;background:linear-gradient(135deg,#06b6d426,#38bdf81a);border:1.5px solid #06b6d466;border-radius:10px;width:100%;padding:.6rem 1rem;font-size:.82rem;font-weight:800;transition:all .2s;box-shadow:0 0 12px #06b6d426}.dash-btn.svelte-va3igi:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#06b6d44d,#38bdf833);border-color:#06b6d4;transform:translateY(-1px);box-shadow:0 0 20px #06b6d466}.dash-btn.svelte-va3igi:disabled{opacity:.35;cursor:not-allowed;transform:none}.dash-btn.dash-active.svelte-va3igi{color:#f87171;background:linear-gradient(135deg,#ef444433,#f871711a);border-color:#ef444499;animation:1s ease-in-out infinite svelte-va3igi-dashPulse;box-shadow:0 0 16px #ef44444d}@keyframes svelte-va3igi-dashPulse{0%{box-shadow:0 0 8px #06b6d44d}50%{box-shadow:0 0 22px #06b6d4b3}to{box-shadow:0 0 8px #06b6d44d}}.ep-slider.svelte-va3igi::-webkit-slider-thumb{background:#38bdf8}.ep-slider.svelte-va3igi::-moz-range-thumb{background:#38bdf8}.ep-slider.svelte-va3igi::-webkit-slider-runnable-track{background:linear-gradient(90deg, #0ea5e9 var(--val,50%), #ffffff1a var(--val,50%))}.sheet-popup-overlay.svelte-va3igi{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet-popup-card.svelte-va3igi{background:#0f172af2;border:1px solid #a855f74d;border-radius:16px;flex-direction:column;gap:1rem;width:90%;max-width:400px;max-height:80vh;padding:1.5rem;display:flex;overflow-y:auto;box-shadow:0 15px 35px #000000b3}.sheet-popup-card.bleach-card.svelte-va3igi{border-color:#06b6d44d;max-width:600px}.popup-title-row.svelte-va3igi{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.popup-title-row.svelte-va3igi h4:where(.svelte-va3igi){color:#e2e8f0;margin:0;font-size:1.1rem;font-weight:700}.popup-close-x.svelte-va3igi{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.1rem;font-weight:700;transition:color .2s}.popup-close-x.svelte-va3igi:hover{color:#ef4444}.popup-grid-container.svelte-va3igi{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;display:grid;overflow-y:auto}.popup-grid-item.svelte-va3igi{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem;transition:all .2s;display:flex}.popup-grid-item.svelte-va3igi:hover{background:#a855f726;border-color:#a855f7;transform:translateY(-2px)}.bleach-grid.svelte-va3igi .popup-grid-item:where(.svelte-va3igi):hover{background:#06b6d426;border-color:#06b6d4}.popup-item-thumb.svelte-va3igi{object-fit:cover;border:1px solid #ffffff1a;border-radius:6px;width:80px;height:80px}.popup-item-thumb.character-thumb.svelte-va3igi{border-radius:50%}.popup-item-name.svelte-va3igi{color:#cbd5e1;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.7rem;overflow:hidden}.no-tex-thumb.svelte-va3igi{color:#f87171;background:#ef44441a;border-color:#ef44444d;border-radius:6px;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:700;display:flex}body{color:#e2e8f0;-webkit-user-select:none;user-select:none;background-color:#07040e;height:100vh;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}input,select,textarea{-webkit-user-select:text;user-select:text}.app-main.svelte-1n46o8q{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.reiatsu-background.svelte-1n46o8q{z-index:-10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-orb.svelte-1n46o8q{filter:blur(140px);opacity:.15;border-radius:50%;width:600px;height:600px;animation:25s ease-in-out infinite alternate svelte-1n46o8q-drift;position:absolute}.purple-glow.svelte-1n46o8q{background:radial-gradient(circle,#a855f7 0%,#0000 70%);top:-10%;left:-10%}.cyan-glow.svelte-1n46o8q{background:radial-gradient(circle,#06b6d4 0%,#0000 70%);animation-delay:-10s;bottom:-10%;right:-10%}@keyframes svelte-1n46o8q-drift{0%{transform:translate(0)scale(1)}to{transform:translate(100px,80px)scale(1.15)}}.welcome-screen.svelte-1n46o8q{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.gate-seal.svelte-1n46o8q{pointer-events:none;z-index:-1;border:1px dashed #a855f714;border-radius:50%;width:450px;height:450px;animation:60s linear infinite svelte-1n46o8q-spin;position:absolute}@keyframes svelte-1n46o8q-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.workspace-container.svelte-1n46o8q{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:none;height:100vh;margin:0;padding:1rem;display:flex;overflow:hidden}.workspace-header.svelte-1n46o8q{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;height:54px;padding:.5rem 1.5rem;display:flex}.brand.svelte-1n46o8q{align-items:center;gap:1.5rem;display:flex}.brand-title.svelte-1n46o8q{letter-spacing:.15rem;background:linear-gradient(135deg,#a855f7 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-weight:900}.room-indicator.svelte-1n46o8q{color:#94a3b8;background:#0000004d;border:1px solid #ffffff0d;border-radius:4px;padding:.25rem .65rem;font-family:monospace;font-size:.8rem}.user-badge.svelte-1n46o8q{letter-spacing:.05rem;border-radius:6px;padding:.3rem .85rem;font-size:.75rem;font-weight:900}.host-badge.svelte-1n46o8q{color:#0f172a;background:#06b6d4;box-shadow:0 0 10px #06b6d44d}.client-badge.svelte-1n46o8q{color:#fff;background:#a855f7;box-shadow:0 0 10px #a855f74d}.header-actions.svelte-1n46o8q{align-items:center;gap:1rem;display:flex}.toggle-menu-btn.svelte-1n46o8q{color:#a855f7;cursor:pointer;text-transform:uppercase;letter-spacing:.05rem;background:#a855f71a;border:1px solid #a855f74d;border-radius:6px;padding:.35rem .85rem;font-size:.75rem;font-weight:700;transition:all .2s}.toggle-menu-btn.svelte-1n46o8q:hover{color:#fff;background:#a855f740;box-shadow:0 0 10px #a855f740}.workspace-layout.svelte-1n46o8q{flex-direction:row;flex:1;gap:1rem;min-height:0;display:flex}.board-section.svelte-1n46o8q{flex:1;min-width:0;height:100%;min-height:0;position:relative}.control-section.svelte-1n46o8q{flex-shrink:0;width:420px;height:100%;min-height:0}