a[href="#main-content"]{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}a[href="#main-content"]:focus{position:fixed;top:var(--space-2);left:var(--space-2);width:auto;height:auto;padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-interface);font-size:var(--font-size-sm);z-index:9999;outline:2px solid var(--color-text-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.component-loading-dot,.component-loading-pulse-avatar-circle,.component-loading-pulse-line,.component-loading-skeleton-line,:root .manuscript-streaming-dot{animation-duration:2s!important;animation-iteration-count:infinite!important}}#react-joyride-portal{position:absolute;top:0;left:0;z-index:10000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}.text-narrative{font-family:var(--font-narrative);font-size:var(--font-size-md);line-height:1.75;color:var(--color-text-primary)}.text-narrative p{margin-bottom:var(--space-4)}.text-narrative p:last-child{margin-bottom:0}.text-narrative em{font-style:italic;color:inherit}.text-narrative.scene-spacing p{margin-bottom:var(--space-6)}.text-narrative.preserve-breaks{white-space:pre-line}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:color .15s}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}body{font-family:var(--font-interface),system-ui,sans-serif;background:var(--color-canvas);color:var(--color-text-primary);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}body,body>*{position:relative}body>*{z-index:1}.font-narrative{font-family:var(--font-narrative)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-interface);font-size:var(--font-size-sm);font-weight:500;line-height:1;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap;text-decoration:none}.button:disabled{opacity:.5;pointer-events:none}.button-default{background:var(--color-accent);color:var(--color-on-accent);border:1px solid var(--color-accent)}.button-default:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-text-inverse)}.button-secondary{background:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border)}.button-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong,var(--color-border))}.button-outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.button-outline:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong,var(--color-border))}.button-ghost{background:transparent;color:var(--color-text-primary);border:1px solid transparent}.button-ghost:hover{background:var(--color-surface-hover)}.button.button-link{background:transparent;color:var(--color-accent);border:1px solid transparent;text-decoration:underline;text-underline-offset:2px;padding:0;min-height:auto}.button-link:hover{color:var(--color-accent-hover)}.button-destructive{background:var(--color-danger);color:var(--color-on-danger);border:1px solid var(--color-danger)}.button-destructive:hover{background:var(--color-danger-hover);border-color:var(--color-danger-hover);color:var(--color-text-inverse)}.button-destructive-outline{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.button-destructive-outline:hover{background:var(--color-surface-hover)}.button-success{background:var(--color-success);color:var(--color-on-success);border:1px solid var(--color-success)}.button-success:hover{background:var(--color-success-hover,var(--color-success));border-color:var(--color-success-hover,var(--color-success))}.button-info{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid var(--color-accent)}.button-info:hover{background:var(--color-accent);color:var(--color-on-accent)}.button-warning{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning-border)}.button-warning:hover{background:var(--color-warning);color:var(--color-on-warning)}.button-size-default{padding:var(--space-2) var(--space-4)}.button-size-default,.button-size-sm{min-height:var(--control-height-touch)}.button-size-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);min-width:var(--control-height-touch)}.button-size-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.button-size-icon,.button-size-lg{min-height:var(--control-height-touch)}.button-size-icon{padding:var(--space-2);min-width:var(--control-height-touch)}.button-size-icon svg{width:1rem;height:1rem}.data-table{display:flex;flex-direction:column;gap:var(--space-3)}.data-table-pagination{flex-wrap:wrap;align-items:center;justify-content:space-between;font-family:var(--font-interface);font-size:var(--font-size-xs_5);color:var(--color-text-muted)}.data-table-pagination,.data-table-pagination-controls{display:flex;gap:var(--space-2)}.dark-mode-toggle{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.dark-mode-toggle-option{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-1_5);border:none;background:transparent;color:var(--color-text-muted);font-family:var(--font-system);font-size:var(--font-size-2xs);font-weight:600;letter-spacing:.05em;cursor:pointer;transition:color .12s ease,background-color .12s ease}.dark-mode-toggle-option svg{width:14px;height:14px}.dark-mode-toggle-option:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.dark-mode-toggle-option-active{color:var(--color-text-primary);background:var(--color-surface-hover)}.dark-mode-toggle-option-compact{padding:.1875rem var(--space-1_5);font-size:.5625rem}.dark-mode-toggle-option-compact svg{width:12px;height:12px}.ending-triumphant{background-color:hsl(var(--ending-triumphant))}.ending-mysterious{background-color:hsl(var(--ending-mysterious))}.ending-tragic{background-color:hsl(var(--ending-tragic))}.ending-hopeful{background-color:hsl(var(--ending-hopeful))}.narrative-history-segments{display:flex;flex-direction:column;gap:var(--space-5)}.narrative-segment{display:flex;flex-direction:column;gap:var(--space-3)}.inventory-category-list{display:flex;flex-direction:column;gap:var(--space-8)}.component-skill-prerequisites-editor .skill-prerequisites-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.component-skill-prerequisites-editor .skill-prerequisite-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.component-skill-prerequisites-editor .skill-prerequisite-row .form-input{max-width:6rem}.app-global-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:100vh;padding:var(--space-8) var(--space-4);background:var(--color-canvas);color:var(--color-text-primary);text-align:center}.app-global-error-title{font-family:var(--font-narrative);font-size:var(--font-size-xl);font-weight:600;margin:0}.app-global-error-message{font-size:var(--font-size-sm_5)}.app-global-error-message,.app-global-error-suggestion{font-family:var(--font-interface);line-height:1.5;max-width:32rem;margin:0}.app-global-error-suggestion{font-size:var(--font-size-xs_5);color:var(--color-text-secondary)}.app-global-error-action{font-family:var(--font-interface);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-5);margin-top:var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer}.app-global-error-action:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-text-inverse)}