:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-foreground);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--touch-color-background-light: rgb(255, 255, 255, .3);--touch-color-background-dark: rgb(0, 0, 0, .3);--touch-skin-neon-color: rgb(0, 229, 255, .85);--touch-skin-neon-glow: rgb(0, 229, 255, .55);--touch-skin-minimal-color: rgb(0, 0, 0, .3)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}html,body{overflow:hidden;max-height:100vh}:root:not(.top-nav-visible){--nav-height: 0px}.pt-nav{padding-top:var(--nav-height)}:root{--game-ink: #111;--game-own-msg-bg: #111;--game-ink-medium: #555;--game-ink-muted: #888;--game-border: rgb(0, 0, 0, .28);--game-surface: #fff;--game-surface-subtle: #f5f5f5;--game-surface-dim: #f0f0f0;--game-border-secondary: #ccc;--game-border-light: #ddd;--lb-bg: #fff7e6;--lb-sidebar-bg: #fffbf0;--lb-card-hover: #ffefc0;--pic-bg: #fff7e6;--wm-bg: #f0fff4;--wl-bg: #f9f9f9;--mg-bg: #e8f5e9;--game-msg-system-bg: #fff4c2;--game-msg-error-bg: #ffeaea;--score-hole-in-one: #ffd700;--score-eagle: #4ecdc4;--score-birdie: #6bcf7f;--score-par: #fff;--score-bogey: #ff8c42;--score-double-bogey-plus: #f44;--color-water-surface: #4ecdc4;--color-water-deep: #1565a0;--transition-game-phase: 1s;--transition-hero-look: 1.5s}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-from-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}:root{--color-paper-dark: #1c1814;--color-background: hsl(0deg 0% 100%);--color-foreground: hsl(0deg 0% 3.9%);--color-primary: hsl(0deg 0% 9%);--color-primary-foreground: hsl(0deg 0% 98%);--color-secondary: hsl(0deg 0% 96.1%);--color-secondary-foreground: hsl(0deg 0% 9%);--color-muted: hsl(0deg 0% 96.1%);--color-muted-foreground: hsl(0deg 0% 45.1%);--color-accent: hsl(0deg 0% 96.1%);--color-accent-foreground: hsl(0deg 0% 9%);--color-destructive: hsl(0deg 84.2% 60.2%);--color-destructive-foreground: hsl(0deg 0% 98%);--color-border: hsl(0deg 0% 89.8%);--color-input: hsl(0deg 0% 89.8%);--color-ring: hsl(0deg 0% 3.9%);--color-perf-ok: hsl(142deg 71% 45%);--color-perf-warn: hsl(38deg 92% 50%);--color-perf-bad: hsl(0deg 84% 60%);--color-playhead: hsl(350deg 55% 55%);--timeline-color-0: hsl(0deg 60% 50%);--timeline-color-1: hsl(45deg 60% 45%);--timeline-color-2: hsl(90deg 50% 40%);--timeline-color-3: hsl(135deg 50% 40%);--timeline-color-4: hsl(180deg 50% 40%);--timeline-color-5: hsl(225deg 55% 50%);--timeline-color-6: hsl(270deg 50% 50%);--timeline-color-7: hsl(315deg 55% 50%);--timeline-bar-foreground: hsl(0deg 0% 100%);--timeline-gutter-width: 8rem;--color-canvas-overlay-foreground: hsl(0deg 0% 100%);--shadow-text-canvas-overlay: 0 1px 3px hsl(0deg 0% 0% / 80%);--color-canvas-overlay-accent: hsl(218deg 60% 80%);--color-canvas-overlay-muted: hsl(218deg 30% 62%);--color-canvas-overlay-surface: hsl(218deg 30% 11%);--color-lcd-surface: hsl(195deg 40% 9%);--color-lcd-text: hsl(190deg 85% 78%);--color-lcd-dim: hsl(190deg 35% 45%);--shadow-lcd-glow: 0 0 6px hsl(190deg 90% 65% / 55%);--lcd-scanlines: repeating-linear-gradient( to bottom, transparent 0 2px, hsl(195deg 60% 3% / 35%) 2px 3px );--color-canvas-overlay-border: hsl(218deg 30% 30% / 60%);--color-canvas-overlay-scrim: hsl(218deg 40% 4% / 60%);--color-hero-ink: hsl(222deg 34% 22%);--panel-item-bg: hsl(0deg 0% 98%);--panel-item-bg-hover: hsl(0deg 0% 94%);--panel-item-bg-selected: hsl(0deg 0% 90%);--panel-content-bg: hsl(0deg 0% 97%);--panel-toggle-active-bg: hsl(0deg 0% 83%);--panel-overlay-bg: hsl(0deg 0% 0% / .6);--panel-remove-color: hsl(0deg 80% 65%);--spacing-px: .0625rem;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--font-sans: inter, system-ui, avenir, helvetica, arial, sans-serif;--font-mono: "Monaco", "Courier New", monospace;--font-sign: "DIN Alternate", arial, sans-serif;--font-size-2xs: .5625rem;--font-size-lcd-title: min(22cqh, 6cqw);--font-size-lcd-line: min(12cqh, 2.8cqw);--font-size-lcd-description: min(15cqh, 3.8cqw);--font-size-lcd-title-compact: min(36cqh, 7cqw);--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-quote-mark: 5.5rem;--opacity-muted: .5;--opacity-disabled: .15;--btn-xs-height: 1.25rem;--btn-sm-height: 1.75rem;--btn-md-height: 2rem;--btn-lg-height: 2.5rem;--thumbnail-size: 2.5rem;--icon-preview-md-size: 3rem;--icon-preview-md-icon-size: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--nav-height: 3rem;--panel-width: 20rem;--panel-width-wide: 32rem;--dropdown-min-width: 9rem;--rig-timeline-height: 4rem;--generative-canvas-frame-height: 20rem;--minimap-size: 160px;--minimap-margin: 12px;--minimap-border-radius: var(--radius-sm, 4px);--minimap-opacity: .85;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-overlay: 40;--z-modal: 50;--z-popover: 60;--z-toast: 70;--z-tooltip: 80;--z-nav: 90}.dark,[data-theme=dark]{--game-ink: #e0d5c0;--game-ink-medium: #b0a590;--game-ink-muted: #7a6e60;--game-border: rgb(255, 240, 220, .22);--game-surface: #262218;--game-surface-subtle: #2e2820;--game-surface-dim: #222016;--game-border-secondary: #4a4035;--game-border-light: #3a3028;--lb-bg: #1c1812;--lb-sidebar-bg: #161210;--lb-card-hover: #252015;--pic-bg: #1c1812;--wm-bg: #0d1a10;--wl-bg: #181818;--mg-bg: #0d1a0e;--game-msg-system-bg: #2a2208;--game-msg-error-bg: #2a0d0d;--game-own-msg-bg: #3a3020;--panel-item-bg: hsl(0deg 0% 12%);--panel-item-bg-hover: hsl(0deg 0% 18%);--panel-item-bg-selected: hsl(0deg 0% 22%);--panel-content-bg: hsl(0deg 0% 10%);--panel-toggle-active-bg: hsl(0deg 0% 25%);--color-background: hsl(0deg 0% 9%);--color-foreground: hsl(0deg 0% 95%);--color-primary: hsl(0deg 0% 98%);--color-primary-foreground: hsl(0deg 0% 9%);--color-secondary: hsl(0deg 0% 15%);--color-secondary-foreground: hsl(0deg 0% 98%);--color-muted: hsl(0deg 0% 15%);--color-muted-foreground: hsl(0deg 0% 64%);--color-accent: hsl(0deg 0% 15%);--color-accent-foreground: hsl(0deg 0% 98%);--color-destructive: hsl(0deg 62% 30%);--color-destructive-foreground: hsl(0deg 0% 98%);--color-border: hsl(0deg 0% 15%);--color-input: hsl(0deg 0% 15%);--color-ring: hsl(0deg 0% 83%);--color-perf-ok: hsl(142deg 60% 55%);--color-perf-warn: hsl(38deg 90% 58%);--color-perf-bad: hsl(0deg 80% 65%);--color-playhead: hsl(350deg 70% 75%);--timeline-color-0: hsl(0deg 65% 60%);--timeline-color-1: hsl(45deg 65% 55%);--timeline-color-2: hsl(90deg 55% 50%);--timeline-color-3: hsl(135deg 55% 50%);--timeline-color-4: hsl(180deg 55% 50%);--timeline-color-5: hsl(225deg 60% 60%);--timeline-color-6: hsl(270deg 55% 60%);--timeline-color-7: hsl(315deg 60% 60%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .2);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .2)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--game-ink: #e0d5c0;--game-ink-medium: #b0a590;--game-ink-muted: #7a6e60;--game-border: rgb(255, 240, 220, .22);--game-surface: #262218;--game-surface-subtle: #2e2820;--game-surface-dim: #222016;--game-border-secondary: #4a4035;--game-border-light: #3a3028;--lb-bg: #1c1812;--lb-sidebar-bg: #161210;--lb-card-hover: #252015;--pic-bg: #1c1812;--wm-bg: #0d1a10;--wl-bg: #181818;--mg-bg: #0d1a0e;--game-msg-system-bg: #2a2208;--game-msg-error-bg: #2a0d0d;--panel-item-bg: hsl(0deg 0% 12%);--panel-item-bg-hover: hsl(0deg 0% 18%);--panel-item-bg-selected: hsl(0deg 0% 22%);--panel-content-bg: hsl(0deg 0% 10%);--panel-toggle-active-bg: hsl(0deg 0% 25%);--color-background: hsl(0deg 0% 9%);--color-foreground: hsl(0deg 0% 95%);--color-primary: hsl(0deg 0% 98%);--color-primary-foreground: hsl(0deg 0% 9%);--color-secondary: hsl(0deg 0% 15%);--color-secondary-foreground: hsl(0deg 0% 98%);--color-muted: hsl(0deg 0% 15%);--color-muted-foreground: hsl(0deg 0% 64%);--color-accent: hsl(0deg 0% 15%);--color-accent-foreground: hsl(0deg 0% 98%);--color-destructive: hsl(0deg 62% 30%);--color-destructive-foreground: hsl(0deg 0% 98%);--color-border: hsl(0deg 0% 15%);--color-input: hsl(0deg 0% 15%);--color-ring: hsl(0deg 0% 83%);--color-perf-ok: hsl(142deg 60% 55%);--color-perf-warn: hsl(38deg 90% 58%);--color-perf-bad: hsl(0deg 80% 65%);--color-playhead: hsl(350deg 70% 75%);--timeline-color-0: hsl(0deg 65% 60%);--timeline-color-1: hsl(45deg 65% 55%);--timeline-color-2: hsl(90deg 55% 50%);--timeline-color-3: hsl(135deg 55% 50%);--timeline-color-4: hsl(180deg 55% 50%);--timeline-color-5: hsl(225deg 60% 60%);--timeline-color-6: hsl(270deg 55% 60%);--timeline-color-7: hsl(315deg 60% 60%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .2);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .2)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.min-h-0{min-height:0}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.w-full{width:100%}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-10{height:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-10{width:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-6{padding-top:1.5rem}.pb-4{padding-bottom:1rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.border{border:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-border{border-color:var(--color-border)}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-\[9px\]{font-size:9px}.text-\[11px\]{font-size:11px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary{color:var(--color-primary)}.text-destructive{color:var(--color-destructive)}.bg-background{background-color:var(--color-background)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-muted\/30{background-color:hsl(from var(--color-muted) h s l/.3)}.bg-primary\/20{background-color:hsl(from var(--color-primary) h s l/.2)}.border-primary\/60{border-color:hsl(from var(--color-primary) h s l/.6)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.transition-all{transition:all .15s}.transition-opacity{transition:opacity .15s}.transition-colors{transition:color .15s,background-color .15s}.cursor-pointer{cursor:pointer}.block{display:block}.hidden{display:none}.hover\:opacity-100:hover{opacity:1}.hover\:bg-muted\/50:hover{background-color:hsl(from var(--color-muted) h s l/.5)}.hover\:bg-primary\/30:hover{background-color:hsl(from var(--color-primary) h s l/.3)}.hover\:border-border:hover{border-color:var(--color-border)}[data-radix-popper-content-wrapper]{z-index:var(--z-popover)!important}[data-radix-vue-collection-item]{outline:none}.vue-flow .vue-flow__background{background-color:var(--color-background)}.vue-flow .vue-flow__edge-path,.vue-flow .vue-flow__connection-path{stroke:var(--color-muted-foreground);stroke-width:2}.vue-flow .vue-flow__edge.selected .vue-flow__edge-path,.vue-flow .vue-flow__edge:focus .vue-flow__edge-path,.vue-flow .vue-flow__edge:focus-visible .vue-flow__edge-path,.vue-flow .vue-flow__edge:hover .vue-flow__edge-path{stroke:var(--color-primary)}.vue-flow .vue-flow__handle{min-width:.625rem;min-height:.625rem;border:2px solid var(--color-background);background:var(--color-primary)}.vue-flow .vue-flow__handle.connectable:hover{background:var(--color-ring)}.vue-flow .vue-flow__controls{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.vue-flow .vue-flow__controls-button{border-bottom:1px solid var(--color-border);background:var(--color-background);fill:var(--color-foreground)}.vue-flow .vue-flow__controls-button:last-child{border-bottom:none}.vue-flow .vue-flow__controls-button:hover{background:var(--color-secondary)}.vue-flow .vue-flow__controls-button svg{fill:var(--color-foreground)}body{background-color:var(--color-background)}canvas{width:100%;height:100%;position:absolute;top:0;left:0;transition:top .2s}