@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2) format("woff2"),url(/assets/inter-latin-800-normal-D1mf63XC.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-vietnamese-800-normal-Cm7tD1pz.woff2) format("woff2"),url(/assets/inter-vietnamese-800-normal-DDlpr_Ee.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-latin-500-normal-B9SDL8cy.woff2) format("woff2"),url(/assets/caveat-latin-500-normal-Do9veZfZ.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2) format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff) format("woff")}:root{--color-bg-primary: #faf6f1;--color-bg-secondary: #fdfbf7;--color-bg-tertiary: #f5f0e8;--color-bg-elevated: #f0ebe3;--glass-bg: rgba(253, 251, 247, .85);--glass-border: rgba(45, 90, 74, .18);--color-border: rgba(45, 90, 74, .18);--glass-shadow: 0 4px 24px rgba(30, 60, 52, .08);--gradient-primary: linear-gradient(135deg, #2d5a4a 0%, #1e3c34 100%);--gradient-secondary: linear-gradient(135deg, #c45c4a 0%, #a63d2e 100%);--gradient-accent: linear-gradient(135deg, #c9a227 0%, #b8952e 100%);--gradient-success: linear-gradient(135deg, #3d6b5a 0%, #2d5a4a 100%);--color-text-primary: #2d3d36;--color-text-secondary: #4a5c54;--color-text-tertiary: #6b7c74;--color-text-muted: #7a8a82;--color-accent-purple: #2d5a4a;--color-accent-pink: #c45c4a;--color-accent-blue: #3d6b5a;--color-accent-cyan: #2d5a4a;--color-accent-green: #2d5a4a;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(30, 60, 52, .06);--shadow-md: 0 4px 12px rgba(30, 60, 52, .08);--shadow-lg: 0 10px 24px rgba(30, 60, 52, .1);--shadow-xl: 0 20px 40px rgba(30, 60, 52, .12);--shadow-glow: 0 0 24px rgba(45, 90, 74, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}::selection{background:#2d5a4a;color:#faf6f1}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0}.btn-primary{background:var(--gradient-primary);color:#faf6f1;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--glass-bg);color:var(--color-text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:#2d5a4a4d}.btn-icon{padding:var(--space-sm);width:36px;height:36px;flex:0 0 auto;justify-content:center}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}input,textarea{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base)}input:focus,textarea:focus{outline:none;border-color:var(--hub-pine-mid, #2d5a4a);box-shadow:0 0 0 3px #2d5a4a4d}input:focus-visible,textarea:focus-visible{outline:2px solid var(--hub-pine-mid, #2d5a4a);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:12px;top:-60px;z-index:2000;padding:10px 16px;background:var(--hub-pine-mid, #2d5a4a);color:#fff;font-weight:600;border-radius:8px;text-decoration:none;transition:top .16s ease}.skip-link:focus{top:12px;outline:2px solid #fff;outline-offset:2px}#main-content:focus{outline:none}.hub-feature-card:focus-visible{outline:2px solid var(--hub-pine-mid, #2d5a4a);outline-offset:3px}textarea{resize:vertical;min-height:100px}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glass-shadow)}.card-hover{transition:all var(--transition-base)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#2d5a4a4d}.app-container{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary)}.feature-reveal,.route-shell{width:100%;height:100%}@media print{html,body,#root,.app-container,.feature-reveal,.route-shell{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}}.loading-indicator{--loading-mark-size: 1.75rem;--loading-gap: var(--space-sm, .5rem);display:flex;align-items:center;justify-content:center;gap:var(--loading-gap);color:var(--loader-color, var(--color-accent-green, #2d5a4a))}.loading-indicator--inline{display:inline-flex;flex-direction:row}.loading-indicator--block,.loading-indicator--page{width:100%;flex-direction:column}.loading-indicator--block{min-height:9rem}.loading-indicator--page{min-height:100dvh;background:var(--color-bg-primary, #faf6f1)}.loading-indicator--small{--loading-mark-size: 1rem;--loading-gap: .35rem}.loading-indicator--large{--loading-mark-size: 2.5rem;--loading-gap: var(--space-md, 1rem)}.loading-indicator__mark{width:var(--loading-mark-size);height:var(--loading-mark-size);flex:0 0 auto;color:var(--loader-color, var(--color-accent-green, #2d5a4a));filter:drop-shadow(0 2px 8px rgba(45,90,74,.18));transform-origin:center;animation:loading-snowflake-spin 1.1s linear infinite}.loading-indicator__label{color:var(--loader-label-color, var(--color-text-tertiary, #66756f));font-size:var(--font-size-sm, .875rem);letter-spacing:.02em}@keyframes loading-snowflake-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-indicator__mark{animation:none}}.music-notation-loading{min-height:160px}.feature-error{width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);text-align:center;background:var(--hub-cream, #faf6f1)}.feature-error-title{font-size:var(--font-size-xl);font-weight:600;color:var(--hub-text, #2d3d36)}.feature-error-sub{font-size:var(--font-size-sm);color:var(--hub-text-secondary, #4a5c54);max-width:32ch}.feature-error-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center}.feature-error-btn{padding:.55rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--hub-border, #e5ddd0);background:var(--hub-cream-card, #fdfbf7);color:var(--hub-text, #2d3d36);font:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:background .2s ease,border-color .2s ease}.feature-error-btn:hover{border-color:var(--hub-pine-mid, #2d5a4a)}.feature-error-btn.primary{background:var(--hub-pine-mid, #2d5a4a);border-color:var(--hub-pine-mid, #2d5a4a);color:var(--hub-cream, #faf6f1)}.feature-error-btn:focus-visible{outline:2px solid var(--hub-pine-mid, #2d5a4a);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.feature-reveal>*>*:not(:only-child),.feature-reveal>*>*:only-child>*{animation:featureRise .5s both cubic-bezier(.22,1,.36,1)}.feature-reveal>*>*:not(:only-child):nth-child(1),.feature-reveal>*>*:only-child>*:nth-child(1){animation-delay:40ms}.feature-reveal>*>*:not(:only-child):nth-child(2),.feature-reveal>*>*:only-child>*:nth-child(2){animation-delay:.13s}.feature-reveal>*>*:not(:only-child):nth-child(3),.feature-reveal>*>*:only-child>*:nth-child(3){animation-delay:.21s}.feature-reveal>*>*:not(:only-child):nth-child(n+4),.feature-reveal>*>*:only-child>*:nth-child(n+4){animation-delay:.28s}}@keyframes featureRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.toolbar.hub-back-toolbar{min-height:62px;padding:max(9px,env(safe-area-inset-top)) max(22px,calc(env(safe-area-inset-right) + 12px)) 9px max(22px,calc(env(safe-area-inset-left) + 12px))}@media(max-width:640px){.toolbar{flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.toolbar .btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.toolbar .btn-icon{width:30px;height:30px}.toolbar.hub-back-toolbar{min-height:58px;padding:max(8px,env(safe-area-inset-top)) max(12px,calc(env(safe-area-inset-right) + 8px)) 8px max(12px,calc(env(safe-area-inset-left) + 8px))}}.toolbar-brand{display:flex;align-items:center;gap:var(--space-md)}.toolbar-title{font-size:var(--font-size-base);font-weight:600;white-space:nowrap;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.toolbar-spacer{flex:1}.toolbar-group{display:flex;align-items:center;gap:var(--space-sm)}.canvas-container{flex:1;position:relative;overflow:hidden}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e3c3466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-base)}.modal{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp var(--transition-slow)}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.modal-title{font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-body{padding:var(--space-lg);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-lg);border-top:1px solid var(--glass-border);display:flex;gap:var(--space-md);justify-content:flex-end}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.form-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.react-flow{background:var(--color-bg-primary)}.react-flow__background{background-color:var(--color-bg-primary)}.react-flow__node{border-radius:var(--radius-lg)}.react-flow__edge-path{stroke:#2d5a4a;stroke-width:2}.react-flow__edge.selected .react-flow__edge-path{stroke:#1e3c34;stroke-width:3}.react-flow__handle{width:13px;height:13px;background:var(--color-accent-purple);border:2px solid var(--color-bg-primary);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.react-flow__handle:hover{background:#1e3c34;transform:scale(1.45);box-shadow:0 0 0 4px #2d5a4a2e;cursor:crosshair}.story-node-handle-next{background:#c9a227}.story-node-handle-next.is-linked{background:#43e97b}.react-flow__controls{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.react-flow__controls-button{background:transparent;border:none;border-bottom:1px solid var(--glass-border);color:var(--color-text-primary)}.react-flow__controls-button:hover{background:#2d5a4a14}.react-flow__minimap{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-node{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);min-width:250px;max-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.story-node.is-start{border-color:#2d5a4a;box-shadow:0 0 0 2px #2d5a4a59,var(--glass-shadow)}.story-node-start-badge{position:absolute;top:-10px;left:12px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#2d5a4a,#1e3c34);color:#faf6f1;font-size:.62rem;font-weight:700;letter-spacing:.04em;box-shadow:var(--shadow-sm)}.story-node-ending-badge{position:absolute;top:-10px;right:12px;padding:2px 8px;border-radius:999px;background:#c45c4a;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.05em;box-shadow:var(--shadow-sm)}.story-node-del{position:absolute;top:6px;right:6px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:7px;background:transparent;color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.story-node:hover .story-node-del{opacity:1}.story-node-del:hover{background:#fbecea;color:#b3452f}.story-node:hover{border-color:#2d5a4a59;box-shadow:var(--shadow-xl);transform:translateY(-2px)}@media(hover:none){.story-node-del{opacity:1}.react-flow__handle{width:20px;height:20px}.node-color-swatch,.story-choice-add,.story-node-del{min-width:40px;min-height:40px}}.story-node.selected{border-color:var(--color-accent-purple);box-shadow:0 0 0 3px #2d5a4a40,var(--shadow-xl)}.story-node-header{margin-bottom:var(--space-sm)}.story-node-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs);word-wrap:break-word}.story-node-content{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-md);max-height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.story-node-choices{display:flex;flex-direction:column;gap:var(--space-xs)}.story-node-choice{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:#2d5a4a1a;border:1px solid rgba(45,90,74,.2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);position:relative;transition:all var(--transition-fast)}.story-node-choice:hover{background:#2d5a4a26;border-color:#2d5a4a59}.story-node-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.story-node-tag{padding:var(--space-xs) var(--space-sm);background:#2d5a4a1f;border:1px solid rgba(45,90,74,.25);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-accent-green)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-accent-purple);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.w-full{width:100%}.h-full{height:100%}.hub-container{--hub-cream: #faf6f1;--hub-cream-soft: #f5f0e8;--hub-cream-card: #fdfbf7;--hub-pine: #1e3c34;--hub-pine-mid: #2d5a4a;--hub-pine-light: #3d6b5a;--hub-red: #a63d2e;--hub-red-soft: #c45c4a;--hub-gold: #b8952e;--hub-gold-light: #c9a227;--hub-text: #2d3d36;--hub-text-secondary: #4a5c54;--hub-text-muted: #5c6d65;--hub-border: rgba(45, 90, 74, .18);--hub-shadow: 0 4px 24px rgba(30, 60, 52, .08);--hub-shadow-hover: 0 12px 40px rgba(30, 60, 52, .12);--hub-glow-pine: 0 0 24px rgba(45, 90, 74, .2);--hub-glow-red: 0 0 20px rgba(166, 61, 46, .15);--hub-glow-gold: 0 0 20px rgba(184, 149, 46, .2)}.hub-container{width:100%;height:100vh;overflow-y:auto;background:var(--hub-cream);position:relative}.hub-feature-corner-tag{position:absolute;top:0;right:0;z-index:2;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--hub-cream);background:linear-gradient(135deg,var(--hub-red-soft) 0%,var(--hub-red) 100%);border-radius:0 var(--radius-xl) 0 var(--radius-md);box-shadow:0 2px 8px #a63d2e40;letter-spacing:.02em}.hub-header{padding:var(--space-md) var(--space-2xl);background:var(--hub-cream-card);border-bottom:1px solid var(--hub-border);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.hub-header-snow{position:absolute;left:0;right:0;top:-1px;height:30px;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 32' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,0 H400 V10 C392,15 384,18 374,16 C362,13 354,7 342,9 C330,11 324,20 312,22 C300,24 292,12 280,10 C268,8 260,13 248,15 C236,17 228,22 216,20 C204,18 196,8 184,8 C172,8 164,16 152,18 C140,20 130,24 118,21 C106,18 100,9 88,8 C76,7 68,12 56,14 C44,16 34,19 22,16 C12,13.5 6,11 0,10 Z'/%3E%3Ccircle cx='312' cy='26' r='4' fill='%23ffffff'/%3E%3Ccircle cx='118' cy='25' r='3.2' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:420px 30px;filter:drop-shadow(0 3px 3px rgba(45,90,74,.16))}.hub-header-actions{display:flex;align-items:center;gap:var(--space-md)}.hub-header-right{display:flex;align-items:center;gap:var(--space-lg)}.pawn-workshop{display:block;image-rendering:pixelated;flex-shrink:0}.hub-logo{display:flex;align-items:center;gap:var(--space-md)}.hub-logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.hub-logo-image{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--hub-pine-mid) 0%,var(--hub-pine) 100%);border-radius:var(--radius-xl);box-shadow:var(--hub-glow-pine);border:1px solid var(--hub-border)}.hub-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--hub-pine);margin:0;letter-spacing:-.02em}.hub-subtitle{font-size:var(--font-size-base);color:var(--hub-text-secondary);margin:var(--space-xs) 0 0 0}.hub-content{max-width:1400px;margin:0 auto;padding:var(--space-2xl);position:relative;z-index:1}.hub-intro{text-align:center;margin-bottom:var(--space-2xl)}.hub-intro h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--hub-text);margin-bottom:var(--space-sm)}.hub-intro h2.hub-intro-line{font-family:"Caveat",var(--font-family);font-size:2.4rem;font-weight:600;line-height:1.4;letter-spacing:.01em}.hub-intro p{font-size:var(--font-size-lg);color:var(--hub-text-secondary)}.hub-intro-writing{position:relative}.intro-stage{position:relative;display:inline-block;vertical-align:top;text-align:left;max-width:100%;padding:0 .14em .12em 0}.intro-ghost{visibility:hidden}.intro-live{position:absolute;top:0;right:0;bottom:0;left:0}.intro-cursor{display:inline-block;position:relative;width:.9em;height:1em;vertical-align:middle;top:-.12em;will-change:transform}.intro-cursor>span{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;line-height:1;transition:opacity .13s ease}.intro-pen{color:var(--hub-pine-mid);filter:drop-shadow(0 1px 1px rgba(30,60,52,.18))}.intro-eraser{color:#c45c4a;filter:drop-shadow(0 1px 1px rgba(120,50,40,.16))}.intro-dots{display:inline-flex;align-items:center;gap:3px;color:var(--hub-text-muted)}.intro-dots span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:introThinking 1.1s infinite ease-in-out}.intro-dots span:nth-child(2){animation-delay:.18s}.intro-dots span:nth-child(3){animation-delay:.36s}@keyframes introThinking{0%,60%,to{opacity:.25;transform:translateY(0) scale(.8)}30%{opacity:1;transform:translateY(-2px) scale(1)}}@media(prefers-reduced-motion:reduce){.intro-dots span{animation:none;opacity:.55}}.hub-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:var(--space-lg)}.hub-card-shell{position:relative;display:flex;border-radius:var(--radius-xl);box-shadow:var(--hub-shadow);transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.hub-card-shell.is-available:hover,.hub-card-shell.is-available:focus-within{box-shadow:var(--hub-shadow-hover),var(--hub-glow-pine)}.hub-card-shell.is-available:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--hub-pine-mid) 0%,var(--hub-gold) 100%);opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(14px);pointer-events:none}.hub-card-shell.is-available:hover:before,.hub-card-shell.is-available:focus-within:before{opacity:.4}.hub-feature-card{background:var(--hub-cream-card);border:1px solid var(--hub-border);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-md);transform-origin:center}.hub-card-accent{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(135deg,var(--hub-pine-light) 0%,var(--hub-pine-mid) 100%);opacity:.9;pointer-events:none;border-bottom-left-radius:calc(var(--radius-xl) - 1px);border-bottom-right-radius:calc(var(--radius-xl) - 1px)}.hub-feature-card.coming-soon .hub-card-accent{opacity:.3}.hub-card-open{position:absolute;right:var(--space-lg);bottom:var(--space-md);color:var(--hub-text-muted);opacity:.5;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.hub-feature-card.available.hovered .hub-card-open{opacity:.9;transform:translate(3px)}@media(prefers-reduced-motion:reduce){.hub-card-open{transition:none}}.hub-card-snow{position:absolute;top:-1px;left:0;right:0;height:30px;pointer-events:none;border-top-left-radius:calc(var(--radius-xl) - 1px);border-top-right-radius:calc(var(--radius-xl) - 1px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 32' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,0 H400 V10 C392,15 384,18 374,16 C362,13 354,7 342,9 C330,11 324,20 312,22 C300,24 292,12 280,10 C268,8 260,13 248,15 C236,17 228,22 216,20 C204,18 196,8 184,8 C172,8 164,16 152,18 C140,20 130,24 118,21 C106,18 100,9 88,8 C76,7 68,12 56,14 C44,16 34,19 22,16 C12,13.5 6,11 0,10 Z'/%3E%3Ccircle cx='312' cy='26' r='4' fill='%23ffffff'/%3E%3Ccircle cx='118' cy='25' r='3.2' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:420px 30px;filter:drop-shadow(0 3px 3px rgba(45,90,74,.16))}.hub-card-shell:nth-child(2n) .hub-card-snow{background-position:150px 0}.hub-card-shell:nth-child(3n) .hub-card-snow{background-position:260px 0}.hub-feature-card:after{content:"";position:absolute;top:3px;left:12px;width:38px;height:28px;pointer-events:none;transform:rotate(-6deg);background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 36'%3E%3Cpath fill='%232d5a4a' d='M6,18 C7,10 15,5 24,8 C20,12 20.5,16 24,20 C16,23 7,24 6,18 Z'/%3E%3Cpath fill='%234a7c6b' d='M42,16 C41,8 33,4 25,8 C28,12 27.5,16 25,20 C32,23 41,22 42,16 Z'/%3E%3Ccircle cx='24' cy='22' r='4.5' fill='%23b3452f'/%3E%3Ccircle cx='18' cy='25.5' r='3.6' fill='%23c45c4a'/%3E%3Ccircle cx='30' cy='25.5' r='3.6' fill='%23a63d2e'/%3E%3C/svg%3E")}.hub-feature-card.available:hover{border-color:#2d5a4a59}.hub-feature-card.coming-soon{opacity:.7;cursor:not-allowed;background:var(--hub-cream-soft)}.hub-feature-icon{width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--hub-cream);box-shadow:var(--hub-shadow);transition:transform .3s ease,filter .3s ease}.hub-feature-lottie{width:80px;height:80px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 10px rgba(30,60,52,.14));transition:transform .3s ease;overflow:hidden}.hub-feature-lottie>div{width:100%;height:100%}.hub-feature-lottie svg{width:100%!important;height:100%!important;display:block}.hub-feature-card.available:hover .hub-feature-lottie,.hub-feature-card.available:focus-visible .hub-feature-lottie{transform:scale(1.08);animation:hubIconPop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes hubIconPop{0%{transform:scale(1)}55%{transform:scale(1.16) rotate(-2deg)}to{transform:scale(1.08)}}.hub-card-accent{transition:height .25s ease,opacity .25s ease}.hub-feature-card.available:hover .hub-card-accent,.hub-feature-card.available:focus-visible .hub-card-accent{height:6px;opacity:1}@media(prefers-reduced-motion:reduce){.hub-feature-card.available:hover .hub-feature-lottie,.hub-feature-card.available:focus-visible .hub-feature-lottie{animation:none}.hub-card-accent{transition:none}}.hub-feature-card.available:hover .hub-feature-icon{transform:scale(1.08) rotate(4deg);filter:drop-shadow(0 4px 12px rgba(30,60,52,.25));animation:iconPulse 1.5s ease-in-out infinite}.hub-anim-icon{width:100%;height:100%;display:block;overflow:visible}.hub-anim-icon .hia-mini-dpad{transform-box:fill-box;transform-origin:50% 50%;animation:hiaMiniDpad 2.8s ease-in-out infinite}@keyframes hiaMiniDpad{0%,16%,42%,to{transform:translate(0) rotate(0)}24%{transform:translate(-1.5px) rotate(-3deg)}32%{transform:translate(1px) rotate(2deg)}}.hub-anim-icon .hia-mini-button{transform-box:fill-box;transform-origin:50% 50%;animation:hiaMiniButton 2.8s cubic-bezier(.34,1.56,.64,1) infinite}.hub-anim-icon .hia-mini-button--b{animation-delay:.34s}@keyframes hiaMiniButton{0%,44%,72%,to{transform:translateY(0) scale(1)}53%{transform:translateY(1.4px) scale(.82)}62%{transform:translateY(0) scale(1.08)}}.hub-anim-icon .hia-reel{animation:hiaReel 1.5s linear infinite}@keyframes hiaReel{0%{transform:translateY(0)}to{transform:translateY(-48px)}}.hub-anim-icon .hia-lever{transform-box:fill-box;transform-origin:50% 100%;animation:hiaLever 1.5s ease-in-out infinite}@keyframes hiaLever{0%,60%,to{transform:translateY(0)}74%{transform:translateY(6px)}86%{transform:translateY(0)}}.hub-anim-icon .hia-coin{animation:hiaTwinkle 1.7s ease-in-out infinite}.hub-anim-icon .hia-coin.hia-delay{animation-delay:.85s}@keyframes hiaTwinkle{0%,to{opacity:.3}50%{opacity:1}}.hub-anim-icon .hia-drop{opacity:0;animation:hiaDrop 1.9s cubic-bezier(.55,0,.85,.6) infinite}@keyframes hiaDrop{0%,20%{transform:translateY(0);opacity:0}30%{opacity:1}68%{transform:translateY(28px);opacity:1}80%,to{transform:translateY(34px);opacity:0}}.hub-anim-icon .hia-spark{transform-box:fill-box;transform-origin:50% 50%;animation:hiaSpark 1.9s ease-in-out infinite}@keyframes hiaSpark{0%,to{transform:scale(.6);opacity:.3}45%{transform:scale(1.1);opacity:1}}.hub-anim-icon .hia-ball{transform-box:fill-box;transform-origin:50% 100%;animation:hiaBounce 1s cubic-bezier(.5,0,.5,1) infinite}@keyframes hiaBounce{0%{transform:translateY(-15px) scaleY(1.06) scaleX(.94)}42%{transform:translateY(0) scaleY(1) scaleX(1)}52%{transform:translateY(0) scaleY(.76) scaleX(1.22)}62%{transform:translateY(0) scaleY(1) scaleX(1)}to{transform:translateY(-15px) scaleY(1.06) scaleX(.94)}}.hub-anim-icon .hia-shadow{transform-box:fill-box;transform-origin:50% 50%;opacity:.18;animation:hiaShadow 1s cubic-bezier(.5,0,.5,1) infinite}@keyframes hiaShadow{0%,to{transform:scaleX(.7);opacity:.12}52%{transform:scaleX(1.12);opacity:.24}}.hub-anim-icon .hia-impact{opacity:0;animation:hiaImpact 1s cubic-bezier(.5,0,.5,1) infinite}@keyframes hiaImpact{0%,45%,68%,to{opacity:0}54%{opacity:1}}.hub-anim-icon .hia-beam{transform-box:fill-box;transform-origin:50% 16%;animation:hiaBeam 2.6s ease-in-out infinite}@keyframes hiaBeam{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.hub-anim-icon .hia-bar{transform-box:fill-box;transform-origin:50% 100%;animation:hiaBar 1.9s ease-in-out infinite}.hub-anim-icon .hia-bar2{animation-delay:.18s}.hub-anim-icon .hia-bar3{animation-delay:.36s}@keyframes hiaBar{0%,to{transform:scaleY(.25)}45%,70%{transform:scaleY(1)}}.hub-anim-icon .hia-book-top{transform-box:fill-box;transform-origin:50% 100%;animation:hiaBookTop 2.6s ease-in-out infinite}@keyframes hiaBookTop{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-2.5deg)}}.hub-anim-icon .hia-key{animation:hiaKey 1.9s ease-in-out infinite}@keyframes hiaKey{0%,to{opacity:0}18%{opacity:.7}40%{opacity:0}}.hub-anim-icon .hia-note{transform-box:fill-box;transform-origin:50% 100%;animation:hiaNote 1.9s ease-in-out infinite}@keyframes hiaNote{0%{transform:translateY(7px) scale(.7);opacity:0}22%{opacity:1}70%{transform:translateY(-9px) scale(1);opacity:0}to{opacity:0}}.hub-anim-icon .hia-seal-ring,.hub-anim-icon .hia-seal-orbit,.hub-anim-icon .hia-seal-pose,.hub-anim-icon .hia-seal-burst,.hub-anim-icon .hia-seal-flash{transform-box:fill-box;transform-origin:50% 50%}.hub-anim-icon .hia-seal-ring{animation:hiaSealRing 3.4s cubic-bezier(.2,.75,.25,1) infinite}.hub-anim-icon .hia-seal-orbit{animation:hiaSealOrbit 3.4s linear infinite}.hub-anim-icon .hia-seal-pose{opacity:0;transform-origin:50% 82%}.hub-anim-icon .hia-seal-pose-a{animation:hiaSealPoseA 3.4s cubic-bezier(.2,.9,.3,1) infinite}.hub-anim-icon .hia-seal-pose-b{animation:hiaSealPoseB 3.4s cubic-bezier(.2,.9,.3,1) infinite}.hub-anim-icon .hia-seal-pose-c{animation:hiaSealPoseC 3.4s cubic-bezier(.2,.9,.3,1) infinite}.hub-anim-icon .hia-seal-burst{opacity:0;animation:hiaSealBurst 3.4s ease-out infinite}.hub-anim-icon .hia-seal-flash{opacity:0;animation:hiaSealFlash 3.4s ease-out infinite}@keyframes hiaSealRing{0%,15%{opacity:.28;transform:rotate(-22deg) scale(.88);stroke-dashoffset:0}28%{opacity:.58;transform:rotate(14deg) scale(.96)}52%{opacity:.95;transform:rotate(78deg) scale(1.06);stroke-dashoffset:-9}78%{opacity:.5;transform:rotate(128deg) scale(1)}to{opacity:.28;transform:rotate(158deg) scale(.88);stroke-dashoffset:-18}}@keyframes hiaSealOrbit{0%{transform:rotate(0)}to{transform:rotate(-180deg)}}@keyframes hiaSealPoseA{0%,18%{opacity:1;transform:translateY(0) scale(1)}23%,73%{opacity:0;transform:translateY(2px) scale(.86)}79%{opacity:1;transform:translateY(-1px) scale(1.07)}86%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hiaSealPoseB{0%,18%{opacity:0;transform:rotate(-5deg) scale(.86)}23%{opacity:1;transform:rotate(2deg) scale(1.08)}29%,42%{opacity:1;transform:rotate(0) scale(1)}47%,to{opacity:0;transform:rotate(4deg) scale(.88)}}@keyframes hiaSealPoseC{0%,42%{opacity:0;transform:translateY(2px) scale(.84)}48%{opacity:1;transform:translateY(-1px) scale(1.08)}55%,72%{opacity:1;transform:translateY(0) scale(1)}78%,to{opacity:0;transform:translateY(1px) scale(.9)}}@keyframes hiaSealBurst{0%,46%{opacity:0;transform:scale(.65)}52%{opacity:1;transform:scale(1)}64%,to{opacity:0;transform:scale(1.22)}}@keyframes hiaSealFlash{0%,47%{opacity:0;transform:scale(.35)}53%{opacity:.36;transform:scale(1.08)}70%,to{opacity:0;transform:scale(1.8)}}.hub-anim-icon .hia-ink{stroke-dasharray:100;animation:hiaInk 2.6s ease-in-out infinite}@keyframes hiaInk{0%{stroke-dashoffset:100}58%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.hub-anim-icon .hia-pen{animation:hiaPen 2.6s ease-in-out infinite}@keyframes hiaPen{0%{transform:translate(0)}58%{transform:translate(36px)}to{transform:translate(36px)}}.hub-anim-icon .hia-heart{transform-box:fill-box;transform-origin:50% 50%;animation:hiaHeart 1.4s ease-in-out infinite}@keyframes hiaHeart{0%,to{transform:scale(.85)}40%{transform:scale(1.15)}}.hub-anim-icon .hia-bag{transform-box:fill-box;transform-origin:50% 100%;animation:hiaBagSwell 1.9s ease-in-out infinite}@keyframes hiaBagSwell{0%,32%{transform:scale(1)}52%{transform:scale(1.1)}78%,to{transform:scale(1)}}.hub-anim-icon .hia-coin-fall{opacity:0;animation:hiaCoinFall 1.9s cubic-bezier(.55,0,.85,.6) infinite}@keyframes hiaCoinFall{0%{transform:translateY(-3px);opacity:0}10%{opacity:1}36%{transform:translateY(11px);opacity:1}44%,to{transform:translateY(14px);opacity:0}}.hub-anim-icon .hia-glide{animation:hiaGlide 2.6s ease-in-out infinite}@keyframes hiaGlide{0%{transform:translate(0);opacity:0}6%{opacity:1}14.5%{transform:translate(10.4px,-5.6px)}29%{transform:translate(19px,-18px)}43.5%{transform:translate(27.6px,-30.4px)}58%{transform:translate(38px,-36px);opacity:1}74%,to{transform:translate(38px,-36px);opacity:0}}.hub-anim-icon .hia-tline{opacity:0;animation:hiaTLine 3.2s ease-in-out infinite}.hub-anim-icon .hia-t2{animation-delay:.22s}.hub-anim-icon .hia-t3{animation-delay:.44s}.hub-anim-icon .hia-t4{animation-delay:.66s}.hub-anim-icon .hia-t5{animation-delay:.88s}.hub-anim-icon .hia-t6{animation-delay:1.1s}@keyframes hiaTLine{0%{opacity:0}18%,72%{opacity:1}92%,to{opacity:0}}.hub-anim-icon .hia-heist-slip{transform-box:fill-box;transform-origin:50% 50%;animation:hiaHeistSlip 3.2s cubic-bezier(.22,1,.36,1) infinite}.hub-anim-icon .hia-heist-thread{animation:hiaHeistThread 3.2s ease-in-out infinite}.hub-anim-icon .hia-heist-file{transform-box:fill-box;transform-origin:50% 50%;animation:hiaHeistFile 3.2s ease-in-out infinite}.hub-anim-icon .hia-heist-stamp{opacity:0;transform-box:fill-box;transform-origin:50% 50%;animation:hiaHeistStamp 3.2s cubic-bezier(.2,.9,.3,1) infinite}@keyframes hiaHeistSlip{0%,16%{transform:translate(0) rotate(0);opacity:1}48%,74%{transform:translate(22px,-22px) rotate(-5deg);opacity:1}82%,to{transform:translate(22px,-22px) rotate(-5deg);opacity:0}}@keyframes hiaHeistThread{0%,14%{opacity:.18;stroke-dashoffset:18}48%,78%{opacity:1;stroke-dashoffset:0}to{opacity:.18;stroke-dashoffset:-18}}@keyframes hiaHeistFile{0%,42%,to{transform:rotate(0)}54%{transform:rotate(3deg)}63%{transform:rotate(-2deg)}}@keyframes hiaHeistStamp{0%,51%{opacity:0;transform:scale(1.35) rotate(-8deg)}58%,74%{opacity:.92;transform:scale(1) rotate(-8deg)}86%,to{opacity:0;transform:scale(1.08) rotate(-8deg)}}.hub-anim-icon .hia-pool-card{transform-box:fill-box;transform-origin:50% 50%;animation:hiaPoolCard 3.6s ease-in-out infinite}.hub-anim-icon .hia-pool-check{transform-box:fill-box;transform-origin:50% 50%;animation:hiaPoolCheck 3.6s cubic-bezier(.2,.9,.3,1) infinite}.hub-anim-icon .hia-pool-line{opacity:0;animation:hiaPoolLine 3.6s ease-in-out infinite}.hub-anim-icon .hia-pool-line-2{animation-delay:.18s}.hub-anim-icon .hia-pool-line-3{animation-delay:.36s}@keyframes hiaPoolCard{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(1.5deg)}}@keyframes hiaPoolCheck{0%,50%{opacity:.45;transform:scale(.82)}62%,88%{opacity:1;transform:scale(1)}to{opacity:.45;transform:scale(.82)}}@keyframes hiaPoolLine{0%,12%{opacity:0;stroke-dasharray:0 20}28%,82%{opacity:1;stroke-dasharray:20 0}to{opacity:0;stroke-dasharray:20 0}}@media(prefers-reduced-motion:reduce){.hub-anim-icon .hia-mini-dpad,.hub-anim-icon .hia-mini-button,.hub-anim-icon .hia-reel,.hub-anim-icon .hia-lever,.hub-anim-icon .hia-coin,.hub-anim-icon .hia-drop,.hub-anim-icon .hia-spark,.hub-anim-icon .hia-ball,.hub-anim-icon .hia-shadow,.hub-anim-icon .hia-impact,.hub-anim-icon .hia-beam,.hub-anim-icon .hia-bar,.hub-anim-icon .hia-book-top,.hub-anim-icon .hia-key,.hub-anim-icon .hia-note,.hub-anim-icon .hia-ink,.hub-anim-icon .hia-pen,.hub-anim-icon .hia-heart,.hub-anim-icon .hia-tline,.hub-anim-icon .hia-bag,.hub-anim-icon .hia-coin-fall,.hub-anim-icon .hia-glide,.hub-anim-icon .hia-heist-slip,.hub-anim-icon .hia-heist-thread,.hub-anim-icon .hia-heist-file,.hub-anim-icon .hia-heist-stamp,.hub-anim-icon .hia-pool-card,.hub-anim-icon .hia-pool-check,.hub-anim-icon .hia-pool-line{animation:none}.hub-anim-icon .hia-tline{opacity:1}.hub-anim-icon .hia-glide{opacity:1;transform:translate(38px,-36px)}.hub-anim-icon .hia-heist-slip{opacity:1;transform:translate(22px,-22px) rotate(-5deg)}.hub-anim-icon .hia-heist-thread{opacity:.8}.hub-anim-icon .hia-heist-stamp{opacity:.92;transform:rotate(-8deg)}.hub-anim-icon .hia-pool-line,.hub-anim-icon .hia-pool-check{opacity:1}.hub-anim-icon .hia-seal-ring,.hub-anim-icon .hia-seal-orbit,.hub-anim-icon .hia-seal-pose,.hub-anim-icon .hia-seal-burst,.hub-anim-icon .hia-seal-flash{animation:none}.hub-anim-icon .hia-seal-ring{opacity:.58;transform:none}.hub-anim-icon .hia-seal-orbit{opacity:.72;transform:none}.hub-anim-icon .hia-seal-pose-a,.hub-anim-icon .hia-seal-pose-b{opacity:0}.hub-anim-icon .hia-seal-pose-c{opacity:1;transform:none}.hub-anim-icon .hia-seal-burst{opacity:.35;transform:none}.hub-anim-icon .hia-seal-flash{opacity:.16;transform:none}}.hub-feature-image-container{width:100%;height:200px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-md);background:var(--hub-cream-soft);display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--hub-border)}.hub-feature-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.hub-feature-card.available:hover .hub-feature-image{opacity:1}@keyframes iconPulse{0%,to{transform:scale(1.08) rotate(4deg);filter:drop-shadow(0 4px 12px rgba(30,60,52,.25))}50%{transform:scale(1.12) rotate(6deg);filter:drop-shadow(0 6px 16px rgba(45,90,74,.35))}}.hub-feature-content{flex:1}.hub-feature-name{font-size:var(--font-size-xl);font-weight:600;color:var(--hub-text);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.hub-badge{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,var(--hub-red-soft) 0%,var(--hub-red) 100%);color:var(--hub-cream);border-radius:var(--radius-full);font-weight:500;box-shadow:0 2px 8px #a63d2e33}.hub-feature-description{font-size:var(--font-size-sm);color:var(--hub-text-secondary);line-height:1.6}.hub-reading-possession{position:fixed;z-index:0}.hub-container.is-reading-possessed .hub-header{border-bottom-color:color-mix(in srgb,var(--hub-reading-2) 46%,var(--hub-border))}.hub-feature-card.is-reading-possessed{border-color:color-mix(in srgb,var(--hub-reading-1) 46%,var(--hub-border))}.hub-feature-card.is-reading-possessed .hub-card-accent{background:linear-gradient(90deg,var(--hub-reading-1),var(--hub-reading-2),var(--hub-reading-3))}.hub-feature-status{width:fit-content;max-width:calc(100% - 1.5rem);margin:var(--space-sm) 0 0;padding:.34rem .62rem;display:flex;align-items:center;gap:.45rem;border:1px solid color-mix(in srgb,var(--hub-reading-1) 32%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--hub-reading-2) 12%,var(--hub-cream-card));color:var(--hub-pine);font-size:var(--font-size-xs);font-weight:650;line-height:1.35}.hub-feature-status-dot{width:.48rem;height:.48rem;flex:0 0 auto;border-radius:50%;background:var(--hub-reading-3);box-shadow:0 0 0 4px color-mix(in srgb,var(--hub-reading-3) 14%,transparent);animation:hubReadingSignal 2.4s ease-in-out infinite}@keyframes hubReadingSignal{0%,to{opacity:.64;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hub-feature-status-dot{animation:none}}.hub-feature-arrow{position:absolute;top:var(--space-xl);right:var(--space-xl);color:var(--hub-text-muted);transition:all var(--transition-base)}.hub-feature-card.available:hover .hub-feature-arrow{transform:translate(4px);color:var(--hub-pine-mid)}.hub-marquee{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-evenly;overflow:hidden;opacity:.06;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}.hub-marquee-col{flex:none;animation:hubMarqueeUp 80s linear infinite;will-change:transform}.hub-marquee-definitions{position:absolute;width:0;height:0;overflow:hidden}.hub-marquee-col--down{animation-name:hubMarqueeDown}.hub-marquee.is-paused .hub-marquee-col{animation-play-state:paused}.hub-marquee-cell{width:72px;height:72px;margin-bottom:48px}.hub-marquee-cell>svg{width:100%;height:100%}.hub-marquee .hub-anim-icon *{animation:none!important}.hub-marquee .hia-tline{opacity:1}.hub-marquee .hia-heist-thread{opacity:.72}.hub-marquee .hia-heist-stamp{opacity:.82;transform:rotate(-8deg)}@keyframes hubMarqueeUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes hubMarqueeDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media(max-width:900px){.hub-marquee-col:nth-of-type(n+5){display:none}}@media(prefers-reduced-motion:reduce){.hub-marquee-col{animation:none}}.hub-bg-decoration{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.hub-snow-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(3px 3px at 12% 18%,rgba(255,255,255,.95) 45%,transparent 50%),radial-gradient(2.4px 2.4px at 38% 62%,rgba(255,255,255,.85) 45%,transparent 50%),radial-gradient(2px 2px at 74% 34%,rgba(255,255,255,.9) 45%,transparent 50%),radial-gradient(2.6px 2.6px at 58% 82%,rgba(217,232,223,.9) 45%,transparent 50%),radial-gradient(2px 2px at 88% 70%,rgba(255,255,255,.8) 45%,transparent 50%),radial-gradient(1.8px 1.8px at 24% 88%,rgba(217,232,223,.85) 45%,transparent 50%);background-size:460px 460px,460px 460px,460px 460px,640px 640px,640px 640px,640px 640px;animation:hubSnowFall 18s linear infinite}@keyframes hubSnowFall{to{background-position:0 460px,0 460px,0 460px,0 640px,0 640px,0 640px}}@media(prefers-reduced-motion:reduce){.hub-snow-layer,.hub-bg-gradient-1,.hub-bg-gradient-2,.hub-bg-gradient-3,.hub-feature-card.available:hover .hub-feature-icon{animation:none}}.hub-bg-gradient-1,.hub-bg-gradient-2,.hub-bg-gradient-3{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2;animation:pulse 10s ease-in-out infinite}.hub-bg-gradient-1{width:480px;height:480px;background:linear-gradient(135deg,#2d5a4a66,#1e3c344d);top:-180px;left:-180px;animation-delay:0s}.hub-bg-gradient-2{width:380px;height:380px;background:linear-gradient(135deg,#a63d2e26,#c45c4a1f);bottom:-120px;right:-120px;animation-delay:2s}.hub-bg-gradient-3{width:320px;height:320px;background:linear-gradient(135deg,#b8952e33,#c9a22726);top:50%;right:8%;animation-delay:4s}@media(max-width:640px){.hub-bg-gradient-1,.hub-bg-gradient-2,.hub-bg-gradient-3{filter:blur(70px)}}@media(hover:none),(pointer:coarse){.hub-portfolio-strip{content-visibility:auto;contain-intrinsic-size:0 120px}}.hub-portfolio-strip{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--hub-border);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.hub-portfolio-eyebrow{font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--hub-text-muted);margin:0}.hub-portfolio-entry{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--hub-cream-card);border:1px solid var(--hub-border);border-radius:var(--radius-full);box-shadow:var(--hub-shadow);cursor:pointer;text-align:left;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.hub-portfolio-entry:hover{transform:translateY(-2px);box-shadow:var(--hub-shadow-hover);border-color:#2d5a4a4d}.hub-portfolio-entry:focus-visible{outline:2px solid var(--hub-pine-mid);outline-offset:2px}.hub-portfolio-icon{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-full);display:grid;place-items:center;overflow:hidden;background:var(--gradient-primary);color:var(--hub-cream);border:1px solid var(--hub-border)}.hub-portfolio-icon-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-full)}.hub-portfolio-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}.hub-portfolio-label{font-weight:600;font-size:var(--font-size-sm);color:var(--hub-text)}.hub-portfolio-sub{font-size:var(--font-size-xs);color:var(--hub-text-muted)}.hub-portfolio-chevron{color:var(--hub-text-muted);transition:transform var(--transition-fast)}.hub-portfolio-entry:hover .hub-portfolio-chevron{transform:translate(3px)}@media(max-width:640px){.hub-header{padding:var(--space-md) var(--space-lg)}.hub-title{font-size:var(--font-size-xl)}.hub-subtitle{font-size:var(--font-size-sm)}.hub-header-right{gap:var(--space-sm)}.pawn-workshop{width:min(160px,40vw)!important;height:auto!important}.hub-content{padding:var(--space-xl) var(--space-lg)}.hub-intro{margin-bottom:var(--space-xl)}.hub-intro h2{font-size:var(--font-size-xl)}.hub-intro h2.hub-intro-line{font-size:1.9rem}.hub-feature-card{padding:var(--space-lg)}.hub-portfolio-entry{width:100%;justify-content:flex-start}}.story-validate-panel{position:absolute;top:12px;right:12px;z-index:20;width:300px;max-width:calc(100vw - 24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px;font-size:var(--font-size-sm)}.story-validate-head{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--color-text-primary)}.story-validate-close{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:inline-flex;padding:2px;border-radius:6px}.story-validate-close:hover{background:var(--color-bg-tertiary)}.story-validate-list{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.story-validate-list li{padding:8px 10px;border-radius:8px;line-height:1.4;color:var(--color-text-secondary);border-left:3px solid var(--color-text-muted);background:var(--color-bg-secondary)}.story-validate-list li.sv-orphaned{border-left-color:#c45c4a}.story-validate-list li.sv-dead-end{border-left-color:#c9a227}.story-validate-list li.sv-unconnected-choice{border-left-color:#3d6b5a}.story-validate-list li.sv-expr-error,.story-validate-list li.sv-unknown-var,.story-validate-list li.sv-infinite-loop,.story-validate-list li.sv-inventory-key{border-left-color:#b3452f}.story-validate-list li.sv-unreachable,.story-validate-list li.sv-ending-with-exit{border-left-color:#c45c4a}.story-validate-list li.sv-cycle,.story-validate-list li.sv-missing-start{border-left-color:#c9a227}.node-editor-image{position:relative;display:inline-block;max-width:100%}.node-editor-image img{display:block;max-width:100%;max-height:220px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.node-editor-image-remove{position:absolute;top:8px;right:8px;background:#0000008c!important;color:#fff!important;border:none!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-node-image{position:relative;margin:6px 0;border-radius:8px;overflow:hidden}.story-node-shot-count{position:absolute;bottom:6px;right:6px;padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:700;color:#fff;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-node-image img{display:block;width:100%;max-height:120px;object-fit:cover}.story-player-body{padding:var(--space-2xl)}@media(max-width:640px){.story-player-body{padding:var(--space-lg)}}.story-player-image{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:var(--radius-lg);margin-bottom:var(--space-xl);background:var(--glass-bg)}.story-vars-panel{position:absolute;top:12px;right:12px;z-index:20;width:330px;max-width:calc(100vw - 24px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px;font-size:var(--font-size-sm)}.story-vars-head{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.story-vars-empty{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:6px 0;line-height:1.4}.story-vars-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.story-vars-row{display:flex;align-items:center;gap:6px}.story-vars-row input,.story-vars-row select{padding:5px 7px;font-size:var(--font-size-xs);border:1px solid var(--glass-border);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-primary);min-width:0}.story-vars-row .sv-name{flex:1 1 40%}.story-vars-row select{flex:0 0 auto}.story-vars-row>input[type=number],.story-vars-row>input:not(.sv-name){flex:1 1 30%}.story-vars-del{flex:0 0 auto;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:inline-flex;padding:4px;border-radius:6px}.story-vars-del:hover{background:#fbecea;color:#b3452f}.story-vars-add{margin-top:10px;width:100%;justify-content:center}.story-inventory-panel{width:430px}.story-inventory-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(100px,.9fr) auto auto;align-items:center;gap:6px}.story-inventory-row>input{min-width:0;padding:5px 7px;font-size:var(--font-size-xs);border:1px solid var(--glass-border);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-primary)}.story-item-key{font-family:ui-monospace,SF Mono,Menlo,monospace}.story-item-initial{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.story-item-initial input{width:auto}.choice-card{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.choice-card-row{display:flex;gap:var(--space-sm)}.choice-expr{width:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--font-size-xs)!important}.choice-err{color:#b3452f;font-size:var(--font-size-xs)}.choice-once{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer}.choice-once input{width:auto}.choice-inventory-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.choice-inventory-tools select{min-width:0;padding:6px 8px;border:1px solid var(--glass-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.story-ending-editor{padding:12px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.story-ending-editor>input{margin-top:8px;width:100%}.story-editor-toolbar{gap:var(--space-sm);padding-top:6px;padding-bottom:6px}.story-editor-toolbar .toolbar-group{gap:5px}.story-editor-toolbar .btn-icon{width:32px;height:32px;padding:6px}.toolbar-more{position:relative}.toolbar-more-menu{position:fixed;z-index:200;min-width:184px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px;display:flex;flex-direction:column;gap:2px}.toolbar-more-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;border-radius:6px;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;text-align:left}.toolbar-more-menu button:hover{background:var(--color-bg-tertiary)}.toolbar-more-sep{height:1px;background:var(--glass-border);margin:4px 2px}.toolbar-more-danger{color:#b3452f!important}.story-toolbar-notice{position:fixed;z-index:260;top:62px;right:14px;max-width:min(360px,calc(100vw - 28px));padding:9px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-lg);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.story-char-row{display:flex;align-items:center;gap:6px}.story-char-portrait{flex:0 0 auto;width:32px;height:32px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--glass-border);color:var(--color-text-muted);cursor:pointer}.story-char-portrait img{width:100%;height:100%;object-fit:cover}.story-char-row .sv-name{flex:1;padding:5px 7px;font-size:var(--font-size-xs);border:1px solid var(--glass-border);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text-primary);min-width:0}.story-char-row input[type=color]{flex:0 0 auto;width:30px;height:28px;padding:0;border:1px solid var(--glass-border);border-radius:6px;background:none;cursor:pointer}.story-node-speaker{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;margin:2px 0 4px}.story-node-speaker img{width:20px;height:20px;border-radius:50%;object-fit:cover}.story-player-speaker{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-sm)}.story-player-speaker img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-sm)}.story-player-speaker span{font-size:var(--font-size-lg);font-weight:700}.player-state-panel{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 12px;margin-bottom:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.player-state-var{color:var(--color-text-secondary)}.player-state-var b{color:var(--color-text-primary);font-weight:700}.node-color-swatches{display:flex;gap:8px;margin-top:8px}.node-color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 1px var(--glass-border);padding:0;background:var(--color-bg-elevated)}.node-color-swatch.active{border-color:var(--color-text-primary)}.node-color-swatch.is-none:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:linear-gradient(45deg,transparent 44%,#b3452f 45%,#b3452f 55%,transparent 56%)}.node-color-swatch.is-none{position:relative}.story-node-chapter{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:2px}.story-choice-add{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;border:none;border-radius:5px;background:#2d5a4a1a;color:#2d5a4a;cursor:pointer}.story-choice-add:hover{background:#2d5a4a38}.story-node-add-next{display:inline-flex;align-items:center;gap:3px;margin:8px auto 0;padding:3px 10px;border:1px dashed var(--glass-border);border-radius:999px;background:none;color:var(--color-text-muted);font-size:.72rem;cursor:pointer}.story-node-add-next:hover{border-color:#2d5a4a;color:#2d5a4a}.shot-list{display:flex;flex-direction:column;gap:8px}.shot-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.shot-index{flex:0 0 auto;width:20px;text-align:center;font-weight:700;font-size:var(--font-size-xs);color:var(--color-text-muted)}.shot-thumb{flex:0 0 auto;width:68px;height:44px;border-radius:6px;overflow:hidden;background:var(--color-bg-tertiary)}.shot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.shot-caption{flex:1 1 auto;min-width:0;padding:6px 8px;font-size:var(--font-size-sm);border:1px solid var(--glass-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary)}.shot-actions{flex:0 0 auto;display:flex;gap:2px}.story-player-shot{margin:0 0 var(--space-lg)}.story-player-shot .story-player-image{margin-bottom:var(--space-xs)}.story-player-shot-caption{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center;font-style:italic}.story-player-modal{max-width:900px;width:min(94%,900px);max-height:90vh}.story-player-header>div:first-child{display:flex;flex-direction:column;gap:2px}.story-shared-badge{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.story-player-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.story-player-controls .active{border-color:#2d5a4a;color:#2d5a4a;background:#2d5a4a14}.story-player-empty{text-align:center;color:var(--color-text-secondary)}.story-player-scene-head h3{margin:4px 0 var(--space-sm);font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.15;color:var(--color-text-primary)}.story-player-chapter{font-size:var(--font-size-xs);color:#c45c4a;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.story-player-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.story-player-prose{white-space:pre-wrap;font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text-primary);margin-bottom:var(--space-2xl)}.story-player-actions{display:flex;flex-direction:column;gap:var(--space-md)}.story-player-choice{padding:var(--space-lg);font-size:var(--font-size-base);text-align:left;justify-content:flex-start}.story-player-continue{padding:var(--space-lg);justify-content:center}.story-player-ending,.story-player-blocked{text-align:center;padding:var(--space-xl);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg)}.story-player-ending>span{font-size:var(--font-size-xs);font-weight:800;letter-spacing:.12em;color:#c45c4a}.story-player-ending h4{margin:4px 0 var(--space-lg);font-size:var(--font-size-xl)}.story-player-blocked{border-color:#c45c4a73}.story-player-blocked p{color:var(--color-text-secondary);margin-bottom:0}.story-player-steps{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--glass-border);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.story-player-inventory{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 12px;margin-bottom:var(--space-lg);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.story-player-inventory-title{display:inline-flex;align-items:center;gap:5px;margin-right:3px;font-size:var(--font-size-xs);font-weight:800}.story-player-item{padding:3px 9px;border-radius:999px;background:#2d5a4a1a;color:#2d5a4a;font-size:var(--font-size-xs);font-weight:600}.story-stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:var(--space-xl)}.story-stats-summary>div{display:flex;flex-direction:column;padding:14px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.story-stats-summary strong{font-size:var(--font-size-2xl);line-height:1}.story-stats-summary span{margin-top:5px;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.story-stats-groups{display:flex;flex-direction:column;gap:var(--space-lg)}.story-stats-group{padding:14px;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.story-stats-group-head,.story-stat-choice-label,.story-stats-endings>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-stats-group-head{margin-bottom:12px}.story-stats-group-head span,.story-stat-choice-label b{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.story-stat-choice+.story-stat-choice{margin-top:10px}.story-stat-choice-label span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.story-stat-track{height:6px;margin-top:4px;overflow:hidden;border-radius:999px;background:var(--color-bg-tertiary)}.story-stat-track span{display:block;height:100%;border-radius:inherit;background:var(--gradient-success)}.story-stats-endings{margin-top:var(--space-xl);padding:14px;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.story-stats-endings h3{margin:0 0 8px;font-size:var(--font-size-base)}.story-stats-endings>div{padding:6px 0;color:var(--color-text-secondary)}.story-stats-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--glass-border)}.story-stats-foot p,.story-stats-empty{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0}.story-share-error{min-height:70vh;display:grid;place-content:center;justify-items:center;text-align:center;gap:10px}.story-share-error h1,.story-share-error p{margin:0}@media(max-width:680px){.story-player-header{align-items:flex-start}.story-player-controls{width:100%}.story-stats-summary{grid-template-columns:1fr}.story-stats-foot{align-items:flex-start;flex-direction:column}.story-inventory-row{grid-template-columns:1fr 1fr}.choice-inventory-tools{grid-template-columns:1fr}}.story-view-toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--glass-border);border-radius:var(--radius-full);background:var(--color-bg-tertiary)}.story-view-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:none;border-radius:var(--radius-full);background:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.story-view-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.storyboard-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:var(--space-xl);background:var(--color-bg-primary)}.storyboard-empty{text-align:center;color:var(--color-text-tertiary);padding:var(--space-2xl)}.storyboard-section{margin-bottom:var(--space-2xl)}.storyboard-section-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--glass-border)}.storyboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.storyboard-card{display:flex;flex-direction:column;border:1px solid var(--glass-border);border-top:3px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);overflow:hidden}.storyboard-card.is-start{box-shadow:0 0 0 2px var(--color-accent-green),var(--shadow-md)}.storyboard-card-head{display:flex;align-items:center;gap:8px;padding:10px 12px}.storyboard-scene-no{flex:0 0 auto;min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--gradient-primary);color:#fff;font-size:var(--font-size-xs);font-weight:700}.storyboard-card-title{flex:1 1 auto;min-width:0;font-weight:700;font-size:var(--font-size-base);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storyboard-edit{flex:0 0 auto;opacity:.6}.storyboard-edit:hover{opacity:1}.storyboard-panels{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--color-bg-tertiary)}.storyboard-panels.single{grid-template-columns:1fr}.storyboard-panel{margin:0;background:#000}.storyboard-panel img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.storyboard-panel figcaption{display:flex;align-items:baseline;gap:5px;padding:5px 8px;font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-secondary)}.storyboard-panel-no{flex:0 0 auto;font-weight:700;color:var(--color-text-muted)}.storyboard-panel-empty{color:var(--color-text-muted);font-style:italic}.storyboard-noimg{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);background:var(--color-bg-tertiary)}.storyboard-speaker{display:flex;align-items:center;gap:6px;padding:8px 12px 0;font-size:var(--font-size-sm);font-weight:600}.storyboard-speaker img{width:20px;height:20px;border-radius:50%;object-fit:cover}.storyboard-text{padding:8px 12px;margin:0;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary);white-space:pre-wrap}.storyboard-links{display:flex;flex-direction:column;gap:4px;padding:8px 12px 12px;margin-top:auto}.storyboard-link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.storyboard-link.next{color:var(--color-accent-green);font-weight:600}.storyboard-link.choice{color:var(--color-accent-pink)}