:root{--color-primary: #0d0d0d;--primary-color: #0d0d0d;--primary-light: #1a1a1a;--primary-dark: #080808;--primary-darker: #000000;--primary-alpha-05: rgba(13, 13, 13, .05);--primary-alpha-10: rgba(13, 13, 13, .1);--primary-alpha-30: rgba(13, 13, 13, .3);--primary-alpha-40: rgba(13, 13, 13, .4);--color-success: #0d0d0d;--success-color: #0d0d0d;--success-dark: #080808;--success-darker: #000000;--color-danger: #dc143c;--danger-color: #dc143c;--danger-dark: #b8102e;--danger-darker: #9e1a2a;--color-warning: #c49100;--warning-color: #c49100;--warning-dark: #9a6f00;--color-info: #2c2c2c;--info-color: #2c2c2c;--color-addition: #22a66f;--addition-color: #22a66f;--addition-dark: #1a8a5c;--addition-alpha-05: rgba(34, 166, 111, .05);--addition-alpha-10: rgba(34, 166, 111, .1);--addition-alpha-15: rgba(34, 166, 111, .15);--addition-alpha-20: rgba(34, 166, 111, .2);--color-secondary: #2f2f2f;--secondary-color: #2f2f2f;--secondary-dark: #252525;--secondary-darker: #1a1a1a;--secondary-light: #cfcfcf;--secondary-lighter: #e6e6e6;--gray-50: #f8f9fa;--gray-100: #e9ecef;--gray-200: #dee2e6;--gray-300: #adb5bd;--gray-400: #868e96;--gray-500: #6c757d;--gray-600: #495057;--gray-700: #383d41;--gray-800: #2c3e50;--color-bias-positive: var(--success-color);--color-bias-positive-bg: #d4edda;--color-bias-positive-border: #c3e6cb;--color-bias-positive-text: #155724;--color-bias-negative: var(--danger-color);--color-bias-negative-bg: #f8d7da;--color-bias-negative-border: #f5c6cb;--color-bias-negative-text: #721c24;--color-bias-neutral: var(--secondary-color);--color-bias-neutral-bg: #e2e3e5;--color-bias-neutral-border: #d6d8db;--color-bias-neutral-text: #383d41;--color-voice-selected: var(--primary-color);--color-voice-selected-bg: var(--primary-alpha-05);--color-voice-hover: var(--primary-alpha-10);--color-voice-add-btn: var(--success-color);--color-voice-add-btn-hover: var(--success-dark);--color-encounter-active: var(--primary-color);--color-encounter-hover: var(--primary-alpha-05);--color-encounter-focus: var(--primary-alpha-30);--color-reveal-locked: var(--gray-100);--color-reveal-locked-text: var(--gray-500);--color-reveal-partial: #fff3cd;--color-reveal-partial-text: #856404;--color-reveal-complete: #d4edda;--color-reveal-complete-text: #155724;--text-primary: #080808;--text-secondary: #666666;--text-muted: #666666;--text-label: #080808;--bg-white: #ffffff;--bg-light: #f5f5f5;--bg-input: #f5f5f5;--bg-tag-display: #f5f5f5;--border-light: #a0a0a0;--border-default: #a0a0a0;--border-input: #a0a0a0;--border-focus: var(--primary-color);--border-dashed: #a0a0a0;--shadow-card: 0 4px 12px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 25px rgba(0, 0, 0, .12);--shadow-button: 0 2px 4px var(--primary-alpha-30);--shadow-button-hover: 0 4px 8px var(--primary-alpha-40);--shadow-success: 0 2px 4px rgba(13, 13, 13, .3);--shadow-success-hover: 0 4px 8px rgba(13, 13, 13, .4);--shadow-danger: 0 2px 4px rgba(220, 20, 60, .3);--shadow-danger-hover: 0 4px 8px rgba(220, 20, 60, .4);--shadow-secondary: 0 2px 4px rgba(47, 47, 47, .3);--shadow-secondary-hover: 0 4px 8px rgba(47, 47, 47, .4);--shadow-encounter-focus: 0 0 0 2px var(--primary-alpha-30);--shadow-voice-hover: 0 2px 4px rgba(0, 0, 0, .1);--shadow-reveal-hover: 0 2px 4px var(--primary-alpha-30);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-round: 50%;--radius-pill: 16px;--radius-2: .375rem;--radius-3: .5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9rem;--font-size-md: .95rem;--font-size-lg: 1rem;--font-size-xl: 1.2rem;--font-size-xxl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-sans: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--transition-fast: .2s ease;--transition-normal: .3s ease;--max-content-width: 1400px;--sidebar-width: 200px;--header-height: 70px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 500;--z-modal-backdrop: 1000;--z-modal: 1010;--z-tooltip: 1020;--breakpoint-mobile: 480px;--breakpoint-tablet-portrait: 768px;--breakpoint-tablet-landscape: 1024px;--breakpoint-desktop: 1280px}@media (min-width: 768px) and (max-width: 1023px){:root{--spacing-touch-target: 44px;--spacing-tablet: calc(var(--spacing-xl) * 1.2);--tablet-content-padding: calc(var(--spacing-xxl) * 1.2)}}@media (min-width: 1024px){:root{--spacing-content: calc(var(--spacing-xxl) * 1.5);--desktop-content-spacing: calc(var(--spacing-xxl) * 1.8)}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;height:100dvh;font-family:var(--font-sans);line-height:1.5;font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--bg-light)}#app{width:100%;height:100%;height:100dvh}.shared-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-xxl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal);text-align:left;display:flex;flex-direction:column;min-height:100%;height:auto;width:100%;max-width:800px;margin:0 auto}.shared-input,.shared-textarea,.shared-select{padding:var(--spacing-md);border:2px solid var(--border-input);border-radius:var(--radius-lg);font-size:var(--font-size-lg);transition:all var(--transition-fast);background:var(--bg-input);font-family:inherit;color:var(--text-primary)}.shared-btn{padding:var(--spacing-sm) var(--spacing-xl);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);min-width:80px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none}.shared-avatar-section,.shared-avatar-edit-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.shared-avatar-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;margin:var(--spacing-xs) 0}.shared-error{text-align:left;padding:var(--spacing-xl);color:var(--danger-color);font-size:var(--font-size-base);background-color:var(--color-bias-negative-bg);border:1px solid var(--color-bias-negative-border);border-radius:var(--radius-lg);margin:var(--spacing-xl);white-space:pre-line;max-height:400px;overflow-y:auto;line-height:1.5}.app-container{height:100%;background:var(--bg-light);display:flex;flex-direction:column}.page-header{background:var(--bg-white);border-bottom:2px solid var(--border-default);padding:0 var(--spacing-xxl);box-shadow:var(--shadow-card);position:sticky;top:0;z-index:var(--z-sticky)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto;height:var(--header-height)}@media (min-width: 1024px){.header-content{max-width:var(--max-content-width)}}.page-title{margin:0;font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--text-label);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-layout{display:grid;grid-template-columns:max-content var(--sidebar-width) 1fr;flex:1;height:100%}.sidebar{width:var(--sidebar-width);background:var(--bg-white);border-right:2px solid var(--border-default);padding:var(--spacing-xl) 0;display:flex;flex-direction:column;gap:var(--spacing-xs);box-shadow:var(--shadow-card)}.nav-button{display:block;padding:var(--spacing-md) var(--spacing-xxl);color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border-left:3px solid transparent;margin:0 var(--spacing-sm);border-radius:var(--radius-md)}.nav-button:hover{background:var(--primary-alpha-05);color:var(--primary-color);border-left-color:var(--primary-alpha-30)}.nav-button.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-left-color:var(--primary-darker);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-button)}.content-area{flex:1;background:var(--bg-white);position:relative;display:flex;flex-direction:column;align-items:stretch}.required{color:var(--danger-color)}html,body{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;min-width:320px}@media (min-width: 768px) and (max-width: 1023px){.shared-btn{padding:var(--spacing-md) var(--spacing-xl);min-height:44px;min-width:120px}.shared-btn-primary,.shared-btn-success,.shared-btn-danger,.shared-btn-secondary{min-height:44px}.nav-button{padding:var(--spacing-lg) var(--spacing-xl);margin:var(--spacing-xs) var(--spacing-sm);min-height:44px;display:flex;align-items:center}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}.shared-slider::-webkit-slider-thumb,.slider::-webkit-slider-thumb{width:24px;height:24px}.shared-slider::-moz-range-thumb,.slider::-moz-range-thumb{width:24px;height:24px}.shared-input,.shared-textarea,.shared-select{padding:var(--spacing-lg);min-height:44px}input[type=checkbox],input[type=radio]{width:22px;height:22px}.bias-preference-row{padding:var(--spacing-lg);gap:var(--spacing-xl)}.bias-remove-btn{width:32px;height:32px;min-width:44px;min-height:44px;font-size:var(--font-size-xl)}.shared-add-btn{padding:var(--spacing-lg) var(--spacing-xl);min-height:44px;min-width:120px}}@media (max-width: 1023px){.app-container{min-width:1000px}}@media (max-width: 767px){.app-container{min-width:1000px}.shared-field-columns{grid-template-columns:1fr}.shared-actions{flex-direction:column;align-items:stretch}.shared-btn{width:100%}}@media (min-width: 1024px){.app-container{min-width:1000px}}@media (max-width: 480px){.page-header{padding:var(--spacing-lg)}.page-title{font-size:var(--font-size-xl)}}.bias-preference-row{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-white)}.bias-dropdown{min-width:150px;padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-white);font-size:var(--font-size-sm);color:var(--text-primary)}.bias-slider-container{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.bias-slider{flex:1;max-width:150px}.bias-value{font-weight:var(--font-weight-semibold);color:var(--text-secondary);min-width:30px;text-align:center;font-size:var(--font-size-sm)}.bias-remove-btn{background:var(--danger-color);color:#fff;border:none;border-radius:var(--radius-round);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-lg);line-height:1;transition:all var(--transition-fast)}.bias-remove-btn:hover{background:var(--danger-dark);transform:scale(1.1)}.content-field{margin-bottom:var(--spacing-xxl)}.section-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-bottom:2px solid var(--border-default);padding-bottom:var(--spacing-sm)}.appearance-field,.abilities-skills-section{margin-bottom:var(--spacing-lg)}.player-title-section{margin:0 0 var(--spacing-xxl) 0;text-align:center;border-bottom:3px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.real-name{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.character-name{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.level-toggle{margin-bottom:var(--spacing-lg)}.level-toggle-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-lg);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-light);transition:all var(--transition-fast);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.level-toggle-option:hover{border-color:var(--primary-color);background:var(--primary-alpha-05)}.level-toggle-option input[type=checkbox]{margin:0;transform:scale(1.1)}.shared-slider{width:100%;height:6px;border-radius:3px;background:var(--border-default);outline:none;-webkit-appearance:none;cursor:pointer}.shared-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-round);background:var(--primary-color);cursor:pointer;transition:all var(--transition-fast)}.shared-slider::-webkit-slider-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}.shared-slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-round);background:var(--primary-color);cursor:pointer;border:none;transition:all var(--transition-fast)}.shared-slider::-moz-range-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}.shared-add-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--success-color),var(--success-dark));color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-success);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.shared-add-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--success-dark),var(--success-darker));transform:translateY(-2px);box-shadow:var(--shadow-success-hover)}.threshold-manager{margin:var(--spacing-lg) 0}.slider{width:100%;height:6px;border-radius:3px;background:var(--border-default);outline:none;-webkit-appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-round);background:var(--primary-color);cursor:pointer;transition:all var(--transition-fast)}.slider::-webkit-slider-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-round);background:var(--primary-color);cursor:pointer;border:none;transition:all var(--transition-fast)}.slider::-moz-range-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--border-default);outline:none;-webkit-appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-round);background:var(--primary-color);cursor:pointer;transition:all var(--transition-fast);border:none}input[type=range]::-webkit-slider-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:focus{background:var(--primary-dark);box-shadow:0 0 0 3px var(--primary-alpha-10)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-round);background:var(--primary-color);cursor:pointer;border:none;transition:all var(--transition-fast)}input[type=range]::-moz-range-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}input[type=range]::-moz-range-thumb:focus{background:var(--primary-dark);box-shadow:0 0 0 3px var(--primary-alpha-10)}input[type=range]::-moz-range-track{background:var(--border-default);height:6px;border-radius:3px}input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-input);border-radius:var(--radius-round);background:var(--bg-white);cursor:pointer;transition:all var(--transition-fast);position:relative;margin:0}input[type=radio]:hover{border-color:var(--primary-color);background:var(--primary-alpha-05)}input[type=radio]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-alpha-10)}input[type=radio]:checked{border-color:var(--primary-color);background:var(--primary-color)}input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:var(--radius-round);background:#fff}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-white);cursor:pointer;transition:all var(--transition-fast);position:relative;margin:0}input[type=checkbox]:hover{border-color:var(--primary-color);background:var(--primary-alpha-05)}input[type=checkbox]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-alpha-10)}input[type=checkbox]:checked{border-color:var(--primary-color);background:var(--primary-color)}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;line-height:1}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5'><path fill='%23666' d='m0,1 1,0 -0.5,1 z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:40px}select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-alpha-10)}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px var(--primary-alpha-10)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.shared-speak-button{padding:var(--spacing-lg) var(--spacing-xxl);border:3px solid var(--primary-color);background:var(--primary-color);color:#fff;border-radius:50px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;min-width:120px;min-height:64px;transition:all .2s ease}.shared-speak-button:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.shared-speak-button.recording{background:var(--danger-color);border-color:var(--danger-color);animation:shared-pulse 1.5s ease-in-out infinite}.shared-speak-button.processing{background:var(--warning-color);border-color:var(--warning-color);cursor:not-allowed}.shared-speak-button:disabled{opacity:.6;cursor:not-allowed}.shared-encounter-controls-grid{display:grid;grid-template-columns:var(--encounter-col-left, 150px) var(--encounter-col-right, 120px);gap:var(--encounter-controls-gap, 20px);justify-content:center;align-items:center;margin-bottom:var(--encounter-controls-grid-margin-bottom, 0)}.shared-encounter-controls-cell{width:100%;display:flex;justify-content:center}.shared-encounter-controls-empty,.shared-encounter-skill-placeholder-cell,.shared-encounter-controls-placeholder{min-height:var(--encounter-placeholder-height, 44px)}.shared-encounter-controls-placeholder{width:100%;visibility:hidden}.shared-encounter-controls-grid .shared-speak-button{width:100%;box-sizing:border-box}.shared-encounter-skill-select{width:100%;min-width:0;box-sizing:border-box}.shared-encounter-challenge-button{padding:12px 24px;font-size:1em;font-weight:600;border:2px solid var(--gray-500);border-radius:12px;cursor:pointer;transition:all .3s ease;width:100%;box-sizing:border-box;background:#fff;color:var(--gray-500);box-shadow:var(--shadow-voice-hover);min-height:var(--encounter-challenge-button-height, 44px);display:flex;align-items:center;justify-content:center}.shared-encounter-challenge-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-reveal-hover)}.shared-encounter-challenge-button.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-color:var(--primary-color)}.shared-encounter-challenge-button.active:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-darker));border-color:var(--primary-darker)}.shared-encounter-challenge-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 767px){.shared-encounter-controls-grid{grid-template-columns:minmax(0,1fr);max-width:var(--encounter-mobile-max-width, 280px);margin:0 auto var(--encounter-controls-mobile-margin-bottom, 0);gap:var(--encounter-controls-mobile-gap, 12px)}.shared-encounter-controls-empty,.shared-encounter-skill-placeholder-cell{display:none;min-height:0}.shared-encounter-controls-placeholder{min-height:0}}@keyframes shared-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}.shared-status-text{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.shared-status-text.recording{color:var(--danger-color);font-weight:var(--font-weight-medium)}.shared-status-text.processing{color:var(--warning-color);font-weight:var(--font-weight-medium)}.landing-page{min-height:100dvh;background:radial-gradient(circle at 20% 10%,rgba(13,13,13,.08),transparent 35%),radial-gradient(circle at 85% 30%,rgba(13,13,13,.05),transparent 40%),linear-gradient(180deg,#f2f2f2,#fff 35%,#f7f7f7);color:var(--text-primary)}.landing-header{border-bottom-width:2px}.landing-hero-inner,.landing-section{width:min(1100px,calc(100% - 2rem));margin:0 auto}.landing-header-inner{justify-content:space-between!important;gap:1rem;min-width:0}.landing-header-inner>:first-child{flex:1 1 auto;min-width:0}.landing-login-btn{min-width:96px;flex:0 0 auto}.landing-hero{padding:4rem 0 3rem}.landing-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem}.landing-eyebrow{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em}.landing-title{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.05}.landing-subtitle{margin:0;color:var(--text-secondary);max-width:760px;font-size:var(--font-size-lg)}.landing-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.landing-btn{min-width:160px}.landing-hero-actions .landing-btn{text-decoration:none}.landing-hero-image-wrap{margin-top:1.2rem;width:min(920px,100%);padding:1rem;border-radius:var(--radius-xl);background:linear-gradient(180deg,#0d0d0d1f,#0d0d0d05)}.landing-hero-image{width:100%;max-height:560px;object-fit:contain;display:block;filter:drop-shadow(0 20px 35px rgba(0,0,0,.2))}.landing-section{padding:3rem 0}.landing-section-title{margin:0 0 1.3rem;font-size:clamp(1.6rem,3vw,2.4rem);text-align:center}.landing-feature-card{background:#fffffff2;border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:1.1rem;box-shadow:var(--shadow-card)}.landing-feature-card h3{margin:.9rem 0 .45rem;font-size:1.2rem}.landing-feature-card p{margin:0;color:var(--text-secondary)}.landing-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(920px,100%);margin:0 auto}.landing-gallery-list{display:grid;gap:1.2rem;width:min(980px,100%);margin:0 auto}.landing-gallery-item{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.4rem;align-items:center;background:#fffffff2;border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:1rem;overflow:hidden}.landing-gallery-media{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border-default);overflow:hidden}.landing-gallery-image{width:100%;height:auto;object-fit:cover;display:block}.landing-gallery-copy{display:grid;gap:.7rem}.landing-gallery-copy h3{margin:0;font-size:clamp(1.2rem,1.8vw,1.7rem)}.landing-gallery-copy p{margin:0;color:var(--text-secondary);line-height:1.6}.landing-feature-card{text-align:center}@media (max-width: 1024px){.landing-gallery-item{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1rem}}@media (max-width: 767px){.landing-header{padding:0 var(--spacing-md)}.landing-header-inner{padding:.6rem 0;min-width:0}.landing-header .landing-login-btn{width:auto;min-width:88px}.landing-hero-actions{width:100%;flex-direction:column;align-items:center}.landing-btn{min-width:160px;width:auto}.landing-hero-actions .landing-btn{flex:0 0 auto;width:auto}.landing-feature-grid{grid-template-columns:1fr}.landing-gallery-list{gap:1rem}.landing-gallery-item{grid-template-columns:1fr;gap:.9rem;padding:.8rem}.landing-gallery-copy h3{font-size:1.2rem}}:root{font-family:var(--font-sans);line-height:1.5;font-weight:var(--font-weight-normal);color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}#app{width:100%;height:100%;display:flex;flex-direction:column}.world-tabs{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);background:transparent;width:fit-content;min-width:60px;height:100%;justify-content:flex-start;align-items:center}.world-tab{padding:12px;background:var(--bg-white);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;position:relative;width:48px;height:48px;text-align:center;font-weight:var(--font-weight-semibold);color:var(--text-secondary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-card)}.world-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark))!important;color:#fff!important;border-color:var(--primary-color)!important;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-button-hover);transform:translate(2px)}.world-tab:hover:not(.active){background:var(--primary-alpha-05);border-color:var(--primary-alpha-30);color:var(--primary-color);transform:translate(1px)}.add-world-tab{padding:12px;background:var(--bg-white);border:2px dashed var(--secondary-color);border-radius:var(--radius-lg);cursor:pointer;color:var(--secondary-color);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxl);transition:all var(--transition-fast);width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}.add-world-tab:hover{background:var(--bg-light);border-color:var(--secondary-darker);color:var(--secondary-darker);transform:translate(1px)}.delete-btn{position:absolute;top:-4px;right:-4px;color:var(--danger-color);background:var(--bg-white);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);line-height:1;padding:2px 4px;border-radius:var(--radius-round);transition:all var(--transition-fast);border:1px solid var(--danger-color);width:18px;height:18px;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:var(--danger-color);color:#fff;transform:scale(1.1)}.success-toast{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);background:linear-gradient(135deg,var(--success-color),var(--success-dark));color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-success-hover);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);z-index:var(--z-modal);animation:slideInRight var(--transition-normal)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (min-width: 768px) and (max-width: 1023px){.delete-btn{width:22px;height:22px;top:-6px;right:-6px;font-size:var(--font-size-xs);min-width:22px;min-height:22px}}@media (max-width: 767px){.world-tabs{padding:var(--spacing-xs) 0}}.player-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin:0 auto;padding:var(--spacing-xl)}@media (min-width: 1024px){.player-cards-grid{max-width:var(--max-content-width)}}.player-card{background-color:var(--bg-white);color:var(--text-primary);border-radius:var(--radius-xl);padding:var(--spacing-xxl);text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:all var(--transition-normal);min-height:200px;display:flex;align-items:center;justify-content:center}.player-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}@media print{.world-tabs,.sidebar,.shared-actions{display:none!important}.main-layout{margin-left:0!important;max-width:100%!important}.shared-card{box-shadow:none!important;border:1px solid var(--border-default)!important;break-inside:avoid}}.encounter-popup-overlay[data-v-4e87e190]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.encounter-popup[data-v-4e87e190]{background:#fff;border-radius:12px;box-shadow:var(--shadow-card-hover);overflow-y:auto;display:flex;flex-direction:column}.popup-header[data-v-4e87e190]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.popup-header h3[data-v-4e87e190]{margin:0;color:var(--gray-800);font-size:1.5em}.close-button[data-v-4e87e190]{background:none;border:none;font-size:24px;cursor:pointer;color:var(--gray-500);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button[data-v-4e87e190]:hover{background:var(--gray-50);color:var(--danger-color)}.modal-body[data-v-aeaabbc1]{padding:var(--spacing-xl);overflow-y:auto;flex:1;line-height:1.6}.modal-body[data-v-aeaabbc1] h1{color:var(--gray-800);font-size:2rem;font-weight:700;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--gray-200)}.modal-body[data-v-aeaabbc1] h2{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin:32px 0 16px}.modal-body[data-v-aeaabbc1] h3{color:var(--gray-800);font-size:1.25rem;font-weight:600;margin:24px 0 12px}.modal-body[data-v-aeaabbc1] p{color:var(--gray-800);margin:0 0 var(--spacing-lg) 0}.modal-body[data-v-aeaabbc1] ul,.modal-body[data-v-aeaabbc1] ol{color:var(--gray-800);margin:0 0 var(--spacing-lg) 0;padding-left:var(--spacing-xxl)}.modal-body[data-v-aeaabbc1] li{margin-bottom:var(--spacing-sm)}.modal-body[data-v-aeaabbc1] strong{font-weight:600;color:var(--gray-800)}.modal-body[data-v-aeaabbc1] code{background-color:var(--gray-100);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em}.modal-body[data-v-aeaabbc1] hr{border:none;border-top:1px solid var(--gray-200);margin:var(--spacing-xxl) 0}.modal-body[data-v-aeaabbc1] em{color:var(--gray-600);font-style:italic}@media (max-width: 768px){.modal-body[data-v-aeaabbc1]{padding:var(--spacing-lg)}.modal-body[data-v-aeaabbc1] h1{font-size:1.75rem}.modal-body[data-v-aeaabbc1] h2{font-size:1.35rem}}.search-container[data-v-773e14cb]{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-default);background:#fff}.search-input-wrapper[data-v-773e14cb]{position:relative;display:flex;align-items:center}.search-input[data-v-773e14cb]{width:100%;padding-right:2.5rem;font-size:var(--font-size-base);margin:0}.search-clear-btn[data-v-773e14cb]{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2em;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-round);width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.search-clear-btn[data-v-773e14cb]:hover{background:var(--bg-light);color:var(--text-secondary);transform:translateY(-50%) scale(1.1)}.search-clear-btn[data-v-773e14cb]:active{transform:translateY(-50%) scale(.95)}.filter-multiselect[data-v-ba8cbe63]{position:relative;min-width:200px}.filter-multiselect.expanded[data-v-ba8cbe63]{width:100%;min-width:unset}.filter-label[data-v-ba8cbe63]{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.multiselect-wrapper[data-v-ba8cbe63]{position:relative}.multiselect-trigger[data-v-ba8cbe63]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:2px solid var(--border-default);border-radius:.5rem;background:var(--bg-white);font-size:.875rem;cursor:pointer;transition:all .2s ease}.multiselect-trigger[data-v-ba8cbe63]:hover{border-color:var(--text-muted)}.multiselect-trigger.has-selection[data-v-ba8cbe63]{border-color:var(--primary-color);background:var(--primary-alpha-05)}.multiselect-trigger.is-open[data-v-ba8cbe63]{border-color:var(--primary-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.trigger-text[data-v-ba8cbe63]{flex:1;text-align:left;color:var(--text-primary)}.trigger-arrow[data-v-ba8cbe63]{margin-left:.5rem;transition:transform .2s ease;color:var(--text-muted)}.trigger-arrow.is-open[data-v-ba8cbe63]{transform:rotate(180deg)}.multiselect-dropdown[data-v-ba8cbe63]{position:absolute;top:100%;left:0;right:0;border:2px solid var(--primary-color);border-top:none;border-radius:0 0 .5rem .5rem;background:var(--bg-white);box-shadow:0 10px 15px -3px #0000001a;z-index:1000;max-height:250px;overflow:hidden}.filter-multiselect.expanded .expanded-panel[data-v-ba8cbe63]{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-white);display:flex;flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm)}.dropdown-header[data-v-ba8cbe63]{display:flex;padding:.5rem;border-bottom:1px solid var(--border-default);background:var(--bg-light)}.filter-multiselect.expanded .dropdown-header[data-v-ba8cbe63]{border-radius:var(--radius-md);background:var(--bg-white)}.header-btn[data-v-ba8cbe63]{flex:1;padding:.25rem .5rem;border:1px solid var(--border-default);border-radius:.25rem;background:var(--bg-white);font-size:.75rem;cursor:pointer;transition:all .2s ease}.header-btn[data-v-ba8cbe63]:first-child{margin-right:.25rem}.header-btn[data-v-ba8cbe63]:hover:not(:disabled){background:var(--bg-light);border-color:var(--text-muted)}.header-btn[data-v-ba8cbe63]:disabled{opacity:.5;cursor:not-allowed}.options-list[data-v-ba8cbe63]{max-height:180px;overflow-y:auto}.filter-multiselect.expanded .options-list[data-v-ba8cbe63]{max-height:none;padding:.25rem .5rem;background:var(--bg-white);border-radius:var(--radius-md);overflow-y:visible}.option-item[data-v-ba8cbe63]{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease}.option-item[data-v-ba8cbe63]:hover{background:var(--bg-light)}.option-item input[type=checkbox][data-v-ba8cbe63]{margin-right:.5rem;transform:scale(.9)}.option-text[data-v-ba8cbe63]{font-size:.875rem;color:var(--text-primary)}.options-list[data-v-ba8cbe63]::-webkit-scrollbar{width:6px}.options-list[data-v-ba8cbe63]::-webkit-scrollbar-track{background:var(--bg-light)}.options-list[data-v-ba8cbe63]::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.options-list[data-v-ba8cbe63]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.character-field[data-v-504c3c2d]{margin-bottom:var(--spacing-xxl)}.character-filters[data-v-504c3c2d]{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-white)}.filter-row[data-v-504c3c2d]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.filter-summary[data-v-504c3c2d]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.filter-count[data-v-504c3c2d]{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium)}.clear-filters-btn[data-v-504c3c2d]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.clear-filters-btn[data-v-504c3c2d]:hover{background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 768px){.filter-row[data-v-504c3c2d]{grid-template-columns:1fr}}.character-selection[data-v-504c3c2d]{margin-top:var(--spacing-md)}.character-selection[data-v-504c3c2d] .filter-multiselect.expanded{width:100%}.character-checklist[data-v-504c3c2d]{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-white);max-height:180px;overflow-y:auto;padding:.25rem .5rem}.character-checklist .option-item[data-v-504c3c2d]{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:background-color .2s ease}.character-checklist .option-item[data-v-504c3c2d]:hover{background:var(--bg-light)}.character-checklist .option-item input[type=checkbox][data-v-504c3c2d]{margin-right:.5rem;transform:scale(.9)}.character-checklist .option-text[data-v-504c3c2d]{font-size:.875rem;color:var(--text-primary)}.split-view[data-v-81756b8d]{display:flex;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));max-height:calc(100vh - var(--header-height));max-height:calc(100dvh - var(--header-height));gap:0}.split-view-contained[data-v-81756b8d]{height:100%;max-height:100%}.list-pane[data-v-81756b8d]{width:clamp(280px,30%,400px);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-light);border-right:2px solid var(--border-default);overflow:hidden}.list-header[data-v-81756b8d]{padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--border-default);background:var(--bg-white)}.list-header h3[data-v-81756b8d]{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-label);text-align:center}.filter-controls[data-v-81756b8d]{display:flex;gap:var(--spacing-sm);align-items:stretch}.filter-controls[data-v-81756b8d] .search-container{flex:1;padding:var(--spacing-md) var(--spacing-lg);margin:0}.filter-toggle-btn[data-v-81756b8d]{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xl);transition:var(--transition-fast);margin:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 0;align-self:center}.filter-toggle-btn[data-v-81756b8d]:hover{background:var(--bg-light);border-color:var(--primary-color)}.filter-toggle-btn.has-active-filters[data-v-81756b8d]{background:var(--primary-color);border-color:var(--primary-color)}.filter-panel-container[data-v-81756b8d]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:var(--z-modal)}.filter-panel[data-v-81756b8d],.attribute-filter-panel[data-v-81756b8d]{width:min(520px,100%);max-height:90vh;overflow-y:auto;padding:var(--spacing-xl);background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-hover);border:1px solid var(--border-light)}.filter-header[data-v-81756b8d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.close-btn[data-v-81756b8d]{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-round);transition:var(--transition-fast)}.close-btn[data-v-81756b8d]:hover{background:var(--bg-light);color:var(--text-primary)}.list-content[data-v-81756b8d]{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch;touch-action:auto}.list-item[data-v-81756b8d]{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:none;border-left:3px solid transparent;font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-white);margin:2px var(--spacing-sm);border-radius:var(--radius-md);border:1px solid transparent;-webkit-tap-highlight-color:transparent}.list-item[data-v-81756b8d]:hover{background:var(--color-encounter-hover);color:var(--primary-color);border-color:var(--primary-alpha-30)}.list-item.active[data-v-81756b8d]{background:var(--primary-color);color:#fff;border-left-color:var(--primary-darker);font-weight:var(--font-weight-semibold)}.list-item.active[data-v-81756b8d]:hover{background:var(--primary-dark)}.empty-state[data-v-81756b8d]{padding:40px var(--spacing-lg);text-align:center;color:var(--text-muted);font-style:italic;font-size:var(--font-size-base)}.list-footer[data-v-81756b8d]{padding:var(--spacing-lg);border-top:1px solid var(--border-default);background:var(--bg-white)}.add-btn[data-v-81756b8d]{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--success-color);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:var(--shadow-success)}.add-btn[data-v-81756b8d]:hover{background:var(--success-dark)}.plus-icon[data-v-81756b8d]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.detail-pane[data-v-81756b8d]{flex:1;padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-xl) + var(--spacing-lg));overflow-y:auto;background:var(--bg-white);-webkit-overflow-scrolling:touch;touch-action:auto}.list-content[data-v-81756b8d]::-webkit-scrollbar{width:6px}.list-content[data-v-81756b8d]::-webkit-scrollbar-track{background:var(--bg-light)}.list-content[data-v-81756b8d]::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.list-content[data-v-81756b8d]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (min-width: 768px) and (max-width: 1023px){.filter-toggle-btn[data-v-81756b8d]{min-width:44px;min-height:44px;padding:var(--spacing-md)}.list-item[data-v-81756b8d]{padding:var(--spacing-lg) var(--spacing-xl);margin:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 767px){.filter-panel-container[data-v-81756b8d]{padding:var(--spacing-md)}.filter-panel[data-v-81756b8d],.attribute-filter-panel[data-v-81756b8d]{width:100%;max-width:520px;max-height:95vh;border-radius:var(--radius-lg);padding:var(--spacing-lg)}}.traits-display-grid[data-v-22ad1eb9]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg);width:100%;max-width:100%;box-sizing:border-box}.trait-category-display[data-v-22ad1eb9]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--radius-lg);border:1px solid var(--border-default);min-height:80px;box-sizing:border-box;overflow:hidden}.trait-category-title[data-v-22ad1eb9]{font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.trait-values-list[data-v-22ad1eb9]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;width:100%;max-width:100%}.trait-value-item[data-v-22ad1eb9]{display:inline-block;padding:var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.trait-value-item.trait-positive[data-v-22ad1eb9],.trait-value-item.bias-positive[data-v-22ad1eb9]{background-color:var(--color-bias-positive-bg);border-color:var(--color-bias-positive-border);color:var(--color-bias-positive-text)}.trait-value-item.trait-negative[data-v-22ad1eb9],.trait-value-item.bias-negative[data-v-22ad1eb9]{background-color:var(--color-bias-negative-bg);border-color:var(--color-bias-negative-border);color:var(--color-bias-negative-text)}.trait-value-item.trait-neutral[data-v-22ad1eb9],.trait-value-item.bias-neutral[data-v-22ad1eb9]{background-color:var(--color-bias-neutral-bg);border-color:var(--color-bias-neutral-border);color:var(--color-bias-neutral-text)}@media (max-width: 768px){.traits-display-grid[data-v-22ad1eb9]{grid-template-columns:1fr;gap:var(--spacing-md)}.trait-category-display[data-v-22ad1eb9]{padding:var(--spacing-sm);min-height:60px}.trait-value-item[data-v-22ad1eb9]{font-size:var(--font-size-xs);padding:var(--spacing-xs)}}.billing-field[data-v-4d9fccaa]{padding-top:0;margin-top:0;border-top:none}.token-traits-wrapper[data-v-4d9fccaa] .traits-display-grid{grid-template-columns:1fr;margin-top:0}.token-traits-wrapper[data-v-4d9fccaa] .trait-category-display{min-height:56px}.popup-header-spacer[data-v-49d625a1]{width:30px;height:30px}.profile-modal-body[data-v-49d625a1]{flex:1;min-height:0;width:100%}.profile-logout-btn[data-v-49d625a1]{width:100%}.brand-section[data-v-9b17babb]{display:flex;align-items:center;gap:clamp(8px,3vw,var(--spacing-lg));min-width:0;max-width:100%}.logo[data-v-9b17babb]{height:clamp(32px,6vw,50px);width:auto;flex-shrink:0}.brand-title[data-v-9b17babb]{font-size:clamp(1rem,4vw,1.35rem);font-weight:600;color:var(--color-text-primary);margin:0;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-app-container[data-v-ba6d72e5]{width:100%;min-height:100vh;min-height:100dvh}.auth-app-container[data-v-ba6d72e5]{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg-light);overflow:hidden}.auth-content[data-v-ba6d72e5]{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.player-app-container[data-v-ba6d72e5]{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg-primary)}.player-content-area[data-v-ba6d72e5]{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:auto;padding-bottom:env(safe-area-inset-bottom)}.custom-header[data-v-ba6d72e5]{padding:0!important}.custom-header-content[data-v-ba6d72e5]{justify-content:space-between!important;margin:0!important;max-width:none!important;padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}.header-actions[data-v-ba6d72e5]{display:flex;align-items:center}.instructions-button[data-v-ba6d72e5]{background:none;border:none;color:var(--color-text-primary);font-size:1.2rem;font-weight:600;cursor:pointer;padding:0;margin:0;white-space:nowrap;transition:color .2s ease}.instructions-button[data-v-ba6d72e5]:hover{color:var(--color-text-secondary)}.logout-button[data-v-ba6d72e5]{background:none;border:none;color:var(--color-text-primary);font-size:1rem;font-weight:600;cursor:pointer;padding:0;margin-left:var(--spacing-lg);white-space:nowrap;transition:color .2s ease}.logout-button[data-v-ba6d72e5]:hover{color:var(--danger-color)}.profile-button[data-v-ba6d72e5]{background:none;border:none;color:var(--color-text-primary);font-size:1.2rem;font-weight:600;cursor:pointer;padding:0;margin-left:var(--spacing-lg);white-space:nowrap;transition:color .2s ease}.profile-button[data-v-ba6d72e5]:hover{color:var(--color-text-secondary)}.content-area.full-width[data-v-ba6d72e5]{margin-left:0;max-width:100%}@media (min-width: 768px) and (max-width: 1023px){.custom-header-content[data-v-ba6d72e5]{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}}@media (max-width: 767px){.instructions-button[data-v-ba6d72e5]{font-size:1rem}}.player-app-container .page-header[data-v-ba6d72e5]{padding:0 var(--spacing-lg)!important}.player-app-container .header-content[data-v-ba6d72e5]{height:56px}@media (max-width: 360px){.player-app-container[data-v-ba6d72e5] .brand-title{display:none}}.notification-container[data-v-e6e44a61]{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.notification[data-v-e6e44a61]{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-card);border-left:4px solid;min-width:300px;max-width:400px;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);cursor:pointer;pointer-events:auto;transition:all var(--transition-normal)}.notification[data-v-e6e44a61]:hover{transform:translate(-4px);box-shadow:var(--shadow-card-hover)}.notification-success[data-v-e6e44a61]{border-left-color:var(--success-color);background:linear-gradient(135deg,#fff,#f8fff9)}.notification-error[data-v-e6e44a61]{border-left-color:var(--danger-color);background:linear-gradient(135deg,#fff,#fff8f8)}.notification-warning[data-v-e6e44a61]{border-left-color:#ffc107;background:linear-gradient(135deg,#fff,#fffdf5)}.notification-info[data-v-e6e44a61]{border-left-color:var(--primary-color);background:linear-gradient(135deg,#fff,#f8fbff)}.notification-content[data-v-e6e44a61]{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1}.notification-icon[data-v-e6e44a61]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1;margin-top:2px}.notification-success .notification-icon[data-v-e6e44a61]{color:var(--success-color)}.notification-error .notification-icon[data-v-e6e44a61]{color:var(--danger-color)}.notification-warning .notification-icon[data-v-e6e44a61]{color:#ffc107}.notification-info .notification-icon[data-v-e6e44a61]{color:var(--primary-color)}.notification-message[data-v-e6e44a61]{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.4;word-wrap:break-word}.notification-close[data-v-e6e44a61]{background:none;border:none;font-size:1.5em;color:var(--text-muted);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.notification-close[data-v-e6e44a61]:hover{background:#0000001a;color:var(--text-primary)}.notification-enter-active[data-v-e6e44a61]{transition:all .3s ease-out}.notification-leave-active[data-v-e6e44a61]{transition:all .3s ease-in}.notification-enter-from[data-v-e6e44a61],.notification-leave-to[data-v-e6e44a61]{opacity:0;transform:translate(100%)}.notification-move[data-v-e6e44a61]{transition:transform .3s ease}@media (max-width: 768px){.notification-container[data-v-e6e44a61]{top:10px;right:10px;left:10px}.notification[data-v-e6e44a61]{min-width:auto;max-width:none}}.shared-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-xxl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:all var(--transition-normal);text-align:left;display:flex;flex-direction:column;min-height:100%;height:auto}.shared-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.shared-title{margin:0 0 var(--spacing-xxl) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);text-align:center;border-bottom:3px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.shared-field-label{font-weight:var(--font-weight-bold);color:var(--text-label);font-size:.85em;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:var(--spacing-sm);text-align:center}.shared-field-value{margin:0;color:var(--text-secondary);line-height:1.5;min-height:20px;font-size:var(--font-size-md);text-align:center}.shared-field{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg)}.shared-field:last-child{margin-bottom:0}.shared-field-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.shared-field-column{display:flex;flex-direction:column;gap:var(--spacing-lg)}.shared-field-full-width{border-top:2px solid var(--border-default);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.shared-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.shared-input,.shared-textarea,.shared-select{padding:var(--spacing-md);border:2px solid var(--border-input);border-radius:var(--radius-lg);font-size:var(--font-size-lg);transition:all var(--transition-fast);background:var(--bg-input);font-family:inherit}.shared-input:focus,.shared-textarea:focus,.shared-select:focus{outline:none;border-color:var(--border-focus);background:var(--bg-white);box-shadow:0 0 0 3px var(--primary-alpha-10)}.shared-textarea{min-height:80px;resize:vertical}.shared-input-name{text-align:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.shared-btn{padding:var(--spacing-sm) var(--spacing-xl);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);min-width:80px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.shared-btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-button)}.shared-btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-darker));transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.shared-btn-success{background:linear-gradient(135deg,var(--success-color),var(--success-dark));color:#fff;box-shadow:var(--shadow-success)}.shared-btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-dark),var(--success-darker));transform:translateY(-2px);box-shadow:var(--shadow-success-hover)}.shared-btn-success:disabled{background:var(--secondary-color);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.shared-btn-danger{background:linear-gradient(135deg,var(--danger-color),var(--danger-dark));color:#fff;box-shadow:var(--shadow-danger)}.shared-btn-danger:hover{background:linear-gradient(135deg,var(--danger-dark),var(--danger-darker));transform:translateY(-2px);box-shadow:var(--shadow-danger-hover)}.shared-btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));color:#fff;box-shadow:var(--shadow-secondary)}.shared-btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-dark),var(--secondary-darker));transform:translateY(-2px);box-shadow:var(--shadow-secondary-hover)}.shared-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid var(--border-default);justify-content:center}.shared-tags-display{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm)}.shared-tag-bubble{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-button);transition:all var(--transition-fast)}.shared-tag-bubble:hover{transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.shared-tag-bubble.editable{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));display:flex;align-items:center;gap:var(--spacing-sm);padding-right:var(--spacing-sm)}.shared-tag-remove-btn{background:#fff3;border:none;color:#fff;font-size:1em;cursor:pointer;padding:2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-round);transition:all var(--transition-fast)}.shared-tag-remove-btn:hover{background:#fff6;transform:scale(1.1)}.shared-no-tags{color:var(--text-muted);font-style:italic;font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-light);border-radius:var(--radius-xl)}.shared-tags-field{display:flex;flex-direction:column;gap:var(--spacing-md)}.shared-tags-input-container{display:flex;gap:10px}.shared-tag-input{flex:1}.shared-tags-edit-display{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);min-height:40px;align-items:flex-start;padding:var(--spacing-sm);background:var(--bg-tag-display);border-radius:var(--radius-lg);border:1px dashed var(--border-dashed)}.shared-word-counter{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);background:#fffffff2;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);border:1px solid var(--border-default)}.shared-word-counter.over-limit{color:var(--danger-color);background:var(--color-bias-negative-bg);border-color:var(--danger-color)}.shared-word-counter-field{position:relative}.shared-avatar-section{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.shared-avatar-container{width:100px;height:80px;border-radius:var(--radius-lg);overflow:hidden;border:3px solid var(--primary-color);display:flex;align-items:center;justify-content:center}.shared-avatar-image{width:100%;height:100%;object-fit:cover}.shared-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center}.shared-avatar-initials{color:#fff;font-size:1.5em;font-weight:var(--font-weight-bold)}.shared-avatar-edit-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.shared-avatar-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--spacing-sm);cursor:pointer;font-size:.85em;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast)}.shared-text-italic{text-align:left;font-style:italic;padding:var(--spacing-sm);background:var(--bg-light);border-radius:var(--spacing-sm);border-left:3px solid var(--primary-color)}.shared-text-display{background:var(--bg-light);padding:12px;border-radius:8px;border:1px solid var(--border-default);white-space:pre-wrap;line-height:1.5;min-height:60px}.shared-import-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:.85em;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-button);margin-top:var(--spacing-sm)}.shared-import-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary-darker));transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.shared-import-btn:disabled{background:var(--secondary-color);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.shared-add-btn{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-button);margin-top:var(--spacing-sm)}.shared-add-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary-darker));transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.shared-add-btn:disabled{background:var(--secondary-color);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.shared-checkbox-option,.shared-radio-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);font-size:var(--font-size-base);color:var(--text-primary)}.shared-checkbox-option:hover,.shared-radio-option:hover{background-color:var(--bg-light)}.shared-checkbox-option input[type=checkbox],.shared-checkbox-option input[type=radio],.shared-radio-option input[type=checkbox],.shared-radio-option input[type=radio]{margin:0;transform:scale(1.1)}.shared-checkbox-option span,.shared-radio-option span{color:var(--text-primary);font-weight:var(--font-weight-medium)}.shared-toggle{margin-bottom:var(--spacing-lg)}.shared-toggle-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-lg);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-light);transition:all var(--transition-fast);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.shared-toggle-option:hover{border-color:var(--primary-color);background:var(--primary-alpha-05)}.shared-toggle-option input[type=checkbox]{margin:0;transform:scale(1.1)}.shared-loading{text-align:center;padding:40px;color:var(--text-muted);font-size:1.1em}.shared-error{text-align:left;padding:20px;color:var(--danger-color);font-size:.95em;background-color:var(--color-bias-negative-bg);border:1px solid var(--color-bias-negative-border);border-radius:var(--radius-lg);margin:20px;white-space:pre-line;max-height:400px;overflow-y:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}.character-limit-info{font-size:var(--font-size-sm);color:var(--text-muted);text-align:right;margin-top:var(--spacing-xs)}.field-wrapper{position:relative;width:100%}.field-has-errors .shared-input,.field-has-errors .shared-textarea,.field-has-errors .shared-select{border-color:var(--danger-color);background-color:var(--color-bias-negative-bg)}.field-has-errors .shared-input:focus,.field-has-errors .shared-textarea:focus,.field-has-errors .shared-select:focus{box-shadow:0 0 0 3px var(--color-bias-negative-bg)}.field-errors{margin-top:var(--spacing-xs)}.field-error{color:var(--danger-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.field-error:last-child{margin-bottom:0}.field-error:before{content:"⚠";font-size:var(--font-size-xs)}.field-help{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);line-height:1.4}.field-variant-compact .shared-field-label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);text-transform:none;letter-spacing:normal}.field-disabled{opacity:.6;pointer-events:none}.character-field{margin-bottom:1.5rem}.character-selection{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:150px;overflow-y:auto;padding:var(--spacing-lg);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-light)}.character-checkbox{display:flex;align-items:center}.level-content-section{border-top:2px solid var(--border-default);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.threshold-section{margin-bottom:var(--spacing-xl)}.threshold-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.custom-thresholds{padding:var(--spacing-lg);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-light)}.threshold-slider{margin-bottom:var(--spacing-lg)}.threshold-slider:last-child{margin-bottom:0}.threshold-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-base)}.slider{width:100%;height:6px;border-radius:3px;background:var(--border-default);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-round);background:var(--primary-color);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-round);background:var(--primary-color);cursor:pointer;border:none}.shared-word-counter-field{position:relative;width:100%}.shared-word-counter-field .shared-textarea{width:100%;box-sizing:border-box;padding-bottom:2.5rem}.bias-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.bias-section-title{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.bias-section-description{margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.4}.bias-category{margin-bottom:var(--spacing-xl)}.bias-category:last-child{margin-bottom:0}.bias-category-label{display:block;font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:var(--font-size-base)}@media (max-width: 768px){.shared-field-columns{grid-template-columns:1fr}.shared-actions{flex-direction:column;align-items:stretch}.shared-btn{width:100%}}.login-page[data-v-d3d58228]{display:flex;align-items:center;justify-content:center;width:100%}.login-container[data-v-d3d58228]{width:100%;max-width:400px;padding:var(--spacing-xl)}.form-group[data-v-d3d58228]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.success-message[data-v-d3d58228]{text-align:center;color:var(--text-secondary)}.success-message p[data-v-d3d58228]:first-child{color:var(--success-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.auth-callback-page[data-v-95f3985a]{display:flex;align-items:center;justify-content:center;width:100%}.auth-container[data-v-95f3985a]{width:100%;max-width:400px;padding:var(--spacing-xl)}.auth-status[data-v-95f3985a]{text-align:center;color:var(--text-secondary)}.spinner[data-v-95f3985a]{margin:var(--spacing-xl) auto 0;width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin-95f3985a 1s linear infinite}@keyframes spin-95f3985a{to{transform:rotate(360deg)}}.empty-detail-state[data-v-cfc7a372]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:40px}.empty-icon[data-v-cfc7a372]{font-size:4em;margin-bottom:var(--spacing-xl);opacity:.5}.empty-detail-state h3[data-v-cfc7a372]{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl);color:var(--text-secondary)}.empty-detail-state p[data-v-cfc7a372]{margin:0;font-size:var(--font-size-base);line-height:1.5}.shared-word-counter-field[data-v-9468039f]{width:100%}.shared-textarea[data-v-9468039f]{width:100%;box-sizing:border-box}.threshold-slider[data-v-047af0d6]{margin-bottom:var(--spacing-md)}.threshold-label[data-v-047af0d6]{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.slider[data-v-047af0d6]{width:100%;height:6px;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-default)}.slider[data-v-047af0d6]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid var(--bg-white);box-shadow:var(--shadow-sm)}.slider[data-v-047af0d6]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid var(--bg-white);box-shadow:var(--shadow-sm)}.appearance-field[data-v-ceeb0eed]{margin-bottom:var(--spacing-lg)}.abilities-skills-section[data-v-ceeb0eed]{margin-bottom:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-default)}.section-title[data-v-ceeb0eed]{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:center}.player-fields[data-v-b2081a40]{flex:1}.appearance-field[data-v-b2081a40]{margin-bottom:var(--spacing-lg)}.abilities-skills-section[data-v-b2081a40]{margin-bottom:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-default)}.section-title[data-v-b2081a40]{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:center}.player-title-section[data-v-b2081a40]{margin:0 0 var(--spacing-xxl) 0;text-align:center;border-bottom:3px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.real-name[data-v-b2081a40]{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.character-name[data-v-b2081a40]{margin:0;color:var(--text-muted);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-style:italic}.player-login-section[data-v-b2081a40]{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-default)}.login-link-controls[data-v-b2081a40]{display:flex;gap:var(--spacing-sm);align-items:stretch}.login-link-input[data-v-b2081a40]{flex:1;min-width:0;font-family:monospace;font-size:var(--font-size-sm)}.login-link-buttons[data-v-b2081a40]{display:flex;gap:var(--spacing-xs)}.login-btn[data-v-b2081a40]{padding:var(--spacing-xs) var(--spacing-sm);min-width:44px;height:auto}.login-link-expiry[data-v-b2081a40]{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.character-voice-title[data-v-5e908c12]{text-align:center!important;display:block;width:100%}.shared-field-value .communication-style-display[data-v-5e908c12]{align-items:center}.shared-field-value .voice-name-container[data-v-5e908c12]{justify-content:center!important}.voice-manual-input[data-v-5e908c12]{margin:16px 0;padding:16px;border:2px dashed var(--gray-200);border-radius:8px;background:var(--gray-50)}.manual-input-header[data-v-5e908c12]{margin-bottom:12px}.manual-input-label[data-v-5e908c12]{font-weight:600;font-size:.9rem;color:var(--gray-600)}.manual-input-controls[data-v-5e908c12]{display:flex;gap:8px;align-items:center}.manual-voice-input[data-v-5e908c12]{flex:1;font-family:monospace;font-size:.85rem}.manual-preview-btn[data-v-5e908c12],.manual-set-btn[data-v-5e908c12]{flex-shrink:0}.manual-set-btn[data-v-5e908c12]{padding:6px 12px;font-size:.85rem}.voice-error[data-v-5e908c12]{margin-top:8px;color:var(--danger-color);font-size:.8rem;font-style:italic}.provider-error[data-v-5e908c12]{margin-bottom:8px;color:var(--danger-color);font-size:.8rem;font-style:italic}.voice-browser[data-v-5e908c12]{margin-top:16px}.browser-header[data-v-5e908c12]{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.browser-label[data-v-5e908c12]{font-weight:600;font-size:.9rem;color:var(--gray-600);text-align:center}.voice-search[data-v-5e908c12]{margin-bottom:16px;display:flex;justify-content:center}.voice-search-input[data-v-5e908c12]{max-width:400px}.voice-name-container[data-v-5e908c12]{display:flex;align-items:center;justify-content:center;gap:8px}.voice-results-container[data-v-5e908c12]{max-height:400px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:6px;background:#fff}.voice-results-header[data-v-5e908c12]{padding:8px 12px;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.results-count[data-v-5e908c12]{font-size:.9rem;font-weight:500;color:var(--gray-600)}.voice-empty[data-v-5e908c12]{text-align:center;font-style:italic;padding:40px 20px;font-size:.9rem;color:var(--gray-500)}.voice-list[data-v-5e908c12]{padding:8px}.voice-item[data-v-5e908c12]{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:#fff;border:1px solid var(--gray-200);border-radius:6px;transition:all .2s ease}.voice-item.selected[data-v-5e908c12]{background:var(--color-voice-selected-bg);border-color:var(--color-voice-selected)}.voice-item[data-v-5e908c12]:hover{border-color:var(--gray-400);transform:translateY(-1px);box-shadow:var(--shadow-voice-hover)}.voice-add-btn[data-v-5e908c12]{flex-shrink:0;width:32px;height:32px;border:none;border-radius:50%;background:var(--color-voice-add-btn);color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.voice-add-btn[data-v-5e908c12]:hover:not(:disabled){background:var(--color-voice-add-btn-hover);transform:scale(1.1)}.voice-add-btn.selected[data-v-5e908c12]{background:var(--success-color)}.voice-add-btn.selected[data-v-5e908c12]:hover{background:var(--success-dark)}.voice-add-btn[data-v-5e908c12]:disabled{background:var(--gray-500);cursor:not-allowed;transform:none}.voice-info[data-v-5e908c12]{flex:1;display:flex;flex-direction:column;gap:4px}.voice-name[data-v-5e908c12]{font-weight:600;font-size:1rem;color:var(--gray-800)}.voice-details[data-v-5e908c12]{display:flex;flex-direction:column;gap:2px}.voice-description[data-v-5e908c12]{font-size:.85rem;color:var(--gray-600)}.voice-labels[data-v-5e908c12]{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0}.voice-category[data-v-5e908c12],.voice-label[data-v-5e908c12]{font-size:.75rem;color:var(--gray-500);text-transform:capitalize;font-weight:500;padding:2px 6px;background:var(--gray-50);border-radius:3px;border:1px solid var(--gray-100)}.voice-id[data-v-5e908c12]{font-size:.7rem;color:var(--gray-400);font-family:monospace}.voice-preview-btn[data-v-5e908c12]{background:none;border:none;font-size:1.2rem;cursor:pointer;transition:transform .2s ease;padding:8px;border-radius:50%;flex-shrink:0}.voice-preview-btn[data-v-5e908c12]:hover:not(:disabled){background:var(--gray-50);transform:scale(1.1)}.voice-preview-btn[data-v-5e908c12]:disabled{cursor:not-allowed;transform:none;opacity:.6}.communication-style-display[data-v-5e908c12]{display:flex;flex-direction:column;gap:8px}.communication-style-type[data-v-5e908c12]{font-weight:600;color:var(--primary-color);font-size:.9rem;padding:4px 8px;background-color:var(--gray-50);border-radius:4px;display:block;width:fit-content;margin:0 auto;text-align:center}.preset-communication-style[data-v-5e908c12]{font-style:italic;color:var(--gray-500);font-size:.8rem;text-align:center}@media (max-width: 768px){.manual-input-controls[data-v-5e908c12]{flex-direction:column;gap:8px}.manual-voice-input[data-v-5e908c12]{width:100%}.voice-search-input[data-v-5e908c12]{max-width:100%}.voice-results-container[data-v-5e908c12]{max-height:300px}}.custom-communication-style[data-v-231daa50]{margin-top:12px}.bias-section-description[data-v-231daa50]{margin:0 0 1.5rem;font-size:.875rem;color:var(--gray-500);line-height:1.4}.bias-category[data-v-231daa50]{margin-bottom:1.5rem}.bias-category[data-v-231daa50]:last-child{margin-bottom:0}.bias-category-label[data-v-231daa50]{display:block;font-weight:600;color:var(--gray-600);margin-bottom:.75rem;font-size:.9rem}.character-fields[data-v-4299ed7c]{flex:1}.custom-communication-style[data-v-4299ed7c]{margin-top:var(--spacing-md)}.communication-style-display[data-v-4299ed7c]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.communication-style-type[data-v-4299ed7c]{font-weight:var(--font-weight-semibold);color:var(--primary-color);font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-light);border-radius:var(--radius-sm);display:block;width:fit-content;margin:0 auto;text-align:center}.preset-communication-style[data-v-4299ed7c]{font-style:italic;color:var(--text-muted);font-size:var(--font-size-base);margin-top:var(--spacing-xs)}.voice-centered-container[data-v-4299ed7c]{display:flex;justify-content:center}.voice-preview-btn[data-v-4299ed7c]{background:none;border:none;font-size:1rem;cursor:pointer;transition:transform var(--transition-fast);margin-left:var(--spacing-sm);padding:var(--spacing-xs)}.voice-preview-btn[data-v-4299ed7c]:hover:not(:disabled){transform:scale(1.1)}.voice-preview-btn[data-v-4299ed7c]:disabled{cursor:not-allowed;transform:none;opacity:.6}.filter-tabs[data-v-cb1757f9]{border-bottom:2px solid var(--border-default);margin-bottom:1rem}.tab-list[data-v-cb1757f9]{display:flex;gap:0;overflow-x:auto}.tab-button[data-v-cb1757f9]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.tab-button[data-v-cb1757f9]:hover{color:var(--text-primary);background:var(--bg-light)}.tab-button.active[data-v-cb1757f9]{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--primary-alpha-05)}.tab-button.has-filters[data-v-cb1757f9]{color:var(--primary-dark);font-weight:600}.tab-button.has-filters[data-v-cb1757f9]:not(.active){background:var(--primary-alpha-10)}.tab-label[data-v-cb1757f9]{flex:1}.filter-badge[data-v-cb1757f9]{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;background:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;border-radius:.75rem}.tab-button.active .filter-badge[data-v-cb1757f9]{background:var(--primary-dark)}.tab-list[data-v-cb1757f9]::-webkit-scrollbar{height:3px}.tab-list[data-v-cb1757f9]::-webkit-scrollbar-track{background:var(--bg-light)}.tab-list[data-v-cb1757f9]::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:1.5px}.tab-list[data-v-cb1757f9]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.filter-panel[data-v-5c3b02b5]{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--spacing-lg)}.filter-panel-content[data-v-5c3b02b5]{padding:var(--spacing-lg);flex:1;overflow-y:visible}.filter-panel-content.simple[data-v-5c3b02b5]{padding:var(--spacing-md)}.filter-section[data-v-5c3b02b5]{animation:fadeIn-5c3b02b5 var(--transition-fast);flex-shrink:0}.filter-section-header[data-v-5c3b02b5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.filter-section-header h4[data-v-5c3b02b5]{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.clear-filter-btn[data-v-5c3b02b5]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.clear-filter-btn[data-v-5c3b02b5]:hover{background:var(--bg-light);border-color:var(--text-muted);color:var(--text-primary)}@keyframes fadeIn-5c3b02b5{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-panel-content[data-v-5c3b02b5]::-webkit-scrollbar{width:6px}.filter-panel-content[data-v-5c3b02b5]::-webkit-scrollbar-track{background:var(--bg-light);border-radius:3px}.filter-panel-content[data-v-5c3b02b5]::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.filter-panel-content[data-v-5c3b02b5]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.filter-panel[data-v-5c3b02b5]{max-height:300px}.filter-panel-content[data-v-5c3b02b5]{padding:var(--spacing-md)}}.content-field[data-v-c1331418]{margin-bottom:var(--spacing-xxl)}.required[data-v-c1331418]{color:var(--danger-color);font-weight:var(--font-weight-bold)}.shared-field-full-width[data-v-c1331418] .shared-word-counter-field{width:100%!important}.shared-field-full-width[data-v-c1331418] .shared-textarea{width:100%!important;box-sizing:border-box;min-width:100%}.memory-content[data-v-eea6edae]{flex:1}.content-field[data-v-eea6edae]{margin-bottom:var(--spacing-lg)}.content-field[data-v-f62b23fc]{margin-bottom:var(--spacing-xxl)}.required[data-v-f62b23fc]{color:var(--danger-color);font-weight:var(--font-weight-bold)}.shared-field-full-width[data-v-f62b23fc] .shared-word-counter-field{width:100%!important}.shared-field-full-width[data-v-f62b23fc] .shared-textarea{width:100%!important;box-sizing:border-box;min-width:100%}.required[data-v-a7ccee17]{color:var(--danger-color);font-weight:var(--font-weight-bold)}.level-toggle[data-v-a7ccee17]{margin-bottom:var(--spacing-lg)}.level-toggle-option[data-v-a7ccee17]{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-md);border:2px solid var(--border-dashed);border-radius:var(--radius-lg);background:var(--bg-light);transition:all var(--transition-fast);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.level-toggle-option[data-v-a7ccee17]:hover{border-color:var(--primary-color);background:#e3f2fd}.level-toggle-option input[type=checkbox][data-v-a7ccee17]{margin:0;transform:scale(1.1)}.level-toggle-in-divider[data-v-a7ccee17]{position:relative;margin:var(--spacing-xl) 0 var(--spacing-lg) 0}.level-toggle-in-divider[data-v-a7ccee17]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-default);z-index:1}.level-toggle-in-divider .level-toggle-option[data-v-a7ccee17]{position:relative;z-index:2;background:var(--bg-white);margin:0 auto;width:fit-content;padding:var(--spacing-sm) var(--spacing-lg)}.shared-field-full-width[data-v-a7ccee17] .shared-word-counter-field{width:100%!important}.shared-field-full-width[data-v-a7ccee17] .shared-textarea{width:100%!important;box-sizing:border-box;min-width:100%}.reveal-display[data-v-67f91ed5]{flex:1}.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-textbg{fill:#fff}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{border-width:1px;border-style:solid;border-color:#bbb}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}.encounter-node[data-v-808ee995]{background:var(--bg-white);border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-card);position:relative;min-width:150px;min-height:100px}.encounter-header[data-v-808ee995]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default);padding-bottom:var(--spacing-xs)}.encounter-header h4[data-v-808ee995]{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-label)}.encounter-name[data-v-808ee995]{cursor:pointer;padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.encounter-name[data-v-808ee995]:hover{background-color:var(--bg-light)}.encounter-name-input[data-v-808ee995]{margin:0;padding:var(--spacing-xs) var(--spacing-xs);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-label);border:1px solid var(--primary-color);border-radius:var(--radius-sm);background:var(--bg-white);outline:none;min-width:80px;max-width:200px}.encounter-name-input[data-v-808ee995]:focus{border-color:var(--primary-dark);box-shadow:var(--shadow-encounter-focus)}.encounter-actions[data-v-808ee995]{display:flex;gap:var(--spacing-xs)}.info-btn[data-v-808ee995]{width:20px;height:20px;border:none;border-radius:var(--radius-round);background:var(--primary-color);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.info-btn[data-v-808ee995]:hover{background:var(--primary-dark);transform:scale(1.1)}.info-btn.active[data-v-808ee995]{background:var(--addition-color)}.encounter-description-section[data-v-808ee995]{position:absolute;bottom:calc(100% + var(--spacing-sm));left:0;right:0;height:200px;overflow-y:auto;z-index:1000;background:var(--bg-white);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover);padding:var(--spacing-md);animation:fadeInSlide-808ee995 var(--transition-fast);display:flex;flex-direction:column}@keyframes fadeInSlide-808ee995{0%{opacity:0;transform:translateY(var(--spacing-sm))}to{opacity:1;transform:translateY(0)}}.encounter-description-section[data-v-808ee995]:before{content:"";position:absolute;bottom:-8px;right:var(--spacing-md);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--primary-color)}.encounter-description-section[data-v-808ee995]:after{content:"";position:absolute;bottom:-6px;right:calc(var(--spacing-md) + 1px);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid var(--bg-white)}.encounter-description-display[data-v-808ee995]{cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4;flex:1;overflow-y:auto;background:var(--bg-light);border:1px solid var(--border-default);white-space:pre-wrap;word-wrap:break-word}.encounter-description-display[data-v-808ee995]:hover{background-color:var(--border-default);border-color:var(--primary-color)}.encounter-description-display[data-v-808ee995]::-webkit-scrollbar{width:4px}.encounter-description-display[data-v-808ee995]::-webkit-scrollbar-track{background:var(--bg-light);border-radius:2px}.encounter-description-display[data-v-808ee995]::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.encounter-description-display[data-v-808ee995]::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.encounter-description-input[data-v-808ee995]{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:inherit;flex:1;display:flex;flex-direction:column}.encounter-description-input[data-v-808ee995] .shared-word-counter-field{height:100%;display:flex;flex-direction:column}.encounter-description-input[data-v-808ee995] .shared-textarea{border:1px solid var(--primary-color);border-radius:var(--radius-sm);background:var(--bg-white);outline:none;resize:none;flex:1;font-size:var(--font-size-xs);color:var(--text-secondary);font-family:inherit;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.encounter-description-input[data-v-808ee995] .shared-textarea:focus{border-color:var(--primary-dark);box-shadow:var(--shadow-encounter-focus)}.encounter-description-input[data-v-808ee995] .shared-word-counter{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;margin-top:var(--spacing-xs)}.encounter-description-input[data-v-808ee995] .shared-word-counter.over-limit{color:var(--danger-color);font-weight:var(--font-weight-semibold)}.players-section[data-v-808ee995]{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-sm);margin-bottom:var(--spacing-md);position:relative}.characters-section[data-v-808ee995]{position:relative}.section-header[data-v-808ee995]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.players-scroll[data-v-808ee995]{display:flex;gap:var(--spacing-md);align-items:flex-start;overflow-x:auto;overflow-y:visible;padding:var(--spacing-sm) 0 var(--spacing-xs)}.player-chip[data-v-808ee995]{flex:0 0 auto;cursor:default}.player-chip[data-v-808ee995]:hover{background:var(--bg-light)}.add-player-chip[data-v-808ee995]{align-items:center;justify-content:center;min-width:100px}.add-player-btn[data-v-808ee995],.add-character-btn[data-v-808ee995]{margin-bottom:var(--spacing-xs)}.player-add-label[data-v-808ee995]{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.character-grid[data-v-808ee995]{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:flex-start;align-items:flex-start;min-height:80px;margin-top:var(--spacing-sm)}.add-character-tile[data-v-808ee995]{align-items:center;justify-content:center}.add-assignee-dropdown[data-v-808ee995]{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background:var(--bg-white);border:2px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover);z-index:1000;max-height:200px;overflow-y:auto}.player-dropdown[data-v-808ee995],.character-dropdown[data-v-808ee995]{top:calc(100% + var(--spacing-xs))}.dropdown-header[data-v-808ee995]{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-light);border-bottom:1px solid var(--border-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.character-options[data-v-808ee995]{max-height:150px;overflow-y:auto}.character-option[data-v-808ee995]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--bg-light)}.character-option[data-v-808ee995]:hover{background:var(--color-encounter-hover)}.character-option[data-v-808ee995]:last-child{border-bottom:none}.option-avatar[data-v-808ee995]{flex-shrink:0}.option-avatar-image[data-v-808ee995]{width:24px;height:24px;border-radius:var(--radius-round);object-fit:cover;border:1px solid var(--primary-color)}.option-avatar-placeholder[data-v-808ee995]{width:24px;height:24px;border-radius:var(--radius-round);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;border:1px solid var(--primary-darker)}.player-dropdown .option-avatar-image[data-v-808ee995]{border-color:var(--secondary-light)}.player-dropdown .option-avatar-placeholder[data-v-808ee995]{background:linear-gradient(135deg,var(--secondary-light),var(--gray-200));border-color:var(--gray-300)}.option-avatar-initials[data-v-808ee995]{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.option-info[data-v-808ee995]{flex:1;min-width:0}.option-name[data-v-808ee995]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-profession[data-v-808ee995]{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-avatar[data-v-808ee995]{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;width:120px;flex-shrink:0}.character-avatar[data-v-808ee995]:hover{background:var(--bg-light);transform:scale(1.05)}.character-avatar:hover .remove-character-btn[data-v-808ee995]{opacity:1}.remove-character-btn[data-v-808ee995]{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border:none;border-radius:var(--radius-round);background:var(--danger-color);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast);z-index:10}.remove-character-btn[data-v-808ee995]:hover{background:var(--danger-dark);transform:scale(1.1)}.avatar-image[data-v-808ee995]{width:32px;height:32px;border-radius:var(--radius-round);object-fit:cover;border:2px solid var(--primary-color);margin-bottom:2px}.avatar-placeholder[data-v-808ee995]{width:32px;height:32px;border-radius:var(--radius-round);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-darker);margin-bottom:2px}.player-chip .avatar-image[data-v-808ee995]{border-color:var(--secondary-light);border-width:3px;box-shadow:0 0 0 1px var(--secondary-light)}.player-chip .avatar-placeholder[data-v-808ee995]{background:linear-gradient(135deg,var(--secondary-light),var(--gray-200));border-color:var(--gray-300);border-width:3px;box-shadow:0 0 0 1px var(--secondary-light)}.avatar-initials[data-v-808ee995]{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.character-info[data-v-808ee995]{display:flex;flex-direction:column;align-items:center;width:100%;min-height:32px}.character-profession[data-v-808ee995]{font-size:var(--font-size-sm);color:var(--text-label);font-weight:var(--font-weight-semibold);text-align:center;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.character-name[data-v-808ee995]{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-encounter-btn[data-v-808ee995]{width:32px;height:32px;border:none;border-radius:var(--radius-round);background:var(--addition-alpha-15);color:var(--addition-dark);border:1px solid var(--addition-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-secondary)}.add-encounter-btn[data-v-808ee995]:hover{background:var(--addition-alpha-20);border-color:var(--addition-dark);transform:scale(1.1);box-shadow:var(--shadow-secondary-hover)}.add-character-btn.active[data-v-808ee995],.add-player-btn.active[data-v-808ee995]{background:var(--addition-alpha-20);border-color:var(--addition-dark);transform:rotate(45deg)}.add-character-btn.active[data-v-808ee995]:hover,.add-player-btn.active[data-v-808ee995]:hover{background:var(--addition-alpha-20)}.character-options[data-v-808ee995]::-webkit-scrollbar{width:4px}.character-options[data-v-808ee995]::-webkit-scrollbar-track{background:var(--bg-light)}.character-options[data-v-808ee995]::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.character-options[data-v-808ee995]::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.encounter-description-section[data-v-808ee995]::-webkit-scrollbar{width:6px}.encounter-description-section[data-v-808ee995]::-webkit-scrollbar-track{background:var(--bg-light);border-radius:3px}.encounter-description-section[data-v-808ee995]::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.encounter-description-section[data-v-808ee995]::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.connection-handle[data-v-808ee995]{width:12px;height:12px;border:2px solid var(--border-default);border-radius:var(--radius-round);background:var(--bg-white);position:absolute;transition:all var(--transition-fast);cursor:crosshair;z-index:10}.connection-handle[data-v-808ee995]:hover{width:16px;height:16px;border-width:3px;background:var(--text-primary);box-shadow:var(--shadow-voice-hover)}.encounter-node[data-v-808ee995]{position:relative}.billing-error-body[data-v-71c314b4]{padding:20px;display:flex;flex-direction:column;gap:16px}.billing-error-message[data-v-71c314b4]{margin:0;color:var(--gray-700);line-height:1.5}.billing-error-close[data-v-71c314b4]{width:100%}.encounter-interface[data-v-a46ff37d]{max-width:600px;margin:0 auto;padding:20px;flex:1;display:flex;flex-direction:column;--encounter-col-left: 150px;--encounter-col-right: 120px;--encounter-controls-gap: 20px;--encounter-controls-grid-margin-bottom: 20px;--encounter-placeholder-height: 52px;--encounter-mobile-max-width: 340px;--encounter-controls-mobile-gap: 12px;--encounter-controls-mobile-margin-bottom: 20px}.character-header[data-v-a46ff37d]{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding:15px;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-100);flex-shrink:0}.character-avatar[data-v-a46ff37d]{flex-shrink:0}.avatar-image[data-v-a46ff37d]{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color)}.avatar-placeholder[data-v-a46ff37d]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;align-items:center;justify-content:center;border:3px solid var(--primary-darker)}.avatar-initials[data-v-a46ff37d]{color:#fff;font-size:24px;font-weight:700}.character-info h2[data-v-a46ff37d]{margin:0 0 8px;color:var(--gray-800);font-size:1.8em;font-weight:700}.character-name-link[data-v-a46ff37d]{cursor:pointer;transition:color .2s ease}.character-name-link[data-v-a46ff37d]:hover{color:var(--primary-color);text-decoration:underline}.character-details[data-v-a46ff37d]{display:flex;gap:16px;align-items:center}.character-race[data-v-a46ff37d],.character-profession[data-v-a46ff37d]{color:var(--gray-500);font-size:1.1em;font-style:italic}.character-profession[data-v-a46ff37d]{font-weight:600}.character-race[data-v-a46ff37d]:after{content:"•";margin-left:8px;color:var(--gray-200)}.encounter-controls[data-v-a46ff37d]{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:space-between}.conversation-stats[data-v-a46ff37d]{margin:20px 0;padding:15px;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-100)}.influence-display[data-v-a46ff37d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:1.2em}.stat-label[data-v-a46ff37d]{font-weight:600;color:var(--gray-600)}.stat-value[data-v-a46ff37d]{font-weight:700;color:var(--primary-color);font-size:1.3em}.reveals-section[data-v-a46ff37d]{margin-top:20px}.reveals-title[data-v-a46ff37d]{margin:0 0 10px;font-size:1.1em;color:var(--gray-600);font-weight:600}.reveals-list[data-v-a46ff37d]{display:flex;flex-direction:column;gap:8px}.reveal-item[data-v-a46ff37d]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid var(--gray-200);transition:all .2s ease}.reveal-clickable[data-v-a46ff37d]{cursor:pointer}.reveal-clickable[data-v-a46ff37d]:hover{background:var(--gray-50);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-reveal-hover)}.reveal-title[data-v-a46ff37d]{color:var(--gray-800);flex:1}.reveal-progress[data-v-a46ff37d]{font-weight:600;padding:2px 8px;border-radius:4px;font-size:.9em}.progress-locked[data-v-a46ff37d]{background:var(--color-reveal-locked);color:var(--color-reveal-locked-text)}.progress-partial[data-v-a46ff37d]{background:var(--color-reveal-partial);color:var(--color-reveal-partial-text)}.progress-complete[data-v-a46ff37d]{background:var(--color-reveal-complete);color:var(--color-reveal-complete-text)}@media (max-width: 767px){.skill-selection[data-v-a46ff37d],.player-selection[data-v-a46ff37d]{width:100%}.encounter-interface .shared-encounter-skill-select[data-v-a46ff37d]{min-height:48px;font-size:16px}}.encounter-builder[data-v-4e1095e7],.encounter-builder-container[data-v-4e1095e7]{height:100%;width:100%;position:relative;flex:1;display:flex;flex-direction:column}.encounter-canvas[data-v-4e1095e7]{height:100%;width:100%;background:var(--gray-50);flex:1}.add-encounter-container[data-v-4e1095e7]{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:center;z-index:1000}.add-encounter-btn[data-v-4e1095e7]{width:40px;height:40px;border:none;border-radius:50%;background:var(--primary-color);color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-button);margin-bottom:4px}.add-encounter-btn[data-v-4e1095e7]:hover{background:var(--primary-dark);transform:scale(1.1);box-shadow:var(--shadow-button-hover)}.add-encounter-btn[data-v-4e1095e7]:active{transform:scale(1.05)}.add-encounter-label[data-v-4e1095e7]{font-size:10px;color:var(--gray-500);text-align:center;line-height:1.2;font-weight:500;white-space:nowrap}.save-canvas-btn[data-v-4e1095e7]{width:40px;height:40px;border:none;border-radius:50%;background:var(--secondary-color);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-secondary);margin-bottom:4px;margin-top:8px}.save-canvas-btn[data-v-4e1095e7]:hover:not(:disabled){background:var(--secondary-dark);transform:scale(1.1);box-shadow:var(--shadow-secondary-hover)}.save-canvas-btn[data-v-4e1095e7]:active:not(:disabled){transform:scale(1.05)}.save-canvas-btn[data-v-4e1095e7]:disabled{background:var(--secondary-color);cursor:not-allowed;opacity:.6}.save-canvas-label[data-v-4e1095e7]{font-size:10px;color:var(--gray-500);text-align:center;line-height:1.2;font-weight:500;white-space:nowrap}[data-v-4e1095e7] .vue-flow__edge{cursor:pointer;stroke:var(--border-default)!important;stroke-width:3px!important}[data-v-4e1095e7] .vue-flow__edge path{stroke:var(--border-default)!important;stroke-width:3px!important}[data-v-4e1095e7] .vue-flow__edge:hover{stroke:var(--text-primary)!important;stroke-width:4px!important}[data-v-4e1095e7] .vue-flow__edge:hover path{stroke:var(--text-primary)!important;stroke-width:4px!important}[data-v-4e1095e7] .vue-flow__edge.selected{stroke:var(--danger-color)!important;stroke-width:4px!important}[data-v-4e1095e7] .vue-flow__edge.selected path{stroke:var(--danger-color)!important;stroke-width:4px!important}[data-v-4e1095e7] .vue-flow__edge-default,[data-v-4e1095e7] .vue-flow__edge-straight{stroke:var(--border-default)!important}.shared-loading[data-v-4e1095e7]{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2em;color:var(--gray-500)}.shared-error[data-v-4e1095e7]{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2em;color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:20px;padding:20px}.sr-only[data-v-4e1095e7]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.encounters-page[data-v-561c253f]{height:100%;width:100%;display:flex;flex-direction:column}.login-consume-page[data-v-237de131]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-consume-container[data-v-237de131]{max-width:400px;width:100%;padding:var(--spacing-lg)}.login-consume-content[data-v-237de131]{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-xxl);text-align:center}h2[data-v-237de131]{margin:0 0 var(--spacing-xl) 0;color:var(--text-primary);font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold)}.processing-state[data-v-237de131],.error-state[data-v-237de131],.success-state[data-v-237de131]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.loading-spinner[data-v-237de131]{width:40px;height:40px;border:3px solid var(--border-default);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-237de131 1s linear infinite}@keyframes spin-237de131{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-237de131]{color:var(--danger-color);margin:0;font-weight:var(--font-weight-medium)}p[data-v-237de131]{margin:0;color:var(--text-primary)}.player-encounter-page[data-v-0e6b09c5]{min-height:100vh;background:var(--bg-primary);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}.loading-state[data-v-0e6b09c5],.empty-state[data-v-0e6b09c5]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner[data-v-0e6b09c5]{width:40px;height:40px;border:3px solid var(--border-default);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-0e6b09c5 1s linear infinite;margin-bottom:var(--spacing-lg)}@keyframes spin-0e6b09c5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-content h2[data-v-0e6b09c5]{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-xl)}.empty-content p[data-v-0e6b09c5]{margin:0;color:var(--text-muted)}.encounter-view[data-v-0e6b09c5]{max-width:min(800px,100%);margin:0 auto}.encounter-view.has-interaction-panel[data-v-0e6b09c5]{padding-bottom:clamp(280px,40dvh,420px)}.encounter-header[data-v-0e6b09c5]{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.encounter-title[data-v-0e6b09c5]{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:clamp(1.1rem,5.5vw,var(--font-size-xxl));font-weight:var(--font-weight-bold)}.encounter-description[data-v-0e6b09c5]{color:var(--text-muted);font-style:italic}.characters-section[data-v-0e6b09c5]{margin-bottom:var(--spacing-xl)}.section-title[data-v-0e6b09c5]{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:clamp(1rem,4.5vw,var(--font-size-xl));font-weight:var(--font-weight-semibold);text-align:center}.characters-grid[data-v-0e6b09c5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.character-tile[data-v-0e6b09c5]{display:flex;align-items:center;padding:clamp(10px,3.5vw,var(--spacing-lg));background:var(--bg-white);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;min-height:88px}.character-tile[data-v-0e6b09c5]:hover,.character-tile.active[data-v-0e6b09c5]{border-color:var(--primary-color);background:var(--primary-alpha-05)}.character-avatar[data-v-0e6b09c5]{flex-shrink:0;margin-right:var(--spacing-md)}.avatar-image[data-v-0e6b09c5],.avatar-placeholder[data-v-0e6b09c5]{width:clamp(40px,10vw,56px);height:clamp(40px,10vw,56px);border-radius:50%}.avatar-image[data-v-0e6b09c5]{object-fit:cover;border:2px solid var(--border-default)}.avatar-placeholder[data-v-0e6b09c5]{background:var(--primary-alpha-10);border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center}.avatar-initials[data-v-0e6b09c5]{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-lg)}.character-info[data-v-0e6b09c5]{flex:1;min-width:0}.character-name[data-v-0e6b09c5]{font-size:clamp(.95rem,4vw,var(--font-size-lg));font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.character-details[data-v-0e6b09c5]{display:flex;gap:var(--spacing-sm);font-size:clamp(12px,3.5vw,var(--font-size-sm));color:var(--text-muted)}.character-race[data-v-0e6b09c5]:after{content:" •";margin-left:var(--spacing-xs)}.interaction-panel[data-v-0e6b09c5]{position:fixed;bottom:0;left:0;right:0;background:var(--bg-white);background-color:#fff;border-top:1px solid var(--border-default);padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom));box-shadow:0 -4px 12px #0000001a;max-height:clamp(320px,60dvh,75dvh);overflow-y:auto;z-index:1000;-webkit-overflow-scrolling:touch;touch-action:auto}.panel-header[data-v-0e6b09c5]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.panel-header h3[data-v-0e6b09c5]{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.close-btn[data-v-0e6b09c5]{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);min-width:44px;min-height:44px}.score-display[data-v-0e6b09c5]{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--primary-alpha-05);border-radius:var(--border-radius-md)}.score-label[data-v-0e6b09c5]{font-weight:var(--font-weight-semibold);color:var(--text-muted);margin-right:var(--spacing-sm)}.score-value[data-v-0e6b09c5]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.interaction-controls[data-v-0e6b09c5]{display:flex;flex-direction:column;gap:var(--spacing-md);--encounter-col-left: 160px;--encounter-col-right: 160px;--encounter-controls-gap: 20px;--encounter-placeholder-height: 44px;--encounter-mobile-max-width: 340px;--encounter-controls-mobile-gap: 12px}.mode-controls[data-v-0e6b09c5]{display:flex;justify-content:center}.skill-selection[data-v-0e6b09c5]{display:flex;justify-content:center;width:100%}.skill-select[data-v-0e6b09c5]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-base);min-height:44px;box-sizing:border-box}.mobile-skill-picker[data-v-0e6b09c5]{display:none}.mobile-skill-trigger[data-v-0e6b09c5],.mobile-skill-item[data-v-0e6b09c5]{width:100%;border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-base);min-height:44px}.mobile-skill-trigger[data-v-0e6b09c5]{display:flex;align-items:center;justify-content:space-between}.mobile-skill-caret[data-v-0e6b09c5]{color:var(--text-muted);font-size:.85em}.mobile-skill-list[data-v-0e6b09c5]{list-style:none;margin:var(--spacing-xs) 0 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:220px;overflow-y:auto}.mobile-skill-item.active[data-v-0e6b09c5]{border-color:var(--primary-color);background:var(--primary-alpha-10);font-weight:var(--font-weight-semibold)}.main-controls[data-v-0e6b09c5]{display:flex;justify-content:center}@media (min-width: 768px) and (max-width: 1023px){.interaction-panel[data-v-0e6b09c5]{background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (max-width: 767px){.player-encounter-page[data-v-0e6b09c5]{padding:var(--spacing-sm)}.characters-grid[data-v-0e6b09c5]{grid-template-columns:1fr}.character-tile[data-v-0e6b09c5],.interaction-panel[data-v-0e6b09c5]{padding:var(--spacing-md)}.shared-speak-button[data-v-0e6b09c5]{padding:var(--spacing-md) var(--spacing-lg);min-width:100px;min-height:56px}.mobile-skill-picker[data-v-0e6b09c5]{display:block;width:100%}}@media (max-width: 360px){.mode-controls[data-v-0e6b09c5],.main-controls[data-v-0e6b09c5]{justify-content:stretch}.shared-encounter-challenge-button[data-v-0e6b09c5],.shared-speak-button[data-v-0e6b09c5]{width:100%}}