:root{--bg-base: #ffffff;--bg-elevated: #ffffff;--bg-grouped: #f5f5f7;--bg-secondary: #fafafa;--bg-tertiary: #f0f0f2;--bg-overlay: rgba(255, 255, 255, .72);--fg-primary: #1d1d1f;--fg-secondary: #6e6e73;--fg-tertiary: #86868b;--fg-quaternary: #b0b0b5;--separator: rgba(60, 60, 67, .12);--separator-strong: rgba(60, 60, 67, .22);--hairline: rgba(60, 60, 67, .06);--accent: #5856d6;--accent-hover: #4845b8;--accent-soft: rgba(88, 86, 214, .12);--accent-text: #4845b8;--success: #34c759;--success-soft: rgba(52, 199, 89, .12);--warning: #ff9500;--warning-soft: rgba(255, 149, 0, .12);--danger: #ff3b30;--danger-soft: rgba(255, 59, 48, .12);--info: #007aff;--info-soft: rgba(0, 122, 255, .12);--muted: #8e8e93;--muted-soft: rgba(142, 142, 147, .12);--npc-1: #af52de;--npc-2: #5ac8fa;--npc-3: #ff9500;--npc-4: #34c759;--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--font-text: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--font-serif: "Source Serif 4", "Source Serif Pro", "Noto Serif SC", "Songti SC", Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 34px;--text-5xl: 48px;--text-6xl: 64px;--lh-tight: 1.2;--lh-snug: 1.4;--lh-normal: 1.5;--lh-relaxed: 1.7;--lh-reading: 1.85;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.022em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .18em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--radius-full: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 6px 16px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .16), 0 8px 16px rgba(0, 0, 0, .08);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.5, 1.4, .5, 1);--duration-fast: .15s;--duration-base: .24s;--duration-slow: .4s;--z-base: 0;--z-elevated: 10;--z-sticky: 20;--z-overlay: 50;--z-modal: 100;--z-toast: 200;--blur-sm: blur(12px) saturate(180%);--blur-md: blur(24px) saturate(180%);--imm-bg-deep: #0a0e12;--imm-veil-strong: rgba(8, 12, 16, .86);--imm-veil-soft: rgba(8, 12, 16, .42);--imm-veil-edge: linear-gradient( to top, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .55) 22%, rgba(0, 0, 0, .18) 50%, transparent 80% );--imm-gold: #c9a574;--imm-gold-soft: #b08c54;--imm-gold-glow: 0 0 16px rgba(201, 165, 116, .35);--imm-text: #f5f1ea;--imm-text-soft: #c9c2b3;--imm-text-mute: #8a8275;--imm-line: rgba(201, 165, 116, .32);--imm-line-strong: rgba(201, 165, 116, .58);--imm-blur: blur(14px) saturate(140%);--imm-shadow-card: 0 -1px 0 var(--imm-line) inset, 0 24px 64px rgba(0, 0, 0, .65), 0 4px 12px rgba(0, 0, 0, .45);--imm-type-branch: var(--imm-gold);--imm-type-thematic: #b07ad6;--imm-type-skill_check: #e89a4a;--imm-type-resource: #e8c84a;--imm-type-gate: #c25862;--imm-type-endpoint: #2a2520;--imm-type-cosmetic: #6e6862;--imm-type-loop: var(--imm-gold-soft);--imm-npc-1: #c9a574;--imm-npc-2: #7faab8;--imm-npc-3: #c25862;--imm-npc-4: #8aa672;--lib-bg-base: #1a1410;--lib-bg-paper: #2a1f17;--lib-bg-elevated: #3a2c20;--lib-bg-recessed: #1f1610;--lib-ink: #f4ead6;--lib-ink-muted: #c9bfa8;--lib-ink-dim: #8a8270;--lib-ink-faint: #5e574a;--lib-candle: #e8b85c;--lib-candle-glow: #f4cb78;--lib-ember: #c87a3a;--lib-burn: #7a2828;--lib-moss: #5a7159;--lib-line: rgba(232, 184, 92, .18);--lib-line-strong: rgba(232, 184, 92, .42);--lib-shadow-room: inset 0 0 120px rgba(0,0,0,.65);--lib-shadow-card: 0 1px 0 rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.5);--lib-glow-candle: 0 0 24px rgba(232, 184, 92, .28);--lib-hero-bg: radial-gradient(ellipse 60% 80% at 30% 30%, rgba(232,184,92,.1), transparent 60%), radial-gradient(ellipse 50% 60% at 80% 90%, rgba(122,40,40,.08), transparent 60%), linear-gradient(160deg, #2a1f17 0%, #1a1410 60%, #0e0805 100%);--lib-hero-image: url(/library/hero-room.jpg);--lib-bg-step1: url(/library/manuscript-desk.jpg);--lib-bg-step2: url(/library/corridor.jpg);--lib-bg-step4: url(/library/bindery.jpg)}@media (prefers-color-scheme: dark){:root{--bg-base: #000000;--bg-elevated: #1c1c1e;--bg-grouped: #1c1c1e;--bg-secondary: #2c2c2e;--bg-tertiary: #3a3a3c;--bg-overlay: rgba(28, 28, 30, .72);--fg-primary: #f5f5f7;--fg-secondary: #a1a1a6;--fg-tertiary: #6e6e73;--fg-quaternary: #48484a;--separator: rgba(84, 84, 88, .36);--separator-strong: rgba(84, 84, 88, .55);--hairline: rgba(84, 84, 88, .18);--accent: #7d7aff;--accent-hover: #9492ff;--accent-soft: rgba(125, 122, 255, .18);--accent-text: #a8a6ff;--success: #30d158;--success-soft: rgba(48, 209, 88, .18);--warning: #ff9f0a;--warning-soft: rgba(255, 159, 10, .18);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .18);--info: #0a84ff;--info-soft: rgba(10, 132, 255, .18);--muted: #98989d;--muted-soft: rgba(152, 152, 157, .16);--npc-1: #bf5af2;--npc-2: #64d2ff;--npc-3: #ff9f0a;--npc-4: #30d158;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 16px rgba(0, 0, 0, .55), 0 2px 4px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .7), 0 8px 16px rgba(0, 0, 0, .5)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:var(--bg-grouped);color:var(--fg-primary);font-family:var(--font-text);font-size:var(--text-md);line-height:var(--lh-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{overflow:auto}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}input,textarea{font:inherit;color:inherit}a{color:var(--accent-text);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--separator);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--separator-strong)}.app-shell{display:flex;flex-direction:column;height:100vh;background:var(--bg-grouped)}.app-nav{height:52px;display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);background:var(--bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-bottom:1px solid var(--separator);flex-shrink:0;z-index:var(--z-sticky)}.app-nav-brand{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-md);letter-spacing:var(--tracking-tight);color:var(--fg-primary);display:flex;align-items:center;gap:var(--space-2)}.app-nav-brand .logo-dot{width:8px;height:8px;background:var(--accent);border-radius:var(--radius-full)}.app-nav-tabs{display:flex;gap:var(--space-1);margin-left:var(--space-8)}.app-nav-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--fg-secondary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.app-nav-tab:hover{color:var(--fg-primary);background:var(--bg-tertiary)}.app-nav-tab.active{color:var(--accent-text);background:var(--accent-soft)}.app-nav-actions{margin-left:auto;display:flex;gap:var(--space-2);align-items:center}.app-nav-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--fg-secondary);transition:all var(--duration-fast) var(--ease-out);font-size:16px}.app-nav-icon-btn:hover{background:var(--bg-tertiary);color:var(--fg-primary)}.app-main{flex:1;overflow:auto;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-text);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;height:36px;padding:0 var(--space-5)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--fg-primary);border:1px solid var(--separator);height:36px;padding:0 var(--space-5)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--separator-strong)}.btn-ghost{background:transparent;color:var(--fg-secondary);height:32px;padding:0 var(--space-3)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--fg-primary)}.btn-large{height:44px;padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-md)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.start-screen{min-height:100%;display:flex;flex-direction:column;align-items:stretch;padding:0;background:var(--lib-bg-paper);color:var(--lib-ink);font-family:var(--font-serif);position:relative}.start-screen:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 30% 20%,rgba(232,184,92,.05),transparent 60%),radial-gradient(ellipse 50% 40% at 80% 90%,rgba(122,40,40,.04),transparent 70%),var(--lib-shadow-room);z-index:0}.start-hero{position:relative;display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1080px;width:100%;margin:0 auto;padding:clamp(var(--space-12),10vh,var(--space-20)) var(--space-8) var(--space-12);text-align:left;overflow:hidden}.start-hero:before{content:"";position:absolute;top:-10%;right:-8%;width:60%;max-width:680px;aspect-ratio:16 / 10;background-image:var(--lib-hero-image, none);background-size:cover;background-position:center;opacity:.1;filter:blur(1px) saturate(.85);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 70% 30%,#000 30%,transparent 75%);z-index:0;pointer-events:none}.start-hero>*{position:relative;z-index:1}.start-hero-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.start-hero .pretitle{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--lib-ink-dim);text-transform:uppercase;margin:0}.start-hero h1,.start-hero-h1{font-family:var(--font-serif)!important;font-size:clamp(48px,8vw,96px)!important;font-weight:var(--weight-regular)!important;letter-spacing:.32em!important;line-height:1!important;color:var(--lib-ink)!important;margin:0 0 var(--space-4)!important;padding-left:.16em}.start-hero-h1+.keeper-line:before{content:"";display:block;width:48px;height:1px;background:var(--lib-line-strong);margin-bottom:var(--space-5)}.start-hero .keeper-line{font-size:clamp(15px,1.4vw,17px);color:var(--lib-ink-muted);line-height:var(--lh-relaxed);max-width:560px;margin:0 0 var(--space-8);font-family:var(--font-serif);font-style:normal}.start-hero .keeper-line .narration{display:block;color:var(--lib-ink-dim);font-size:.92em;margin-bottom:var(--space-1);letter-spacing:.01em}.start-hero .keeper-line .quote{display:block;color:var(--lib-ink);font-style:italic}.start-actions{display:flex;flex-direction:row;align-items:stretch;gap:var(--space-3);flex-wrap:wrap}.candle-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-3);height:52px;padding:0 var(--space-5);background:transparent;border:1px solid var(--lib-line-strong);border-radius:0;color:var(--lib-ink);font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-regular);letter-spacing:.02em;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;text-align:left;white-space:nowrap;line-height:1}.candle-btn:hover:not(:disabled){border-color:var(--lib-ink-muted);color:var(--lib-candle-glow);background:#e8b85c0d}.candle-btn:disabled{opacity:.4;cursor:not-allowed}.candle-btn--primary{background:var(--lib-candle);color:#1a1208;border-color:var(--lib-candle);font-size:var(--text-md);padding:0 var(--space-6);font-weight:var(--weight-medium);box-shadow:var(--lib-glow-candle)}.candle-btn--primary:hover:not(:disabled){background:var(--lib-candle-glow);border-color:var(--lib-candle-glow);color:#1a1208}.candle-btn--primary:disabled{background:transparent;color:var(--lib-ink-faint);border-color:var(--lib-line);box-shadow:none}.candle-btn--ghost{background:transparent;border:1px solid transparent;color:var(--lib-ink-muted);padding:0 var(--space-4);font-size:var(--text-md)}.candle-btn--ghost:hover:not(:disabled){color:var(--lib-candle);background:transparent;border-color:transparent}.candle-btn-label{font-size:.86em;color:inherit;opacity:.72;font-style:italic;margin-right:2px}.candle-btn-arrow{color:inherit;font-family:var(--font-mono);font-size:1em;opacity:.85;margin-left:var(--space-1);transition:transform .2s ease}.candle-btn:hover:not(:disabled) .candle-btn-arrow{transform:translate(3px)}.start-hero-meta{margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lib-ink-faint);letter-spacing:var(--tracking-wide)}.start-credit{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lib-ink-faint);letter-spacing:var(--tracking-widest);padding:var(--space-10) 0 var(--space-6);background:transparent;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.start-credit-line{letter-spacing:var(--tracking-widest)}.start-credit-beian{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);opacity:.8}.start-credit-beian-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:4px;transition:color .16s ease,opacity .16s ease}.start-credit-beian-link:hover,.start-credit-beian-link:focus-visible{color:var(--lib-ink, #fff);opacity:1;text-decoration:underline;text-underline-offset:2px;outline:none}.start-credit-beian-icon{flex-shrink:0;vertical-align:middle;opacity:.85}.library{background:transparent;padding:var(--space-4) var(--space-8) var(--space-12);max-width:1080px;margin:0 auto;width:100%;position:relative;z-index:1}.library-tabs-row{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--lib-line);flex-wrap:wrap;gap:var(--space-4)}.library-tabs{display:flex;gap:var(--space-6)}.library-tab{font-family:var(--font-serif);font-size:var(--text-md);color:var(--lib-ink-dim);background:none;border:none;cursor:pointer;padding:0 0 var(--space-2);letter-spacing:.02em;transition:color .2s;position:relative}.library-tab.active{color:var(--lib-ink)}.library-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--lib-candle)}.library-tab:hover{color:var(--lib-ink)}.library-tab-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lib-ink-faint);margin-left:var(--space-2);letter-spacing:var(--tracking-normal)}.library-tab.active .library-tab-count{color:var(--lib-ink-muted)}.library-tabs-hint{font-family:var(--font-serif);font-style:italic;font-size:var(--text-base);color:var(--lib-ink-faint)}.library-list{margin:0;display:flex;flex-direction:column}.library-row{display:grid;grid-template-columns:64px 1fr auto;gap:var(--space-5);padding:var(--space-5) var(--space-2);border-bottom:1px solid var(--lib-line);cursor:pointer;transition:background .2s ease,padding .2s ease;align-items:start;text-align:left;background:none;color:inherit;width:100%;font-family:inherit;border-left:0;border-right:0;border-top:0}.library-row:hover:not(:disabled):not(.is-locked){background:#e8b85c08;padding-left:var(--space-3)}.library-row:disabled,.library-row.is-locked{cursor:not-allowed;opacity:.6}.library-row-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lib-ink-faint);letter-spacing:var(--tracking-wide);padding-top:6px}.library-row-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.library-row-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-regular);color:var(--lib-ink);line-height:var(--lh-tight);letter-spacing:.01em}.library-row-meta{font-family:var(--font-mono);font-style:normal;font-size:var(--text-xs);color:var(--lib-ink-faint);letter-spacing:var(--tracking-wide);margin-top:var(--space-1)}.library-row-desc{font-family:var(--font-serif);font-size:var(--text-base);color:var(--lib-ink-muted);line-height:var(--lh-relaxed);max-width:640px;margin-top:var(--space-2)}.library-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);font-family:var(--font-serif);padding-top:4px}.library-row-status{font-family:var(--font-mono);font-style:normal;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--lib-ink-faint);white-space:nowrap;text-transform:uppercase}.library-row-status.is-published{color:var(--lib-candle)}.library-row-status.is-draft{color:var(--lib-ink-faint)}.library-row-status.is-bound{color:var(--lib-ink-muted)}.library-row-status.is-adapting,.library-row-status.is-generating{color:var(--lib-ember);animation:lib-pulse 2s ease-in-out infinite}@keyframes lib-pulse{0%,to{opacity:1}50%{opacity:.5}}.library-row-open{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lib-ink-dim);letter-spacing:var(--tracking-wide);opacity:0;transition:opacity .2s ease,color .2s ease}.library-row:hover .library-row-open{color:var(--lib-candle);opacity:1}.library-empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--lib-ink-dim);font-family:var(--font-serif);font-style:italic;font-size:var(--text-md);border:1px dashed var(--lib-line)}.library-row-wrap{position:relative}.library-row-wrap .library-row{padding-right:44px}.library-row-actions{position:absolute;top:var(--space-5);right:4px;z-index:5}.library-row-menu-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:0;color:var(--lib-ink-faint);font-size:var(--text-md);cursor:pointer;transition:opacity .2s ease,border-color .2s ease,color .2s ease,background .2s ease;font-family:var(--font-mono);opacity:0}.library-row-wrap:hover .library-row-menu-btn,.library-row-menu-btn[aria-expanded=true]{opacity:1}.library-row-menu-btn:hover{border-color:var(--lib-line-strong);color:var(--lib-candle);background:#e8b85c0f;opacity:1}.library-row-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--lib-bg-paper);border:1px solid var(--lib-line-strong);box-shadow:var(--lib-shadow-card);padding:var(--space-2) 0;z-index:100}.library-row-menu button{display:block;width:100%;padding:var(--space-2) var(--space-4);background:none;border:none;font-family:var(--font-serif);font-size:var(--text-md);color:var(--lib-ink);text-align:left;cursor:pointer;letter-spacing:.02em;transition:background .2s,color .2s}.library-row-menu button:hover{background:#e8b85c1a;color:var(--lib-candle-glow)}.library-row-menu button.danger{color:var(--lib-burn)}.library-row-menu button.danger:hover{background:#7a28282e;color:#e89090}.library-row-menu-hint{padding:var(--space-2) var(--space-4);font-family:var(--font-serif);font-style:italic;font-size:var(--text-base);color:var(--lib-ink-faint);border-bottom:1px solid var(--lib-line)}.library-row.is-skeleton{cursor:default;pointer-events:none}.library-row.is-skeleton .library-row-title,.library-row.is-skeleton .library-row-meta,.library-row.is-skeleton .library-row-desc{background:linear-gradient(90deg,var(--lib-bg-elevated) 0%,var(--lib-bg-paper) 50%,var(--lib-bg-elevated) 100%);background-size:200% 100%;animation:lib-skeleton 1.6s ease-in-out infinite;color:transparent;border-radius:2px}@keyframes lib-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 720px){.start-hero{padding:var(--space-12) var(--space-5) var(--space-8)}.start-hero:before{width:80%;opacity:.07}.start-actions{flex-direction:column;align-items:stretch}.candle-btn,.candle-btn--primary{width:100%;justify-content:space-between}.candle-btn--ghost{justify-content:center}.library{padding:var(--space-2) var(--space-5) var(--space-10)}.library-row{grid-template-columns:48px 1fr}.library-row-side{grid-column:2;align-items:flex-start;flex-direction:row}.library-row-menu-btn{opacity:1}}.game-screen{display:grid;grid-template-rows:auto 1fr;height:100%;background:var(--bg-grouped)}.hud{display:flex;align-items:center;height:56px;padding:0 var(--space-6);gap:var(--space-5);background:var(--bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border-bottom:1px solid var(--separator);flex-shrink:0}.hud-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg-primary);letter-spacing:var(--tracking-tight);white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}.hud-title .dot{width:6px;height:6px;background:var(--accent);border-radius:var(--radius-full)}.hud-divider{width:1px;height:24px;background:var(--separator)}.hud-qualities{display:flex;align-items:center;gap:var(--space-5);height:100%;overflow-x:auto;scrollbar-width:none}.hud-qualities::-webkit-scrollbar{display:none}.hud-quality{display:flex;flex-direction:column;gap:6px;min-width:90px;padding:var(--space-1) 0;flex-shrink:0}.hud-quality .top-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.hud-quality .label{font-family:var(--font-text);font-size:var(--text-xs);color:var(--fg-tertiary);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.hud-quality .num{font-family:var(--font-mono);font-size:var(--text-base);color:var(--fg-primary);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.hud-quality .bar{width:100%;height:3px;background:var(--bg-tertiary);border-radius:var(--radius-pill);overflow:hidden}.hud-quality .bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width var(--duration-slow) var(--ease-out)}.hud-quality.warn .bar-fill{background:var(--danger)}.hud-quality.warn .num{color:var(--danger)}.hud-actions{margin-left:auto;display:flex;gap:var(--space-1);align-items:center}.delta-float{position:fixed;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-semibold);pointer-events:none;animation:delta-rise 1.4s var(--ease-out) forwards;z-index:var(--z-toast);font-variant-numeric:tabular-nums}.delta-float.up{color:var(--success)}.delta-float.down{color:var(--danger)}@keyframes delta-rise{0%{transform:translateY(0);opacity:1}to{transform:translateY(-32px);opacity:0}}.game-body{display:grid;grid-template-columns:320px 1fr;height:100%;overflow:hidden}.left-panel{background:var(--bg-base);border-right:1px solid var(--separator);padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.panel-section-title{font-family:var(--font-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-tertiary);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-2)}.scene-card{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.scene-image{height:140px;background:linear-gradient(135deg,var(--accent-soft),var(--bg-tertiary));display:flex;align-items:center;justify-content:center;color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;flex-direction:column;gap:var(--space-1)}.scene-info{padding:var(--space-4)}.scene-info .name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--fg-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.scene-info .desc{font-size:var(--text-base);color:var(--fg-secondary);line-height:var(--lh-relaxed)}.npc-card{background:var(--bg-elevated);border:1px solid var(--separator);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;grid-template-columns:44px 1fr;gap:var(--space-3);transition:border-color var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-xs)}.npc-card:hover{border-color:var(--separator-strong)}.npc-card[data-npc-color="1"]{--npc-color: var(--npc-1)}.npc-card[data-npc-color="2"]{--npc-color: var(--npc-2)}.npc-card[data-npc-color="3"]{--npc-color: var(--npc-3)}.npc-card[data-npc-color="4"]{--npc-color: var(--npc-4)}.npc-portrait{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--npc-color, var(--accent)),var(--bg-tertiary));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:#fff;flex-shrink:0;letter-spacing:var(--tracking-tight)}.npc-info{min-width:0}.npc-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg-primary);display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:2px}.npc-trust-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-tertiary);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.npc-perception{font-size:var(--text-base);color:var(--npc-color, var(--accent));font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.npc-trust-bar{height:3px;background:var(--bg-tertiary);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-2)}.npc-trust-fill{height:100%;background:var(--npc-color, var(--accent));border-radius:var(--radius-pill);transition:width var(--duration-slow) var(--ease-out)}.npc-trust-fill.negative{background:var(--danger)}.npc-bias{font-size:var(--text-base);color:var(--fg-tertiary);line-height:var(--lh-snug);margin-top:var(--space-1)}.visited-summary{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--separator);display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-mono)}.visited-summary .label{font-size:var(--text-xs);color:var(--fg-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase}.visited-summary .count{font-size:var(--text-md);color:var(--fg-primary);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.visited-summary .total{color:var(--fg-tertiary);font-size:var(--text-sm);font-weight:var(--weight-regular)}.right-panel{display:grid;grid-template-rows:1fr auto;background:var(--bg-base);overflow:hidden}.dialog-area{overflow-y:auto;padding:var(--space-12) var(--space-12) var(--space-8);max-width:760px;width:100%;margin:0 auto}.node-chapter-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-text);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-4);font-weight:var(--weight-semibold)}.node-title-display{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--fg-primary);line-height:var(--lh-tight);margin-bottom:var(--space-8)}.segment{margin-bottom:var(--space-5);font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--lh-reading);color:var(--fg-primary);animation:segment-fade-in .6s var(--ease-out) both}.segment.narrator{color:var(--fg-secondary);font-style:italic}.segment.dialog{padding:var(--space-3) 0 var(--space-3) var(--space-4);border-left:3px solid var(--accent);margin:var(--space-4) 0}.segment.dialog .speaker{display:block;font-family:var(--font-text);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-1);font-weight:var(--weight-semibold);color:var(--accent-text);font-style:normal}.segment.dialog[data-npc-color="1"]{border-left-color:var(--npc-1)}.segment.dialog[data-npc-color="1"] .speaker{color:var(--npc-1)}.segment.dialog[data-npc-color="2"]{border-left-color:var(--npc-2)}.segment.dialog[data-npc-color="2"] .speaker{color:var(--npc-2)}.segment.dialog[data-npc-color="3"]{border-left-color:var(--npc-3)}.segment.dialog[data-npc-color="3"] .speaker{color:var(--npc-3)}.segment.dialog[data-npc-color="4"]{border-left-color:var(--npc-4)}.segment.dialog[data-npc-color="4"] .speaker{color:var(--npc-4)}@keyframes segment-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.choices-area{border-top:1px solid var(--separator);background:var(--bg-overlay);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);padding:var(--space-5) var(--space-12) var(--space-6);max-height:50vh;overflow-y:auto}.choices-prompt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-tertiary);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-3);font-weight:var(--weight-semibold);display:flex;align-items:center;gap:var(--space-3);max-width:760px;margin-left:auto;margin-right:auto}.choices-prompt:after{content:"";flex:1;height:1px;background:var(--separator)}.choice{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--bg-elevated);border:1px solid var(--separator);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);font-family:var(--font-text);font-size:var(--text-md);text-align:left;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);line-height:var(--lh-snug);position:relative;max-width:760px;margin-left:auto;margin-right:auto}.choice:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--separator-strong);transform:translate(2px)}.choice:disabled{opacity:.45;cursor:not-allowed}.choice .num-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-quaternary);width:18px;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.choice .type-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:12px;font-weight:var(--weight-semibold)}.choice .text{flex:1;color:var(--fg-primary)}.choice .meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-tertiary);white-space:nowrap;letter-spacing:var(--tracking-wide);font-variant-numeric:tabular-nums;flex-shrink:0}.choice.type-cosmetic .type-icon{background:var(--muted-soft);color:var(--muted)}.choice.type-cosmetic .type-icon:before{content:"◇"}.choice.type-thematic .type-icon{background:var(--warning-soft);color:var(--warning)}.choice.type-thematic .type-icon:before{content:"✻"}.choice.type-thematic .meta-tag{display:inline-flex;align-items:center;padding:2px 8px;background:var(--warning-soft);color:var(--warning);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);font-weight:var(--weight-medium);margin-left:var(--space-2)}.choice.type-branch .type-icon{background:var(--accent-soft);color:var(--accent)}.choice.type-branch .type-icon:before{content:"▸"}.choice.type-skill_check .type-icon{background:var(--info-soft);color:var(--info)}.choice.type-skill_check .type-icon:before{content:"⌬"}.choice.type-skill_check.high-chance .type-icon{background:var(--success-soft);color:var(--success)}.choice.type-skill_check.low-chance .type-icon{background:var(--danger-soft);color:var(--danger)}.choice.type-resource .type-icon{background:var(--warning-soft);color:var(--warning)}.choice.type-resource .type-icon:before{content:"◈"}.choice.type-resource.unaffordable{opacity:.45;cursor:not-allowed}.choice.type-gate .type-icon{background:var(--muted-soft);color:var(--muted)}.choice.type-gate .type-icon:before{content:"✕"}.choice.type-gate.locked{background:transparent;border-style:dashed}.choice.type-loop .type-icon{background:var(--info-soft);color:var(--info)}.choice.type-loop .type-icon:before{content:"↺"}.choice.type-endpoint{border-color:var(--danger-soft)}.choice.type-endpoint .type-icon{background:var(--danger-soft);color:var(--danger)}.choice.type-endpoint .type-icon:before{content:"✕"}.choice.type-endpoint:hover{border-color:var(--danger)}.dice-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fade-in var(--duration-base) var(--ease-out)}.dice-card{background:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-12);text-align:center;min-width:380px;max-width:440px;box-shadow:var(--shadow-xl);animation:dice-pop var(--duration-slow) var(--ease-spring)}@keyframes dice-pop{0%{transform:scale(.92) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.dice-stat{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-tertiary);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-6);font-weight:var(--weight-semibold)}.dice-roll{display:flex;justify-content:center;margin:var(--space-5) 0}.dice-roll .die{width:72px;height:72px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:#fff;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-lg);animation:dice-spin .8s var(--ease-out)}@keyframes dice-spin{0%{transform:rotateY(0) scale(.5);opacity:0}60%{transform:rotateY(540deg) scale(1.05);opacity:1}to{transform:rotateY(720deg) scale(1);opacity:1}}.dice-equation{font-family:var(--font-mono);font-size:var(--text-base);color:var(--fg-secondary);font-variant-numeric:tabular-nums;margin-top:var(--space-3);letter-spacing:var(--tracking-normal)}.dice-result{margin-top:var(--space-6);padding:var(--space-2) var(--space-5);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);display:inline-block;border-radius:var(--radius-pill)}.dice-result.success{background:var(--success-soft);color:var(--success)}.dice-result.fail{background:var(--danger-soft);color:var(--danger)}.dice-narrative{margin-top:var(--space-4);font-family:var(--font-serif);font-size:var(--text-md);color:var(--fg-primary);line-height:var(--lh-relaxed);font-style:italic}.dice-continue{margin-top:var(--space-6)}.ending-screen{position:fixed;inset:0;background:var(--bg-grouped);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);z-index:var(--z-overlay);text-align:center;animation:fade-in var(--duration-slow) var(--ease-out)}.ending-type-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-text);letter-spacing:var(--tracking-widest);text-transform:uppercase;margin-bottom:var(--space-4);font-weight:var(--weight-semibold)}.ending-title{font-family:var(--font-display);font-size:clamp(40px,6vw,64px);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--fg-primary);line-height:var(--lh-tight);margin-bottom:var(--space-10)}.ending-segments{max-width:580px;font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--lh-reading);color:var(--fg-primary);margin-bottom:var(--space-12)}.ending-segments p{margin-bottom:var(--space-4)}.ending-actions{display:flex;gap:var(--space-3)}.chapter-overlay{position:fixed;inset:0;background:#0a0a0c;z-index:90;display:flex;align-items:center;justify-content:center;color:#d6b88a;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);opacity:0;transition:opacity .5s var(--ease-out)}.chapter-overlay.active{opacity:1}.toast{position:fixed;top:var(--space-16);right:var(--space-6);background:var(--bg-elevated);border:1px solid var(--separator);color:var(--fg-primary);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-md);z-index:var(--z-toast);animation:toast-in var(--duration-base) var(--ease-out),toast-out var(--duration-base) var(--ease-in-out) 2.6s forwards;box-shadow:var(--shadow-lg);max-width:320px}@keyframes toast-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-out{to{transform:translate(120%);opacity:0}}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fade-in var(--duration-base) var(--ease-out)}.modal-content{background:#14181ef2;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6);min-width:480px;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 24px 64px #0009;animation:dice-pop var(--duration-slow) var(--ease-spring);color:#e8e4df}.modal-header{display:flex;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--separator)}.modal-title{flex:1;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:#e8e4df}.modal-close{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--fg-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--duration-fast) var(--ease-out)}.modal-close:hover{background:var(--separator);color:var(--fg-primary)}.save-slot{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--separator);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:border-color var(--duration-fast) var(--ease-out)}.save-slot:hover{border-color:var(--separator-strong)}.save-slot .slot-info{flex:1;min-width:0}.save-slot .slot-label{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg-primary);margin-bottom:2px}.save-slot .slot-meta{font-size:var(--text-base);color:var(--fg-tertiary)}.save-slot .slot-actions{display:flex;gap:var(--space-1)}.save-slot .slot-autosave-tag{margin-left:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--lib-candle, #e8b85c);letter-spacing:var(--tracking-wide);opacity:.85}.save-slot-hint{font-family:var(--font-serif);font-style:italic;font-size:var(--text-base);color:var(--fg-tertiary);line-height:var(--lh-relaxed);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border-left:2px solid var(--lib-candle, #e8b85c);background:#e8b85c0a;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.gallery-section-title{font-family:var(--font-text);font-size:var(--text-xs);color:#c9a574cc;letter-spacing:var(--tracking-widest);text-transform:uppercase;font-weight:var(--weight-semibold);margin:var(--space-5) 0 var(--space-3)}.gallery-stat{font-size:var(--text-base);color:#e8e4dfb3;margin-bottom:var(--space-3)}.gallery-stat strong{color:#e8e4df;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.gallery-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-1);transition:background var(--duration-fast) var(--ease-out)}.gallery-item:hover{background:#ffffff0f}.gallery-item .icon{width:28px;height:28px;border-radius:var(--radius-full);background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.gallery-item.unlocked .icon{background:#c9a57433;color:#c9a574}.gallery-item .info{flex:1;min-width:0}.gallery-item .name{font-size:var(--text-base);font-weight:var(--weight-medium);color:#e8e4df}.gallery-item.locked .name{color:#e8e4df66}.gallery-item .desc{font-size:var(--text-sm);color:#e8e4df80;margin-top:2px}@media (max-width: 1024px){.game-body{grid-template-columns:280px 1fr}.dialog-area{padding:var(--space-8) var(--space-6) var(--space-6)}.choices-area{padding:var(--space-4) var(--space-6) var(--space-5)}}@media (max-width: 768px){.game-body{grid-template-columns:1fr}.left-panel{display:none}.dialog-area{padding:var(--space-6) var(--space-4) var(--space-4)}.choices-area{padding:var(--space-3) var(--space-4) var(--space-4)}.modal-content{min-width:0;width:calc(100vw - 32px)}.library{padding:var(--space-6) var(--space-4)}}.start-screen .start-hero{animation:hero-fade-in .7s var(--ease-out) both}.start-screen .library{animation:hero-fade-in .7s var(--ease-out) .12s both}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.library-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lib-ink-faint);letter-spacing:var(--tracking-wide)}@keyframes asset-pulse{0%,to{opacity:1}50%{opacity:.55}}.scene-image.loading{animation:asset-pulse 1.6s ease-in-out infinite}.scene-image img,img.scene-image{width:100%;height:100%;object-fit:cover;display:block;animation:fade-in var(--duration-base) var(--ease-out)}img.scene-image{height:140px}.npc-portrait img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full);display:block;animation:fade-in var(--duration-base) var(--ease-out)}.ending-video{width:min(720px,80vw);aspect-ratio:16 / 9;border-radius:var(--radius-lg);margin-bottom:var(--space-8);object-fit:cover;box-shadow:var(--shadow-lg);background:var(--bg-tertiary);border:1px solid var(--separator)}.ending-video.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-soft),var(--bg-tertiary));color:var(--fg-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;animation:asset-pulse 1.6s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.imm-stage{position:fixed;inset:0;background:var(--imm-bg-deep);color:var(--imm-text);overflow:hidden;font-family:var(--font-serif);isolation:isolate}.imm-scene{position:absolute;inset:0;z-index:1;background:#0a0a0c;animation:imm-fade .6s var(--ease-out)}.imm-scene.is-clickable{cursor:pointer}@keyframes imm-fade{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.imm-scene-img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}.imm-scene-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:radial-gradient(ellipse at 50% 38%,rgba(201,165,116,.06),transparent 60%),var(--imm-bg-deep);color:var(--imm-text-mute)}.imm-scene-watermark{font-family:var(--font-display);font-size:clamp(40px,8vw,120px);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);opacity:.16;user-select:none}.imm-scene-hint{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-widest);text-transform:uppercase;animation:asset-pulse 1.6s ease-in-out infinite}.imm-scene-veil{position:absolute;inset:0;z-index:2;background:var(--imm-veil-edge);pointer-events:none}.imm-npc-stage{position:absolute;right:clamp(24px,5vw,64px);bottom:38vh;z-index:3;display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-end;pointer-events:none}.imm-npc{display:flex;align-items:center;gap:var(--space-3);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out),filter .4s var(--ease-out)}.imm-npc[data-npc-color="1"]{--npc-c: var(--imm-npc-1)}.imm-npc[data-npc-color="2"]{--npc-c: var(--imm-npc-2)}.imm-npc[data-npc-color="3"]{--npc-c: var(--imm-npc-3)}.imm-npc[data-npc-color="4"]{--npc-c: var(--imm-npc-4)}.imm-npc.is-active{opacity:1;transform:scale(1);filter:none}.imm-npc.is-passive{opacity:.45;transform:scale(.78);filter:grayscale(.5) brightness(.85)}.imm-npc-portrait{width:clamp(72px,8vw,110px);height:clamp(72px,8vw,110px);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--npc-c, var(--imm-gold)),rgba(0,0,0,.4));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:var(--weight-semibold);color:var(--imm-text);overflow:hidden;flex-shrink:0;box-shadow:0 0 0 1px var(--imm-line),0 8px 24px #0000008c}.imm-npc-portrait img{width:100%;height:100%;object-fit:cover;display:block}.imm-npc.is-active .imm-npc-portrait{box-shadow:0 0 0 2px var(--imm-gold),0 12px 32px #000000a6,var(--imm-gold-glow)}.imm-npc-meta{display:flex;flex-direction:column;gap:2px;text-align:right;text-shadow:0 2px 8px rgba(0,0,0,.85)}.imm-npc.is-passive .imm-npc-meta{display:none}.imm-npc-name{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--imm-text);letter-spacing:var(--tracking-tight)}.imm-npc-perception{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--imm-gold);text-transform:uppercase}.imm-npc-trust{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--imm-text-soft)}.imm-hud{position:absolute;top:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--imm-veil-soft);backdrop-filter:var(--imm-blur);-webkit-backdrop-filter:var(--imm-blur);border-bottom:1px solid var(--imm-line);transition:opacity .6s var(--ease-out)}.imm-hud.is-hover{opacity:1}.imm-hud.is-faded{opacity:.42}.imm-hud:hover{opacity:1!important}.imm-hud-left{display:flex;flex-direction:column;gap:2px;min-width:0}.imm-hud-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--imm-text);letter-spacing:var(--tracking-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.imm-hud-chapter{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--imm-gold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.imm-hud-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-5);flex-wrap:wrap}.imm-stat{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:var(--space-2);align-items:center;min-width:84px}.imm-stat-name{grid-row:1;grid-column:1;font-family:var(--font-display);font-size:var(--text-xs);color:var(--imm-text-soft);letter-spacing:var(--tracking-wide);text-shadow:0 1px 4px rgba(0,0,0,.8)}.imm-stat-num{grid-row:1;grid-column:2;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--imm-text);font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.8)}.imm-stat-max{opacity:.5;font-weight:var(--weight-regular)}.imm-stat-bar{grid-row:2;grid-column:1 / -1;display:block;width:100%;height:2px;margin-top:3px;background:#ffffff1f;overflow:hidden;border-radius:1px}.imm-stat-fill{display:block;height:100%;background:var(--imm-gold);transition:width var(--duration-base) var(--ease-out)}.imm-stat.is-warn .imm-stat-num{color:var(--danger)}.imm-stat.is-warn .imm-stat-fill{animation:imm-warn-pulse 1s ease-in-out infinite}@keyframes imm-warn-pulse{0%,to{opacity:1}50%{opacity:.4}}.imm-hud-actions{display:flex;gap:var(--space-1);justify-self:end}.imm-hud-btn{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--imm-text-soft);font-family:var(--font-display);font-size:16px;border:1px solid transparent;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.imm-hud-btn:hover{color:var(--imm-gold);border-color:var(--imm-line);background:#c9a57414}.imm-hud-btn:after{content:attr(title);position:absolute;top:calc(100% + 6px);right:0;padding:4px 8px;font-size:11px;font-family:var(--font-mono);white-space:nowrap;color:var(--imm-text);background:#14181ceb;border:1px solid var(--imm-line);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .2s,transform .2s}.imm-hud-btn:hover:after{opacity:1;transform:translateY(0)}.imm-subtitle{position:absolute;left:0;right:0;bottom:0;z-index:4;background:#080c108c;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-top:1px solid var(--imm-line);box-shadow:0 -32px 64px #0000004d;max-height:min(38vh,280px);overflow:hidden}.imm-subtitle:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--imm-gold) 20%,var(--imm-gold) 80%,transparent);opacity:.6}.imm-subtitle-inner{max-width:920px;margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.imm-subtitle-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px dashed var(--imm-line)}.imm-chapter-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--imm-gold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.imm-node-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--imm-text);letter-spacing:var(--tracking-tight)}.imm-subtitle-body{display:flex;flex-direction:column;gap:var(--space-3);max-height:min(20vh,180px);overflow-y:auto;pointer-events:auto}.imm-seg{animation:imm-seg-in .48s var(--ease-out) both;font-family:var(--font-serif);font-size:clamp(15px,1.1vw,17px);line-height:var(--lh-reading);text-shadow:0 1px 6px rgba(0,0,0,.85)}@keyframes imm-seg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.imm-seg-narrator{color:var(--imm-text);margin:0}.imm-seg-dialog{margin:0;border-left:2px solid var(--imm-gold);padding:2px 0 2px var(--space-4)}.imm-seg-speaker{font-family:var(--font-display);font-size:.92em;font-weight:var(--weight-semibold);color:var(--imm-gold);letter-spacing:var(--tracking-wide);margin-right:.55em;white-space:nowrap}.imm-seg-speaker:after{content:"·";display:inline-block;margin-left:.4em;color:var(--imm-text-mute);font-weight:400;opacity:.55}.imm-seg-text{color:var(--imm-text)}.imm-subtitle-foot{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--imm-text-mute);letter-spacing:var(--tracking-widest)}.imm-foot-progress{font-variant-numeric:tabular-nums}.imm-foot-total{opacity:.5}.imm-foot-continue{color:var(--imm-text);opacity:.7;animation:imm-foot-blink 2.4s ease-in-out infinite}@keyframes imm-foot-blink{0%,to{opacity:.45}50%{opacity:.95}}.imm-subtitle.is-advancable{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.imm-subtitle.is-advancable:hover .imm-foot-continue{opacity:1;animation:none}.imm-subtitle.is-advancable:focus-visible{outline:1px solid var(--imm-gold);outline-offset:-2px}.imm-stage>.imm-choice-dock{position:absolute;left:0;right:0;bottom:min(38vh,280px);z-index:4;max-height:45vh;overflow-y:auto;pointer-events:auto;padding-bottom:var(--space-2)}.imm-choice-prompt{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--imm-gold);letter-spacing:var(--tracking-widest);margin-bottom:var(--space-3);text-shadow:0 1px 4px rgba(0,0,0,.85)}.imm-choice-list{max-width:1080px;margin:0 auto;padding:0 var(--space-6);display:flex;gap:var(--space-3)}.imm-choice-dock.is-horizontal .imm-choice-list{flex-direction:row;flex-wrap:wrap;justify-content:center}.imm-choice-dock.is-vertical .imm-choice-list{flex-direction:column;max-width:720px}.imm-choice-dock.is-single .imm-choice-list,.imm-choice-dock.is-empty{justify-content:center}.imm-choice{--type-color: var(--imm-gold);flex:1 1 0;min-width:200px;max-width:360px;display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:center;padding:var(--space-4) var(--space-5);background:#080c10c7;backdrop-filter:var(--imm-blur);-webkit-backdrop-filter:var(--imm-blur);border:1px solid var(--imm-line);border-left:3px solid var(--type-color);border-radius:var(--radius-sm);color:var(--imm-text);text-align:left;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);font-family:var(--font-serif)}.imm-choice:hover:not(:disabled){transform:translateY(-2px);border-color:var(--type-color);background:#080c10e6;box-shadow:0 12px 24px #0000008c,0 0 24px #c9a5742e}.imm-choice:disabled{cursor:not-allowed;opacity:.45}.imm-type-branch{--type-color: var(--imm-type-branch)}.imm-type-thematic{--type-color: var(--imm-type-thematic)}.imm-type-skill_check{--type-color: var(--imm-type-skill_check)}.imm-type-resource{--type-color: var(--imm-type-resource)}.imm-type-gate{--type-color: var(--imm-type-gate);border-left-style:dashed}.imm-type-endpoint{--type-color: var(--imm-type-endpoint)}.imm-type-cosmetic{--type-color: var(--imm-type-cosmetic)}.imm-type-loop{--type-color: var(--imm-type-loop)}.imm-choice-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:#ffffff0f;color:var(--type-color);font-size:14px;flex-shrink:0}.imm-choice-body{display:flex;flex-direction:column;gap:4px;min-width:0}.imm-choice-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--imm-text-mute);letter-spacing:var(--tracking-wide)}.imm-choice.is-high-chance .imm-choice-meta{color:var(--success)}.imm-choice.is-low-chance .imm-choice-meta{color:var(--imm-type-gate)}.imm-choice-text{font-size:var(--text-md);line-height:var(--lh-snug);color:var(--imm-text)}.imm-choice-idx{display:inline-block;margin-right:var(--space-2);font-family:var(--font-mono);color:var(--imm-text-mute)}.imm-end-of-story{text-align:center;padding:var(--space-6) 0;font-family:var(--font-display);font-style:italic;color:var(--imm-text-mute);font-size:15px;letter-spacing:var(--tracking-widest)}.imm-dice-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#000000d1;backdrop-filter:var(--imm-blur);-webkit-backdrop-filter:var(--imm-blur);display:flex;align-items:center;justify-content:center;animation:fade-in var(--duration-base) var(--ease-out)}.imm-dice-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-12) var(--space-12);border:1px solid var(--imm-line);background:#14161ceb;border-radius:var(--radius-lg);box-shadow:var(--imm-shadow-card);min-width:360px;text-align:center}.imm-dice-stat{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--imm-gold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.imm-dice-die{width:160px;height:160px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:96px;font-weight:var(--weight-bold);color:var(--imm-text);background:radial-gradient(circle at 30% 25%,rgba(201,165,116,.22),transparent 50%),#080c10d9;border:1px solid var(--imm-line-strong);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff14,0 16px 32px #0009;font-variant-numeric:tabular-nums}.imm-dice-die.phase-0{animation:imm-dice-spin .6s var(--ease-in-out) infinite alternate;color:var(--imm-text-mute)}.imm-dice-die.phase-1{animation:imm-dice-pop .3s var(--ease-spring)}.imm-dice-die.phase-2{animation:imm-dice-glow .48s var(--ease-out)}@keyframes imm-dice-spin{0%{transform:rotate(-6deg) scale(.96)}to{transform:rotate(6deg) scale(1.04)}}@keyframes imm-dice-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes imm-dice-glow{0%{box-shadow:0 0 #c9a57400}60%{box-shadow:0 0 40px #c9a5748c}to{box-shadow:0 0 12px #c9a57433}}.imm-dice-equation{display:flex;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-md);color:var(--imm-text-soft);font-variant-numeric:tabular-nums}.imm-dice-equation .imm-dice-op,.imm-dice-equation .imm-dice-eq{color:var(--imm-gold)}.imm-dice-equation .imm-dice-total{color:var(--imm-text);font-weight:var(--weight-semibold);font-size:var(--text-lg)}.imm-dice-result{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);animation:imm-dice-pop .36s var(--ease-spring)}.imm-dice-result.is-success{color:var(--success);text-shadow:0 0 18px rgba(52,199,89,.45)}.imm-dice-result.is-fail{color:var(--imm-type-gate);text-shadow:0 0 18px rgba(194,88,98,.4)}.imm-dice-narrative{max-width:460px;font-family:var(--font-serif);font-size:var(--text-md);font-style:italic;color:var(--imm-text-soft);line-height:var(--lh-relaxed)}.imm-dice-continue{margin-top:var(--space-2);padding:var(--space-3) var(--space-8);background:var(--imm-gold);color:var(--imm-bg-deep);font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.imm-dice-continue:hover{filter:brightness(1.08);transform:translateY(-1px)}.imm-ending{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--imm-bg-deep);overflow:hidden;animation:fade-in .7s var(--ease-out)}.imm-ending-bgvideo,.imm-ending-bgimage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:saturate(1.05) brightness(.7)}.imm-ending-veil{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 40%,transparent 0%,rgba(0,0,0,.65) 60%,rgba(0,0,0,.92) 100%),linear-gradient(to bottom,#0006,#0009)}.imm-ending-inner{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-6);text-align:center}.imm-ending-video-placeholder{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--imm-text-mute);letter-spacing:var(--tracking-widest);text-transform:uppercase;animation:asset-pulse 1.6s ease-in-out infinite}.imm-ending-tag{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--imm-gold);letter-spacing:var(--tracking-widest);text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.85)}.imm-ending-title{font-family:var(--font-display);font-size:clamp(40px,7vw,96px);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--imm-text);line-height:var(--lh-tight);margin:0;text-shadow:0 4px 24px rgba(0,0,0,.85);animation:imm-ending-zoom 1.2s var(--ease-out)}@keyframes imm-ending-zoom{0%{opacity:0;transform:scale(.92);letter-spacing:.4em}to{opacity:1;transform:scale(1);letter-spacing:var(--tracking-tight)}}.imm-ending-segments{max-width:620px;font-family:var(--font-serif);font-size:var(--text-lg);line-height:var(--lh-reading);color:var(--imm-text);text-shadow:0 2px 12px rgba(0,0,0,.85)}.imm-ending-segments p{margin:0 0 var(--space-4);opacity:0;animation:imm-ending-fade .8s var(--ease-out) both}@keyframes imm-ending-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.imm-ending-closing{color:var(--imm-gold)}.imm-ending-actions{display:flex;gap:var(--space-3);margin-top:var(--space-8)}.imm-ending-btn{padding:var(--space-3) var(--space-8);border:1px solid var(--imm-line);background:#080c1099;color:var(--imm-text);font-family:var(--font-display);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.imm-ending-btn:hover{border-color:var(--imm-gold);color:var(--imm-gold)}.imm-ending-btn.is-primary{background:var(--imm-gold);color:var(--imm-bg-deep);border-color:var(--imm-gold)}.imm-ending-btn.is-primary:hover{filter:brightness(1.08);color:var(--imm-bg-deep)}@media (max-width: 900px){.imm-hud{grid-template-columns:1fr auto;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.imm-hud-stats{grid-column:1 / -1;grid-row:2;justify-content:flex-start;gap:var(--space-3)}.imm-stat{min-width:64px}.imm-npc-stage{bottom:42vh;right:var(--space-3)}.imm-subtitle-inner{padding:var(--space-4) var(--space-4) var(--space-3)}.imm-stage>.imm-choice-dock{bottom:calc(36vh + var(--space-2))}.imm-choice-list{padding:0 var(--space-3)}.imm-choice{min-width:0}}.btn-cta-primary{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);text-align:left;min-width:280px;height:56px!important;padding:0 var(--space-5)!important}.btn-cta-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;opacity:.78}.btn-cta-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.btn-cta-arrow{font-size:16px;opacity:.85;transition:transform var(--duration-fast) var(--ease-out)}.btn-cta-primary:hover:not(:disabled) .btn-cta-arrow{transform:translate(2px)}.create-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0a0604c7;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:create-overlay-in .22s var(--ease-out)}@keyframes create-overlay-in{0%{opacity:0}to{opacity:1}}.create-card{background:var(--lib-bg-paper);border:1px solid var(--lib-line);border-radius:0;width:min(960px,100%);max-height:calc(100vh - 96px);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--lib-shadow-card),var(--lib-shadow-room);animation:create-card-in .32s var(--ease-out);color:var(--lib-ink);font-family:var(--font-serif);position:relative}.create-card[data-step="1"]{background-image:var(--lib-shadow-room),var(--lib-bg-step1, none),var(--lib-hero-bg);background-size:cover;background-position:center}.create-card[data-step="2"]{background-image:var(--lib-shadow-room),var(--lib-bg-step2, none),linear-gradient(160deg,#1a1410,#0e0805 70%);background-size:cover;background-position:center}.create-card[data-step="3"]{background-image:var(--lib-shadow-room),var(--lib-bg-step1, none),var(--lib-hero-bg);background-size:cover;background-position:center}.create-card[data-step="4"]{background-image:var(--lib-shadow-room),var(--lib-bg-step4, none),linear-gradient(160deg,#2a1f17,#0e0805 70%);background-size:cover;background-position:center}@keyframes create-card-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--lib-line);position:relative;z-index:2}.create-head .pretitle{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);color:var(--lib-candle);margin-bottom:var(--space-2);text-transform:uppercase}.create-h2{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:.02em;color:var(--lib-ink);line-height:var(--lh-tight)}.create-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--lib-line);border-radius:0;color:var(--lib-ink-dim);font-size:var(--text-md);cursor:pointer;transition:all .2s;flex-shrink:0}.create-close:hover{background:var(--lib-bg-elevated);color:var(--lib-ink);border-color:var(--lib-line-strong)}.create-close:disabled{opacity:.4;cursor:not-allowed}.create-body{display:grid;grid-template-columns:220px 1fr;gap:0;flex:1;overflow:hidden;position:relative;z-index:2}@media (max-width: 720px){.create-body{grid-template-columns:1fr}}.create-modes{border-right:1px solid var(--lib-line);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background:#1f16108c;backdrop-filter:blur(4px);overflow-y:auto}@media (max-width: 720px){.create-modes{flex-direction:row;border-right:none;border-bottom:1px solid var(--lib-line);overflow-x:auto}}.create-mode{display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:0;background:transparent;text-align:left;cursor:pointer;transition:all .2s;min-width:0;font-family:var(--font-serif);color:var(--lib-ink-muted)}.create-mode:hover:not(:disabled){background:#e8b85c0f;color:var(--lib-ink)}.create-mode.is-active{background:#e8b85c1a;border-color:var(--lib-candle);color:var(--lib-candle)}.create-mode-label{font-family:var(--font-serif);font-size:var(--text-md);font-weight:var(--weight-medium);letter-spacing:.02em}.create-mode-hint{font-size:var(--text-xs);color:var(--lib-ink-faint);font-style:italic;letter-spacing:var(--tracking-wide)}.create-main{padding:var(--space-8) var(--space-8);display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto;background:#1a14108c;backdrop-filter:blur(4px)}.create-desc{font-size:var(--text-md);color:var(--lib-ink-muted);line-height:var(--lh-relaxed);font-family:var(--font-serif);font-style:italic;border-left:2px solid var(--lib-line);padding-left:var(--space-4)}.create-desc-strong{font-size:var(--text-md);color:var(--lib-ink);line-height:var(--lh-relaxed);font-family:var(--font-serif)}.create-field{display:flex;flex-direction:column;gap:var(--space-2)}.create-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lib-candle);letter-spacing:var(--tracking-widest);text-transform:uppercase;opacity:.85}.create-label-count{color:var(--lib-ink-faint);font-variant-numeric:tabular-nums}.create-input,.create-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-serif);font-size:var(--text-md);color:var(--lib-ink);background:#f4ead60a;border:1px solid var(--lib-line);border-radius:0;transition:all .2s;resize:vertical}.create-input::placeholder,.create-textarea::placeholder{color:var(--lib-ink-faint);font-style:italic}.create-textarea{font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--lh-reading);min-height:180px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--lh-reading) * 1em - 1px),rgba(232,184,92,.06) calc(var(--lh-reading) * 1em - 1px),rgba(232,184,92,.06) calc(var(--lh-reading) * 1em)),#f4ead60a}.create-input:focus,.create-textarea:focus{outline:none;border-color:var(--lib-candle);box-shadow:0 0 0 1px var(--lib-candle),var(--lib-glow-candle)}.create-input:disabled,.create-textarea:disabled{opacity:.6;cursor:not-allowed}.create-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);padding-top:var(--space-2);flex-wrap:wrap}.create-card--single .create-body{display:block}.create-main--single{padding:var(--space-6) var(--space-8) var(--space-8);gap:var(--space-6)}@media (max-width: 720px){.create-main--single{padding:var(--space-5) var(--space-5)}}.create-actions--cta{justify-content:space-between;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--lib-line);margin-top:var(--space-2)}@media (max-width: 720px){.create-actions--cta{flex-direction:column-reverse;align-items:stretch}.create-actions--cta .cta-btn{width:100%;justify-content:center}}.create-actions-notice{display:flex;flex-direction:column;gap:2px;margin:0;font-family:var(--font-serif);font-size:13px;line-height:1.5;max-width:360px}.create-actions-notice .narration{color:var(--lib-ink-dim);font-style:italic;letter-spacing:.02em}.create-actions-notice .quote{color:var(--lib-ink);font-style:italic}.cta-btn--xl{height:56px;padding:0 28px;font-size:16px;border-radius:999px;letter-spacing:.04em}.cta-btn--xl .cta-btn-title{font-weight:var(--weight-medium)}.cta-btn--xl .cta-btn-arrow{font-family:var(--font-mono);font-size:1em;margin-left:4px;transition:transform .2s ease}.cta-btn--xl:hover:not(:disabled) .cta-btn-arrow{transform:translate(4px)}.cta-btn--primary.is-ready{animation:cta-ready-pulse 2.4s ease-in-out infinite}@keyframes cta-ready-pulse{0%,to{box-shadow:0 6px 28px #e8b85c4d,0 0 #e8b85c8c}50%{box-shadow:0 10px 36px #e8b85c6b,0 0 0 8px #e8b85c00}}@media (prefers-reduced-motion: reduce){.cta-btn--primary.is-ready{animation:none}}.create-json-zone{display:flex;flex-direction:column;gap:var(--space-4)}.create-dropzone{position:relative;display:block;border:2px dashed var(--separator-strong);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-6);text-align:center;cursor:pointer;background:var(--bg-grouped);transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.create-dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.create-dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.create-dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.create-dropzone-icon{font-size:32px;width:56px;height:56px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--separator);display:flex;align-items:center;justify-content:center;color:var(--accent)}.create-dropzone-label{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg-primary)}.create-dropzone-hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-tertiary);letter-spacing:var(--tracking-wide)}.create-progress{padding:var(--space-12);align-items:center;text-align:center;gap:var(--space-6);display:flex;flex-direction:column;background:#1a1410b3;backdrop-filter:blur(6px);position:relative;z-index:2}.create-progress-head{width:100%;text-align:center}.create-progress-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--lib-ink);margin-top:var(--space-3);letter-spacing:.02em}.create-progress-narration{font-family:var(--font-serif);font-style:italic;font-size:var(--text-md);color:var(--lib-ink-muted);line-height:var(--lh-relaxed);max-width:480px;margin:0 auto}.create-progress-narration:before{content:"── ";color:var(--lib-ink-faint)}.create-progress-narration:after{content:" ──";color:var(--lib-ink-faint)}.create-progress-steps{list-style:none;padding:0;margin:var(--space-4) auto;max-width:380px;text-align:left;display:flex;flex-direction:column;gap:var(--space-3)}.create-progress-steps li{display:grid;grid-template-columns:24px 1fr;gap:var(--space-3);align-items:baseline;font-family:var(--font-serif);font-size:var(--text-md);color:var(--lib-ink-faint);transition:color .28s}.create-progress-steps li:before{content:"○";color:var(--lib-ink-faint);font-family:var(--font-mono);font-size:var(--text-base)}.create-progress-steps li.is-done{color:var(--lib-ink-muted)}.create-progress-steps li.is-done:before{content:"●";color:var(--lib-candle)}.create-progress-steps li.is-current{color:var(--lib-candle-glow);font-weight:var(--weight-medium)}.create-progress-steps li.is-current:before{content:"●";color:var(--lib-candle-glow);text-shadow:0 0 8px var(--lib-candle);animation:lib-pulse 1.6s ease-in-out infinite}.create-progress-bar-wrap{position:relative;width:100%;height:4px;background:var(--lib-bg-recessed);border-radius:0;overflow:hidden}.create-progress-bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(to right,var(--lib-ember),var(--lib-candle));border-radius:0;transition:width .48s var(--ease-out)}.create-progress-step{display:flex;align-items:baseline;gap:var(--space-3);font-family:var(--font-mono)}.create-progress-step-num{color:var(--lib-candle);font-size:var(--text-sm);letter-spacing:var(--tracking-widest);font-variant-numeric:tabular-nums}.create-progress-step-label{font-family:var(--font-serif);font-size:var(--text-md);color:var(--lib-ink);font-style:italic}.create-progress-error{background:#7a28282e;color:#e89090;padding:var(--space-3) var(--space-4);border-left:2px solid var(--lib-burn);font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--lh-relaxed);width:100%;text-align:left}.create-progress-done{color:var(--lib-candle-glow);font-family:var(--font-serif);font-size:var(--text-lg);font-style:italic}.create-card.create-done{max-width:760px;padding:0}.create-done-hint{margin:var(--space-3) auto var(--space-6);color:var(--lib-ink-muted);font-family:var(--font-serif);font-style:italic;font-size:var(--text-md);text-align:center}.create-done-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.create-done-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-5);background:#f4ead60a;border:1px solid var(--lib-line);border-radius:0;cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--font-serif);color:var(--lib-ink-muted)}.create-done-card:hover{background:#e8b85c14;border-color:var(--lib-line-strong);color:var(--lib-ink)}.create-done-card.primary{background:#e8b85c1a;border-color:var(--lib-candle);color:var(--lib-candle-glow)}.create-done-card.primary:hover{background:#e8b85c2e;box-shadow:var(--lib-glow-candle)}.create-done-card.image{cursor:default;align-items:stretch;border-color:var(--lib-line-strong)}.create-done-card.image:hover{background:#f4ead60a}.create-done-card.image .create-input{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide)}.create-done-card.image .btn{margin-top:var(--space-2);align-self:stretch}.create-done-icon{font-size:var(--text-xl);line-height:1;color:var(--lib-candle);font-family:var(--font-mono)}.create-done-title{font-weight:var(--weight-medium);font-size:var(--text-lg);font-family:var(--font-serif);color:var(--lib-ink)}.create-done-card.primary .create-done-title{color:var(--lib-candle-glow)}.create-done-desc{font-size:var(--text-base);font-style:italic;color:var(--lib-ink-dim)}.create-done-card.primary .create-done-desc{color:#f4ead6b3}.create-done-hint-small{font-size:var(--text-xs);color:var(--lib-ink-faint);font-style:italic;margin-top:var(--space-2)}@media (max-width: 640px){.create-done-grid{grid-template-columns:1fr}}.create-keeper-line{font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--lh-relaxed);margin-top:var(--space-3);color:var(--lib-ink-muted);font-style:italic}.create-keeper-line .narration{display:block;color:var(--lib-ink-dim);font-style:normal;font-size:.92em;margin-bottom:var(--space-1)}.create-keeper-line .quote{display:block;color:var(--lib-candle-glow)}.create-mode{flex-direction:row;align-items:flex-start;gap:var(--space-3)}.create-mode-radio{font-family:var(--font-mono);color:var(--lib-candle);font-size:var(--text-md);line-height:1.2;margin-top:1px;flex-shrink:0}.create-mode:not(.is-active) .create-mode-radio{color:var(--lib-ink-faint)}.create-mode-text{display:flex;flex-direction:column;gap:2px;min-width:0}.create-progress-hint{font-family:var(--font-serif);font-style:italic;font-size:var(--text-sm);color:var(--lib-ink-faint);margin-top:var(--space-2);text-align:center}.candle-btn--inline{font-size:var(--text-md);padding:var(--space-3) var(--space-4);background:#e8b85c14}.candle-btn--inline:hover:not(:disabled){background:#e8b85c29}.file-input-wrap{position:relative;cursor:pointer}.file-input-wrap input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-input-wrap input[type=file]:disabled{cursor:not-allowed}.work-card-wrapper{position:relative}.work-card-status{position:absolute;top:8px;left:8px;z-index:2;padding:2px 8px;font-size:11px;font-weight:600;color:#fff;border-radius:4px;letter-spacing:.5px}.work-card-actions{position:absolute;bottom:12px;right:12px;z-index:3}.work-card-action-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#ffffffe6;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.work-card-action-btn:hover{background:#fff;box-shadow:0 2px 8px #00000026}.work-card-menu{position:absolute;bottom:36px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:4px 0;min-width:160px;z-index:10}.work-card-menu button{display:block;width:100%;padding:8px 16px;font-size:13px;text-align:left;border:none;background:none;cursor:pointer;white-space:nowrap}.work-card-menu button:hover{background:#f3f4f6}.work-card-menu button.danger{color:#ef4444}.work-card-menu button.danger:hover{background:#fef2f2}.work-card-menu-hint{padding:8px 16px;font-size:12px;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb}.work-card.is-locked{cursor:not-allowed;opacity:.85}.work-card.is-locked:hover{transform:none;box-shadow:var(--card-shadow)}.start-screen--posters{background:#0c0a08;color:var(--lib-ink);position:relative;isolation:isolate;overflow-x:hidden}.start-screen--posters:after{display:none}.bg-aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(232,184,92,.08),transparent 70%),linear-gradient(180deg,#0c0a08,#100c08 60%,#0a0806)}.aurora-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;mix-blend-mode:screen;will-change:transform}.aurora-blob-1{width:56vw;height:56vw;background:radial-gradient(circle,rgba(232,184,92,.55),transparent 60%);top:-16vw;left:-10vw;animation:aurora-drift-1 38s ease-in-out infinite}.aurora-blob-2{width:52vw;height:52vw;background:radial-gradient(circle,rgba(200,122,58,.45),transparent 60%);bottom:-20vw;right:-10vw;animation:aurora-drift-2 46s ease-in-out infinite}.aurora-blob-3{width:38vw;height:38vw;background:radial-gradient(circle,rgba(122,40,40,.35),transparent 60%);top:40%;left:30%;animation:aurora-drift-3 60s ease-in-out infinite}@keyframes aurora-drift-1{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(8vw,6vh,0) scale(1.08)}}@keyframes aurora-drift-2{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-8vw,-6vh,0) scale(1.12)}}@keyframes aurora-drift-3{0%,to{transform:translateZ(0) scale(1);opacity:.3}50%{transform:translate3d(-4vw,5vh,0) scale(.94);opacity:.45}}@media (prefers-reduced-motion: reduce){.aurora-blob{animation:none!important}}.aurora-grain{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 35%,rgba(255,255,255,.015) 0,transparent 1px),radial-gradient(circle at 75% 65%,rgba(255,255,255,.015) 0,transparent 1px),radial-gradient(circle at 15% 85%,rgba(255,255,255,.015) 0,transparent 1px);background-size:7px 7px,11px 11px,13px 13px;opacity:.6;mix-blend-mode:overlay}.start-screen--posters>.hero-compact,.start-screen--posters>.posters,.start-screen--posters>.start-credit{position:relative;z-index:1}.hero-compact{max-width:1280px;margin:0 auto;width:100%;padding:clamp(28px,5vh,56px) clamp(20px,4vw,48px) clamp(20px,3vh,32px);animation:hero-fade-in .7s var(--ease-out) both}.hero-compact-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;margin-bottom:clamp(28px,5vh,48px)}.hero-compact-brand{display:flex;align-items:center;gap:var(--space-3)}.hero-compact-brand-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lib-candle),var(--lib-ember));color:#1a1208;font-family:var(--font-serif);font-size:22px;font-weight:var(--weight-medium);border-radius:8px;box-shadow:0 4px 18px #e8b85c59;letter-spacing:0}.hero-compact-brand-text{display:flex;flex-direction:column;gap:2px}.hero-compact-wordmark{font-family:var(--font-serif);font-size:20px;letter-spacing:.36em;color:var(--lib-ink);line-height:1;padding-left:.18em}.hero-compact-tagline{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--lib-ink-dim);text-transform:uppercase}.hero-compact-stats{display:flex;align-items:stretch;gap:0;border:1px solid var(--lib-line);border-radius:999px;padding:8px 4px;background:#140e0a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hud-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 18px;min-width:64px;border-right:1px solid var(--lib-line)}.hud-stat:last-child{border-right:0}.hud-stat-num{font-family:var(--font-mono);font-size:18px;font-weight:var(--weight-medium);color:var(--lib-candle);font-variant-numeric:tabular-nums;line-height:1}.hud-stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--lib-ink-dim);text-transform:uppercase}.hero-compact-line{margin-bottom:clamp(20px,3vh,32px);max-width:760px}.hero-compact-h1{font-family:var(--font-serif);font-size:clamp(28px,4.4vw,52px);font-weight:var(--weight-regular);line-height:1.15;letter-spacing:.04em;color:var(--lib-ink);margin:0 0 12px}.hero-compact-sub{font-family:var(--font-serif);font-size:clamp(14px,1.3vw,16px);color:var(--lib-ink-muted);line-height:1.65;letter-spacing:.02em;margin:0}.hero-compact-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cta-btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-family:var(--font-serif);font-size:15px;letter-spacing:.02em;cursor:pointer;transition:transform .2s var(--ease-out),background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.cta-btn:hover:not(:disabled){transform:translateY(-1px)}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.cta-btn--primary{background:var(--lib-candle);color:#1a1208;border-color:var(--lib-candle);font-weight:var(--weight-medium);box-shadow:0 6px 28px #e8b85c4d}.cta-btn--primary:hover:not(:disabled){background:var(--lib-candle-glow);border-color:var(--lib-candle-glow);box-shadow:0 10px 36px #f4cb786b}.cta-btn--primary:disabled{background:#e8b85c26;color:var(--lib-ink-faint);border-color:var(--lib-line);box-shadow:none}.cta-btn--ghost{background:#ffffff0a;border-color:var(--lib-line);color:var(--lib-ink);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cta-btn--ghost:hover:not(:disabled){background:#e8b85c14;border-color:var(--lib-line-strong);color:var(--lib-candle)}.cta-btn--dev{font-size:11px;height:36px;padding:0 14px;opacity:.6;font-family:var(--font-mono)}.cta-btn-icon{font-size:14px;display:inline-flex;align-items:center;justify-content:center}.cta-btn-label{font-style:italic;opacity:.78;font-size:.9em}.cta-btn-title{font-weight:var(--weight-medium)}.posters{max-width:1280px;margin:0 auto;width:100%;padding:clamp(20px,4vh,36px) clamp(20px,4vw,48px) clamp(40px,6vh,64px);animation:hero-fade-in .7s var(--ease-out) .12s both}.posters-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:clamp(16px,2.5vh,24px);flex-wrap:wrap}.posters-h2{font-family:var(--font-serif);font-size:clamp(20px,2.4vw,26px);font-weight:var(--weight-regular);letter-spacing:.18em;color:var(--lib-ink);margin:0;display:flex;align-items:center;gap:14px}.posters-h2-bar{display:inline-block;width:4px;height:22px;background:var(--lib-candle);box-shadow:0 0 12px #e8b85c99;border-radius:2px}.posters-head-hint{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--lib-ink-dim);text-transform:uppercase}.posters-empty{padding:64px 20px;text-align:center;font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--lib-ink-dim);border:1px dashed var(--lib-line);border-radius:8px}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(16px,1.8vw,24px)}.poster-card-wrap{position:relative}.poster-card{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background-color:#1f1610;cursor:pointer;border:1px solid var(--lib-line);text-align:left;font-family:inherit;color:inherit;transition:transform .32s var(--ease-out),border-color .32s ease,box-shadow .32s ease;isolation:isolate}.poster-card-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;background-color:#1f1610}.poster-card:hover:not(:disabled):not(.is-locked){transform:translateY(-3px) scale(1.015);border-color:var(--lib-line-strong);box-shadow:0 18px 44px #0000008c,0 0 0 1px var(--lib-line-strong),0 0 28px #e8b85c2e;z-index:5}.poster-card:disabled,.poster-card.is-locked{cursor:not-allowed;opacity:.78}.poster-card.is-no-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(232,184,92,.18),transparent 60%),radial-gradient(circle at 80% 80%,rgba(122,40,40,.22),transparent 60%),linear-gradient(180deg,#2a1f17,#1a1208)}.poster-card-num{position:absolute;top:12px;left:14px;font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.18em;color:#f4ead6c7;background:#0000006b;padding:4px 8px;border-radius:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2}.poster-card-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;background:#0000008c;color:var(--lib-ink);border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2}.poster-card-badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.poster-card-badge.is-published{color:var(--lib-candle)}.poster-card-badge.is-bound{color:var(--lib-ink-muted)}.poster-card-badge.is-draft{color:var(--lib-ink-dim)}.poster-card-badge.is-adapting,.poster-card-badge.is-generating{color:var(--lib-ember);animation:lib-pulse 2s ease-in-out infinite}.poster-card-pill{position:absolute;top:44px;right:12px;padding:4px 10px;font-family:var(--font-serif);font-style:italic;font-size:11px;letter-spacing:.04em;background:var(--lib-candle);color:#1a1208;border-radius:999px;z-index:2;box-shadow:0 4px 12px #e8b85c66}.poster-card-fade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(10,6,4,.55) 60%,rgba(10,6,4,.94) 100%);z-index:1;pointer-events:none}.poster-card-info{position:absolute;left:0;right:0;bottom:0;padding:16px 110px 16px 18px;z-index:2;display:flex;flex-direction:column;gap:4px}.poster-card-title{font-family:var(--font-serif);font-size:19px;font-weight:var(--weight-medium);color:var(--lib-ink);line-height:1.25;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.poster-card-meta{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:#f4ead6b3;text-transform:uppercase;margin-top:2px}.poster-card-meta-dot{opacity:.5}.poster-card-desc{font-family:var(--font-serif);font-size:12.5px;color:#f4ead6db;line-height:1.55;letter-spacing:.01em;margin-top:6px;max-height:0;opacity:0;overflow:hidden;transform:translateY(4px);transition:max-height .32s var(--ease-out),opacity .22s ease-out 80ms,transform .32s var(--ease-out);text-shadow:0 1px 4px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.poster-card:hover:not(:disabled):not(.is-locked) .poster-card-desc{max-height:9em;opacity:1;transform:translateY(0)}.poster-card-cta{position:absolute;right:14px;bottom:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--lib-candle);text-transform:uppercase;background:#e8b85c24;border:1px solid var(--lib-candle);padding:6px 10px;border-radius:999px;opacity:0;transform:translateY(6px);transition:opacity .28s ease,transform .28s ease,background .28s ease;pointer-events:none;z-index:3}.poster-card:hover:not(:disabled):not(.is-locked) .poster-card-cta{opacity:1;transform:translateY(0)}.poster-card-cta:hover{background:#e8b85c40}.poster-card-wrap.is-last-played .poster-card{border-color:var(--lib-candle);box-shadow:0 0 0 1px var(--lib-candle),0 8px 28px #e8b85c2e}.poster-card.is-skeleton{cursor:default;pointer-events:none;background:linear-gradient(110deg,#2e2016b3 8%,#483220b3 18%,#2e2016b3 33%);background-size:200% 100%;animation:poster-skeleton 1.6s ease-in-out infinite}.poster-card.is-skeleton .poster-card-info{display:none}@keyframes poster-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.poster-card-actions{position:absolute;top:8px;right:8px;z-index:6}.poster-card-menu-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:1px solid var(--lib-line);border-radius:8px;color:var(--lib-ink);font-size:14px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:var(--font-mono);opacity:0;transition:opacity .2s ease,border-color .2s ease}.poster-card-wrap:hover .poster-card-menu-btn,.poster-card-menu-btn[aria-expanded=true]{opacity:1}.poster-card-menu-btn:hover{border-color:var(--lib-candle);color:var(--lib-candle)}.poster-card-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#140e0af5;border:1px solid var(--lib-line-strong);border-radius:10px;box-shadow:0 18px 48px #0009;padding:6px 0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}.poster-card-menu button{display:block;width:100%;padding:8px 14px;background:none;border:none;font-family:var(--font-serif);font-size:14px;color:var(--lib-ink);text-align:left;cursor:pointer;transition:background .2s,color .2s}.poster-card-menu button:hover{background:#e8b85c1f;color:var(--lib-candle-glow)}.poster-card-menu button.danger{color:#e89090}.poster-card-menu button.danger:hover{background:#7a282838}.poster-card-menu-hint{padding:8px 14px;font-family:var(--font-serif);font-style:italic;font-size:12px;color:var(--lib-ink-faint);border-bottom:1px solid var(--lib-line)}@media (max-width: 960px){.poster-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.hero-compact{padding:24px 16px 16px}.hero-compact-topbar{margin-bottom:24px}.hero-compact-stats{padding:6px 0}.hud-stat{padding:0 14px;min-width:56px}.hero-compact-h1{font-size:26px}.cta-btn{height:44px;padding:0 18px;font-size:14px}.cta-btn--primary{width:100%;justify-content:center}.posters{padding:16px 16px 40px}.poster-grid{grid-template-columns:1fr;gap:12px}.poster-card-title{font-size:16px}.poster-card-desc{display:none}.poster-card-info{padding-right:100px}.poster-card-menu-btn{opacity:1}}@media (prefers-reduced-motion: reduce){.poster-card:hover:not(:disabled):not(.is-locked){transform:none}.cta-btn:hover:not(:disabled){transform:none}}