.toast-enter-active[data-v-76d0cde0]{transition:all var(--duration-normal) var(--ease-out)}.toast-leave-active[data-v-76d0cde0]{transition:all var(--duration-normal) var(--ease-in)}.toast-enter-from[data-v-76d0cde0],.toast-leave-to[data-v-76d0cde0]{opacity:0;transform:translate(100%) scale(.95)}.toast-move[data-v-76d0cde0]{transition:transform var(--duration-normal) var(--ease-out)}@media (max-width: 768px){.toast-container[data-v-76d0cde0]{top:var(--space-2);right:var(--space-2);left:var(--space-2)}.toast[data-v-76d0cde0]{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:var(--font-family-sans);min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-neutral-100);line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);margin-bottom:.5em;font-weight:var(--font-weight-bold)}p{margin-bottom:1em}button,.btn{font-family:inherit;cursor:pointer;border:none;transition:var(--transition-all)}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.navbar{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));box-shadow:var(--shadow-md);position:static;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 769px){.navbar{position:sticky;top:0}}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);display:flex;justify-content:space-between;align-items:center;height:64px}.nav-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-50);text-decoration:none;font-family:var(--font-family-serif);transition:var(--transition-colors);letter-spacing:-.02em}.nav-logo{width:32px;height:32px;filter:brightness(1.2) drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-brand-text{display:inline-block}.nav-brand:hover{color:var(--color-primary-100);transform:translateY(-1px)}.nav-menu{display:flex;gap:var(--space-4)}.nav-link{color:var(--color-primary-50);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:var(--transition-button);min-height:44px;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);position:relative;outline-offset:2px}.nav-link:hover{background-color:#ffffff26;transform:translateY(-1px)}.nav-link:focus-visible{outline:2px solid var(--color-primary-50);outline-offset:2px;background-color:#ffffff26}.nav-link:active{transform:translateY(0);transition-duration:var(--duration-fast)}.nav-link.router-link-active{background-color:#ffffff40;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.nav-link.router-link-active:after{content:"";position:absolute;bottom:-2px;left:var(--space-2);right:var(--space-2);height:2px;background-color:var(--color-primary-50);border-radius:1px}.main-content{flex:1;padding:var(--space-8) var(--space-4);max-width:1200px;margin:0 auto;width:100%}.footer{background:linear-gradient(180deg,var(--color-neutral-800) 0%,var(--color-neutral-900) 100%);color:var(--color-neutral-400);padding:var(--space-8) var(--space-4);margin-top:auto;border-top:1px solid var(--color-neutral-700)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-6);position:relative}.footer-logo{position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:.9;transition:var(--transition-opacity)}.footer-logo:hover{opacity:1}.footer-logo img{max-height:60px;height:auto;max-width:150px;object-fit:contain}.footer-text{text-align:center;line-height:var(--line-height-relaxed)}.copyright{font-size:var(--font-size-base);margin-bottom:var(--space-2);color:var(--color-neutral-300);font-weight:var(--font-weight-medium)}.disclaimer{font-size:var(--font-size-sm);color:var(--color-neutral-500);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}@media (max-width: 768px){.nav-container{padding:0 var(--space-2);height:56px}.nav-brand{font-size:var(--font-size-lg);flex-shrink:0}.nav-brand-text{display:none}.nav-logo{width:32px;height:32px}.nav-menu{gap:var(--space-1);justify-content:flex-end}.nav-link{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);white-space:nowrap;min-width:auto}.main-content{padding:var(--space-4) var(--space-2)}}@media (max-width: 480px){.nav-container{padding:var(--space-1);height:48px}.nav-logo{width:28px;height:28px}.nav-menu{gap:var(--space-1)}.nav-link{padding:var(--space-1);font-size:var(--font-size-xs)}}@media (max-width: 360px){.nav-link{font-size:0;position:relative;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.nav-link[href="/"]:after{content:"🏠";font-size:var(--font-size-lg)}.nav-link[href="/monsters"]:after{content:"📚";font-size:var(--font-size-lg)}.nav-link[href="/my-monsters"]:after{content:"⭐";font-size:var(--font-size-lg)}.nav-link[href="/about"]:after{content:"ℹ️";font-size:var(--font-size-lg)}.nav-link.router-link-active:after{position:static;bottom:auto;left:auto;right:auto;height:auto;background-color:transparent;border-radius:0}.nav-link.router-link-active[href="/"]:after{content:"🏠";font-size:var(--font-size-lg)}.nav-link.router-link-active[href="/monsters"]:after{content:"📚";font-size:var(--font-size-lg)}.nav-link.router-link-active[href="/my-monsters"]:after{content:"⭐";font-size:var(--font-size-lg)}.nav-link.router-link-active[href="/about"]:after{content:"ℹ️";font-size:var(--font-size-lg)}.nav-link.router-link-active{background-color:#ffffff4d;border-radius:var(--radius-md)}.nav-menu{gap:var(--space-2)}}@media (max-width: 768px){.footer{padding:var(--space-6) var(--space-4)}.footer-content{gap:var(--space-4);flex-direction:column;align-items:center;position:static}.footer-text{text-align:center}.footer-logo{position:static;transform:none;justify-content:center;display:flex}.copyright{font-size:var(--font-size-sm)}.disclaimer{font-size:var(--font-size-xs)}}@media (max-width: 480px){.footer{padding:var(--space-4) var(--space-2)}.disclaimer{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}}:root{--color-primary-50: #fdf8f6;--color-primary-100: #f2e8e5;--color-primary-200: #eaddd7;--color-primary-300: #e0cec7;--color-primary-400: #d2bab0;--color-primary-500: #c69c7b;--color-primary-600: #8b4513;--color-primary-700: #7a3a0f;--color-primary-800: #68320d;--color-primary-900: #562a0b;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info-50: #eff6ff;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-text-aa: var(--color-neutral-700);--color-text-aaa: var(--color-neutral-800);--color-link-default: #0066cc;--color-link-visited: #551a8b;--color-link-hover: #004499;--color-focus-visible: #005fcc;--color-border-high-contrast: var(--color-neutral-900);--color-background-high-contrast: #ffffff;--color-text-high-contrast: #000000;--font-family-serif: "Libre Baskerville", "Book Antiqua", Georgia, serif;--font-family-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Fira Code", "SF Mono", Monaco, "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--padding-btn-sm: var(--space-2) var(--space-3);--padding-btn: var(--space-3) var(--space-6);--padding-btn-lg: var(--space-4) var(--space-8);--padding-input: var(--space-3) var(--space-4);--padding-card: var(--space-6);--padding-section: var(--space-8) 0;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--focus-ring: 0 0 0 3px rgba(139, 69, 19, .2);--focus-ring-error: 0 0 0 3px rgba(220, 38, 38, .2);--focus-ring-success: 0 0 0 3px rgba(22, 163, 74, .2);--focus-ring-info: 0 0 0 3px rgba(59, 130, 246, .2);--focus-ring-warning: 0 0 0 3px rgba(245, 158, 11, .2);--focus-ring-inset: inset 0 0 0 2px var(--color-focus-visible);--focus-ring-thick: 0 0 0 4px rgba(139, 69, 19, .3);--focus-outline: 2px solid var(--color-focus-visible);--focus-outline-offset: 2px;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-collapse: .25s;--duration-expand: .3s;--duration-slide: .2s;--duration-fade: .15s;--transition-colors: color var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-opacity: opacity var(--duration-normal) var(--ease-out);--transition-all: all var(--duration-normal) var(--ease-out);--transition-shadow: box-shadow var(--duration-normal) var(--ease-out);--transition-scale: transform var(--duration-fast) var(--ease-out);--transition-button: background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);--transition-input: border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);--transition-card: box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}@media (prefers-color-scheme: dark){:root{--color-background: var(--color-neutral-900);--color-background-soft: var(--color-neutral-800);--color-background-mute: var(--color-neutral-700);--color-border: rgba(84, 84, 84, .48);--color-border-hover: rgba(84, 84, 84, .65);--color-text: var(--color-neutral-100);--color-text-muted: var(--color-neutral-400)}}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;text-decoration:none;cursor:pointer;font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:var(--line-height-tight);padding:var(--padding-btn);border-radius:var(--radius-md);gap:var(--space-2);transition:var(--transition-button);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);transition-duration:var(--duration-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--color-primary-600);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-200);border-color:var(--color-neutral-400);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-50);transform:translateY(-1px)}.btn-success{background-color:var(--color-success-600);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--color-success-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--padding-btn-sm);font-size:var(--font-size-sm)}.btn-lg{padding:var(--padding-btn-lg);font-size:var(--font-size-lg)}.form-input{display:block;width:100%;border:none;outline:none;background:var(--color-neutral-50);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-800);padding:var(--padding-input);border-radius:var(--radius-md);border:2px solid var(--color-neutral-200);transition:var(--transition-input)}.form-input:focus{border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background-color:#fff}.form-input:invalid{border-color:var(--color-error-500)}.form-input:invalid:focus{box-shadow:var(--focus-ring-error)}.form-input::placeholder{color:var(--color-neutral-400)}.form-select{display:block;width:100%;border:none;outline:none;background:var(--color-neutral-50);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-800);padding:var(--padding-input);border-radius:var(--radius-md);border:2px solid var(--color-neutral-200);transition:var(--transition-input);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-10);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:hover:not(:disabled){border-color:var(--color-neutral-300);background-color:#fff}.form-select:focus{border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background-color:#fff}.form-select:invalid,.form-select.invalid{border-color:var(--color-error-500)}.form-select:invalid:focus,.form-select.invalid:focus{box-shadow:var(--focus-ring-error)}.form-textarea{display:block;width:100%;border:none;outline:none;background:var(--color-neutral-50);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-800);padding:var(--padding-input);border-radius:var(--radius-md);border:2px solid var(--color-neutral-200);transition:var(--transition-input);resize:vertical;min-height:80px;font-family:inherit}.form-textarea:focus{border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background-color:#fff}.form-textarea:invalid,.form-textarea.invalid{border-color:var(--color-error-500)}.form-textarea:invalid:focus,.form-textarea.invalid:focus{box-shadow:var(--focus-ring-error)}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);transition:var(--transition-card)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:focus-within{box-shadow:var(--focus-ring),var(--shadow-md)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-neutral-200)}.card-body{padding:var(--padding-card)}.card-footer{padding:var(--space-6);border-top:1px solid var(--color-neutral-200);background:var(--color-neutral-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-normal) var(--ease-out)}.modal-dialog{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;animation:slideIn var(--duration-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary-600)}.text-neutral{color:var(--color-neutral-600)}.text-muted{color:var(--color-neutral-500)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}.bg-primary{background-color:var(--color-primary-600)}.bg-neutral{background-color:var(--color-neutral-100)}.bg-success{background-color:var(--color-success-50)}.bg-warning{background-color:var(--color-warning-50)}.bg-error{background-color:var(--color-error-50)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.collapsible{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden}.collapsible-header{background:var(--color-neutral-50);padding:var(--space-4);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:var(--transition-colors);-webkit-user-select:none;user-select:none}.collapsible-header:hover{background:var(--color-neutral-100)}.collapsible-header:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset);background:var(--color-neutral-100)}.collapsible-trigger{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--color-primary-700)}.collapsible-icon{transition:var(--transition-transform);transform-origin:center}.collapsible-icon.expanded{transform:rotate(180deg)}.collapsible-content{overflow:hidden;transition:all var(--duration-expand) var(--ease-out)}.collapsible-content.collapsed{max-height:0;opacity:0;transform:translateY(-8px)}.collapsible-content.expanded{opacity:1;transform:translateY(0)}.collapsible-body{padding:var(--space-4);border-top:1px solid var(--color-neutral-200)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);border-left:4px solid var(--color-info-500);display:flex;align-items:center;gap:var(--space-3);min-width:320px;pointer-events:auto;animation:slideInFromRight var(--duration-normal) var(--ease-out)}.toast.success{border-left-color:var(--color-success-500)}.toast.error{border-left-color:var(--color-error-500)}.toast.warning{border-left-color:var(--color-warning-500)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1;font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.toast-title{font-weight:var(--font-weight-semibold);color:var(--color-neutral-800)}.toast-message{color:var(--color-neutral-600)}.toast-close{background:none;border:none;color:var(--color-neutral-500);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:var(--transition-colors)}.toast-close:hover{color:var(--color-neutral-700);background:var(--color-neutral-100)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-neutral-300);border-radius:50%;border-top-color:var(--color-primary-500);animation:spin 1s ease-in-out infinite}.loading-skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skip-link{position:absolute;top:-40px;left:var(--space-4);background:var(--color-primary-600);color:#fff;padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-md);z-index:var(--z-modal);transition:var(--transition-all)}.skip-link:focus{top:var(--space-4)}@media (prefers-contrast: high){.btn{border:2px solid currentColor}.card,.form-input{border:2px solid var(--color-neutral-800)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.collapsible-content{transition:opacity var(--duration-fast) var(--ease-out)}}.js-focus-visible :focus:not(.focus-visible){outline:none}.keyboard-navigation *:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.characteristic-scores[data-v-69f638bf]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin:var(--space-4) 0}.characteristic-score[data-v-69f638bf]{text-align:center;border:2px solid var(--color-primary-400);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);background:var(--color-primary-50);min-width:0;transition:var(--transition-colors);box-shadow:var(--shadow-sm)}.characteristic-score[data-v-69f638bf]:hover{border-color:var(--color-primary-500);background:var(--color-primary-100);transform:translateY(-1px);box-shadow:var(--shadow-md)}.characteristic-score[data-v-69f638bf]:focus-within{border-color:var(--color-primary-600);background:#fff;box-shadow:var(--focus-ring),var(--shadow-md)}.characteristic-name[data-v-69f638bf]{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-primary-700);margin-bottom:var(--space-1)}.characteristic-value[data-v-69f638bf]{font-size:var(--font-size-lg);color:var(--color-neutral-900);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.characteristic-edit[data-v-69f638bf]{display:flex;justify-content:center}.characteristic-input[data-v-69f638bf]{width:100%;max-width:60px;padding:var(--space-1);border:2px solid var(--color-primary-400);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;background:#fff;color:var(--color-neutral-800);transition:var(--transition-input);font-family:var(--font-family-sans)}.characteristic-input[data-v-69f638bf]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background:#fff}.characteristic-input[data-v-69f638bf]:hover:not(:focus){border-color:var(--color-primary-500)}.characteristic-input[data-v-69f638bf]:invalid{border-color:var(--color-error-500)}.characteristic-input[data-v-69f638bf]:invalid:focus{box-shadow:var(--focus-ring-error)}@media (max-width: 768px){.characteristic-scores[data-v-69f638bf]{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.characteristic-score[data-v-69f638bf]{padding:var(--space-2) var(--space-1)}.characteristic-name[data-v-69f638bf]{font-size:var(--font-size-xs)}.characteristic-value[data-v-69f638bf]{font-size:var(--font-size-base)}.characteristic-input[data-v-69f638bf]{max-width:50px}}@media (max-width: 480px){.characteristic-scores[data-v-69f638bf]{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.characteristic-score[data-v-69f638bf]{padding:var(--space-2)}.characteristic-name[data-v-69f638bf]{font-size:10px;margin-bottom:var(--space-1)}.characteristic-value[data-v-69f638bf]{font-size:var(--font-size-sm)}.characteristic-input[data-v-69f638bf]{max-width:45px;font-size:var(--font-size-xs)}}.power-roll[data-v-59a2e4b8]{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-2) 0}.outcome[data-v-59a2e4b8]{display:flex;align-items:flex-start;margin-bottom:var(--space-2);padding:var(--space-2);border-radius:var(--radius-base);border-left:4px solid}.outcome.tier-1[data-v-59a2e4b8]{background:var(--color-error-50);border-left-color:var(--color-error-600)}.outcome.tier-2[data-v-59a2e4b8]{background:var(--color-warning-50);border-left-color:var(--color-warning-600)}.outcome.tier-3[data-v-59a2e4b8]{background:var(--color-success-50);border-left-color:var(--color-success-600)}.tier-number[data-v-59a2e4b8]{background:#fff;color:var(--color-neutral-700);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);min-width:3rem;height:1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-right:var(--space-3);flex-shrink:0;border:2px solid;padding:0 var(--space-1)}.tier-1 .tier-number[data-v-59a2e4b8]{border-color:var(--color-error-600);color:var(--color-error-600)}.tier-2 .tier-number[data-v-59a2e4b8]{border-color:var(--color-warning-600);color:var(--color-warning-600)}.tier-3 .tier-number[data-v-59a2e4b8]{border-color:var(--color-success-600);color:var(--color-success-600)}.outcome-text[data-v-59a2e4b8]{flex:1;line-height:var(--line-height-snug);color:var(--color-neutral-800)}.effect-text[data-v-59a2e4b8]{color:var(--color-neutral-800);line-height:var(--line-height-snug);margin-top:var(--space-2)}.outcome-text[data-v-59a2e4b8] strong,.effect-text[data-v-59a2e4b8] strong{font-weight:var(--font-weight-bold)}.outcome-text[data-v-59a2e4b8] em,.effect-text[data-v-59a2e4b8] em{font-style:italic}.outcome-text[data-v-59a2e4b8] br,.effect-text[data-v-59a2e4b8] br{margin-bottom:var(--space-1)}.outcome-text[data-v-59a2e4b8] .potency-value,.effect-text[data-v-59a2e4b8] .potency-value{font-weight:var(--font-weight-bold);color:#2563eb;background:#dbeafe;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.outcome-text[data-v-59a2e4b8] .damage-value,.effect-text[data-v-59a2e4b8] .damage-value{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-acid,.effect-text[data-v-59a2e4b8] .damage-value.damage-acid{color:#059669;background:#d1fae5;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-cold,.effect-text[data-v-59a2e4b8] .damage-value.damage-cold{color:#0891b2;background:#cffafe;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-corruption,.effect-text[data-v-59a2e4b8] .damage-value.damage-corruption{color:#7c2d12;background:#fef3c7;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-fire,.effect-text[data-v-59a2e4b8] .damage-value.damage-fire{color:#dc2626;background:#fee2e2;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-holy,.effect-text[data-v-59a2e4b8] .damage-value.damage-holy{color:#ca8a04;background:#fef9c3;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-lightning,.effect-text[data-v-59a2e4b8] .damage-value.damage-lightning{color:#7c3aed;background:#ede9fe;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-poison,.effect-text[data-v-59a2e4b8] .damage-value.damage-poison{color:#16a34a;background:#dcfce7;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-psychic,.effect-text[data-v-59a2e4b8] .damage-value.damage-psychic{color:#be185d;background:#fce7f3;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-sonic,.effect-text[data-v-59a2e4b8] .damage-value.damage-sonic{color:#8b5cf6;background:#f3e8ff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-59a2e4b8] .damage-value.damage-generic,.effect-text[data-v-59a2e4b8] .damage-value.damage-generic{color:inherit}@media (max-width: 768px){.power-roll[data-v-59a2e4b8]{padding:var(--space-3)}.outcome[data-v-59a2e4b8]{padding:var(--space-2)}.tier-number[data-v-59a2e4b8]{min-width:2.5rem;height:1.25rem;font-size:var(--font-size-xs);margin-right:var(--space-2);padding:0 var(--space-1)}}.actions-section[data-v-f2694d7d]{margin:1rem 0}.section-title[data-v-f2694d7d]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin:0 0 var(--space-4) 0;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-primary-600);padding-bottom:var(--space-1)}.legendary-description[data-v-f2694d7d]{font-style:italic;color:var(--color-neutral-600);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.actions-list[data-v-f2694d7d]{display:flex;flex-direction:column;gap:var(--space-2)}.action[data-v-f2694d7d],.action-header[data-v-f2694d7d]{margin-bottom:var(--space-3)}.action-title-row[data-v-f2694d7d]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.action-name[data-v-f2694d7d]{font-weight:var(--font-weight-bold);color:var(--color-primary-600);font-size:var(--font-size-lg);margin:0;display:flex;align-items:center;gap:var(--space-2);flex:1}.feature-badge[data-v-f2694d7d]{color:var(--color-warning-500);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);text-shadow:0 0 2px var(--color-warning-200)}.signature-badge[data-v-f2694d7d]{background:var(--color-danger-600);color:var(--color-neutral-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px}.malice-cost[data-v-f2694d7d]{background:var(--color-primary-700);color:var(--color-neutral-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.action-power-info[data-v-f2694d7d]{display:flex;align-items:center;gap:var(--space-2)}.action-power-roll[data-v-f2694d7d]{font-weight:var(--font-weight-bold);color:var(--color-neutral-700);background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.action-type-badge[data-v-f2694d7d]{background:var(--color-neutral-600);color:var(--color-neutral-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-transform:capitalize}.action-details[data-v-f2694d7d]{display:flex;flex-direction:column;gap:var(--space-2)}.action-keywords[data-v-f2694d7d]{font-style:italic;color:var(--color-neutral-600);font-size:var(--font-size-sm)}.action-mechanics[data-v-f2694d7d]{display:flex;gap:var(--space-4);flex-wrap:wrap}.action-distance[data-v-f2694d7d],.action-target[data-v-f2694d7d]{display:flex;align-items:center;gap:var(--space-1);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-neutral-700)}.icon[data-v-f2694d7d]{width:14px;height:14px;opacity:.7}.action-trigger[data-v-f2694d7d]{margin-bottom:var(--space-2);padding:var(--space-3);background:var(--color-warning-50);border-left:4px solid var(--color-warning-500);font-size:var(--font-size-sm);border-radius:var(--radius-sm);color:var(--color-neutral-900);line-height:var(--line-height-relaxed)}.action-description[data-v-f2694d7d]{margin:0;color:var(--color-neutral-800);line-height:var(--line-height-relaxed)}.action-effect-text[data-v-f2694d7d]{margin:var(--space-2) 0;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-neutral-900);line-height:var(--line-height-relaxed)}.action-effect-text strong[data-v-f2694d7d]{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.action-spend[data-v-f2694d7d]{margin:var(--space-3) 0;padding:var(--space-3);background:var(--color-primary-50);border-left:4px solid var(--color-primary-500);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.action-spend span[data-v-f2694d7d]{color:var(--color-neutral-900);font-weight:var(--font-weight-normal)}.action-spend[data-v-f2694d7d] .malice-cost-emphasis{color:var(--color-primary-600);font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.action-description[data-v-f2694d7d] em{font-style:italic}.action-description[data-v-f2694d7d] strong{font-weight:700}.action-description[data-v-f2694d7d] br{margin-bottom:.5rem}.action-description[data-v-f2694d7d] .potency-value{font-weight:700;color:#2563eb;background:#dbeafe;padding:.1rem .3rem;border-radius:3px;font-size:.9rem}.action-description[data-v-f2694d7d] .damage-value{font-weight:700;font-size:.9rem}.action-description[data-v-f2694d7d] .damage-value.damage-acid{color:#059669;background:#d1fae5;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-f2694d7d] .damage-value.damage-cold{color:#0891b2;background:#cffafe;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-f2694d7d] .damage-value.damage-corruption{color:#7c2d12;background:#fef3c7;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-f2694d7d] .damage-value.damage-fire{color:#dc2626;background:#fee2e2;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-f2694d7d] .damage-value.damage-holy{color:#ca8a04;background:#fef9c3;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-f2694d7d] .damage-value.damage-lightning{color:#7c3aed;background:#ede9fe;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-f2694d7d] .damage-value.damage-poison{color:#16a34a;background:#dcfce7;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-f2694d7d] .damage-value.damage-psychic{color:#be185d;background:#fce7f3;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-f2694d7d] .damage-value.damage-sonic{color:#8b5cf6;background:#f3e8ff;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-f2694d7d] .damage-value.damage-generic{color:inherit}.action-description[data-v-f2694d7d] .monster-link{color:#8b4513;text-decoration:underline;font-weight:500}.action-description[data-v-f2694d7d] .monster-link:hover{color:sienna;text-decoration:none}.action-description[data-v-f2694d7d] .reference-text{font-style:italic;color:#6c757d}@media (max-width: 768px){.section-title[data-v-f2694d7d]{font-size:var(--font-size-lg)}.action-title-row[data-v-f2694d7d]{flex-direction:column;gap:var(--space-2)}.action-name[data-v-f2694d7d]{font-size:var(--font-size-base)}.action-power-info[data-v-f2694d7d]{align-self:flex-start}.action-mechanics[data-v-f2694d7d]{flex-direction:column;gap:var(--space-1)}.action-distance[data-v-f2694d7d],.action-target[data-v-f2694d7d]{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.action-description[data-v-f2694d7d]{font-size:var(--font-size-sm)}}.stat-block[data-v-7a363271]{background:var(--color-primary-50);border:2px solid var(--color-primary-600);border-radius:var(--radius-lg);padding:var(--space-6);font-family:var(--font-family-serif);box-shadow:var(--shadow-md);max-width:100%}.header[data-v-7a363271]{text-align:center;margin-bottom:var(--space-4)}.monster-name[data-v-7a363271]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:1px}.monster-meta-container[data-v-7a363271]{display:flex;justify-content:space-between;align-items:center;margin:0 0 var(--space-2) 0;text-transform:capitalize;position:relative}.monster-meta-left[data-v-7a363271]{margin:0;font-weight:var(--font-weight-semibold);color:var(--color-neutral-600);font-size:var(--font-size-base)}.monster-meta-center[data-v-7a363271]{margin:0;font-style:italic;color:var(--color-neutral-600);font-size:var(--font-size-base);position:absolute;left:50%;transform:translate(-50%);text-align:center}.monster-meta-right[data-v-7a363271]{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.divider[data-v-7a363271]{height:2px;background:linear-gradient(to right,transparent,var(--color-primary-600),transparent);margin:var(--space-4) 0}.core-stats[data-v-7a363271]{margin-bottom:var(--space-4)}.stat-labels[data-v-7a363271]{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.stat-label[data-v-7a363271]{font-weight:var(--font-weight-bold);color:var(--color-primary-600);flex:1;text-align:center;font-size:var(--font-size-sm)}.stat-values[data-v-7a363271]{display:flex;justify-content:space-between}.stat-value[data-v-7a363271]{flex:1;color:var(--color-neutral-800);text-align:center;font-weight:var(--font-weight-semibold)}.secondary-stats[data-v-7a363271]{font-size:var(--font-size-sm);color:var(--color-neutral-600);text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-2);line-height:var(--line-height-relaxed)}.stat-item[data-v-7a363271]{white-space:nowrap}.stat-item strong[data-v-7a363271]{color:var(--color-primary-600);font-weight:var(--font-weight-bold)}.stat-separator[data-v-7a363271]{color:var(--color-primary-600);font-weight:var(--font-weight-bold);margin:0 var(--space-1)}.source-info[data-v-7a363271]{margin-top:var(--space-4)}.source-text[data-v-7a363271]{font-size:var(--font-size-xs);color:var(--color-neutral-500);text-align:center;font-style:italic}.abilities-section[data-v-7a363271]{margin:var(--space-4) 0}.ability[data-v-7a363271]{margin-bottom:var(--space-4)}.ability-name[data-v-7a363271]{font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin:0;display:inline;font-size:var(--font-size-base)}.ability-text[data-v-7a363271]{display:inline;margin:0;color:var(--color-neutral-800);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.stat-block[data-v-7a363271]{padding:var(--space-4)}.monster-name[data-v-7a363271]{font-size:var(--font-size-2xl)}.monster-meta-container[data-v-7a363271]{flex-direction:column;gap:var(--space-1);text-align:center;align-items:center}.monster-meta-left[data-v-7a363271],.monster-meta-center[data-v-7a363271],.monster-meta-right[data-v-7a363271]{position:static;transform:none;margin:0;width:auto}.core-stats[data-v-7a363271]{margin-bottom:var(--space-5)}.stat-labels[data-v-7a363271],.stat-values[data-v-7a363271]{gap:var(--space-1)}.stat-label[data-v-7a363271],.stat-value[data-v-7a363271]{font-size:var(--font-size-sm);min-width:0}.secondary-stats[data-v-7a363271]{flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);text-align:left;align-items:flex-start}.stat-item[data-v-7a363271]{white-space:normal;word-break:break-word}.stat-separator[data-v-7a363271]{display:none}}@media (max-width: 480px){.stat-block[data-v-7a363271]{padding:var(--space-3)}.monster-name[data-v-7a363271]{font-size:var(--font-size-xl);letter-spacing:.5px}.monster-meta-container[data-v-7a363271]{gap:var(--space-2)}.monster-meta-left[data-v-7a363271],.monster-meta-center[data-v-7a363271],.monster-meta-right[data-v-7a363271]{font-size:var(--font-size-sm)}.core-stats[data-v-7a363271]{margin-bottom:var(--space-4)}.stat-labels[data-v-7a363271]{margin-bottom:var(--space-2)}.stat-label[data-v-7a363271]{font-size:var(--font-size-xs)}.stat-value[data-v-7a363271]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.secondary-stats[data-v-7a363271]{font-size:var(--font-size-xs);gap:var(--space-2)}}.ability-editor[data-v-d9526e3f]{padding:1.5rem;max-height:90vh;overflow-y:auto}.editor-header[data-v-d9526e3f]{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #e9ecef;margin-bottom:1.5rem}.editor-title[data-v-d9526e3f]{color:#8b4513;font-size:1.3rem;font-weight:700;margin:0}.editor-actions[data-v-d9526e3f]{display:flex;gap:var(--space-3);align-items:center}.btn[data-v-d9526e3f]{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-button);font-family:var(--font-family-sans);font-size:var(--font-size-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn[data-v-d9526e3f]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary[data-v-d9526e3f]{background-color:var(--color-primary-600);color:var(--color-neutral-50)}.btn-primary[data-v-d9526e3f]:hover:not(:disabled){background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-d9526e3f]:active:not(:disabled){transform:translateY(0);transition-duration:var(--duration-fast)}.btn-primary[data-v-d9526e3f]:disabled{background-color:var(--color-neutral-400);cursor:not-allowed;opacity:.6}.btn-secondary[data-v-d9526e3f]{background-color:var(--color-neutral-600);color:var(--color-neutral-50)}.btn-secondary[data-v-d9526e3f]:hover:not(:disabled){background-color:var(--color-neutral-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-d9526e3f]:active:not(:disabled){transform:translateY(0);transition-duration:var(--duration-fast)}.editor-content[data-v-d9526e3f]{display:flex;flex-direction:column;gap:var(--space-6)}.editor-section[data-v-d9526e3f]{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--color-neutral-50);transition:var(--transition-card)}.editor-section[data-v-d9526e3f]:hover{border-color:var(--color-neutral-300);background:#fff}.section-title[data-v-d9526e3f]{color:#495057;font-size:1.1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.subsection-title[data-v-d9526e3f]{color:#495057;font-size:1rem;font-weight:700;margin:1rem 0 .5rem}.form-grid[data-v-d9526e3f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group[data-v-d9526e3f]{display:flex;flex-direction:column;gap:.5rem}.form-group-row[data-v-d9526e3f]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.inline-input[data-v-d9526e3f]{width:80px;flex-shrink:0}.range-text[data-v-d9526e3f]{font-size:.9rem;color:#666;white-space:nowrap}.range-spacer[data-v-d9526e3f]{flex:1;min-width:80px}.formula-display[data-v-d9526e3f]{padding:.5rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:Courier New,monospace;color:#495057}.form-checkbox-label[data-v-d9526e3f]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.form-checkbox[data-v-d9526e3f]{width:16px;height:16px;accent-color:#8b4513}.form-label[data-v-d9526e3f]{font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);font-size:var(--font-size-sm);display:block;margin-bottom:var(--space-2)}.form-label.required[data-v-d9526e3f]:after{content:" *";color:var(--color-error-600)}.form-textarea[data-v-d9526e3f]{resize:vertical;min-height:80px;font-family:inherit}.checkbox-group[data-v-d9526e3f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.checkbox-label[data-v-d9526e3f]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-input[data-v-d9526e3f]{width:16px;height:16px;accent-color:#8b4513}.checkbox-text[data-v-d9526e3f]{-webkit-user-select:none;user-select:none}.power-tiers[data-v-d9526e3f]{margin-top:1rem;background:#fff;border-radius:4px;padding:1rem}.tier-list[data-v-d9526e3f]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.tier-row[data-v-d9526e3f]{display:flex;align-items:center;gap:.5rem}.tier-number[data-v-d9526e3f]{background:#8b4513;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.tier-input[data-v-d9526e3f]{flex:1;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.keywords-editor[data-v-d9526e3f]{background:#fff;border-radius:4px;padding:1rem}.selected-keywords[data-v-d9526e3f]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.keyword-tag[data-v-d9526e3f]{background:#8b4513;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.remove-keyword[data-v-d9526e3f]{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.keyword-input-group[data-v-d9526e3f]{display:flex;gap:.5rem;margin-bottom:1rem}.keyword-input[data-v-d9526e3f]{flex:1;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.btn-add-keyword[data-v-d9526e3f]{padding:.5rem 1rem;background:#8b4513;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer}.btn-add-keyword[data-v-d9526e3f]:disabled{background:#ccc;cursor:not-allowed}.quick-keywords[data-v-d9526e3f]{display:flex;flex-wrap:wrap;gap:.25rem}.quick-keyword-btn[data-v-d9526e3f]{padding:.25rem .5rem;background:#e9ecef;border:1px solid #ced4da;border-radius:12px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.quick-keyword-btn[data-v-d9526e3f]:hover{background:#dee2e6}.quick-keyword-btn.selected[data-v-d9526e3f]{background:#8b4513;color:#fff;border-color:#8b4513}.error-message[data-v-d9526e3f]{color:var(--color-error-600);font-size:var(--font-size-sm);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium)}.error-message[data-v-d9526e3f]:before{content:"⚠";font-size:var(--font-size-base)}.help-text[data-v-d9526e3f]{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-top:var(--space-1);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.ability-editor[data-v-d9526e3f]{padding:1rem}.editor-header[data-v-d9526e3f]{flex-direction:column;gap:1rem;align-items:stretch}.editor-actions[data-v-d9526e3f]{justify-content:center}.form-grid[data-v-d9526e3f],.checkbox-group[data-v-d9526e3f]{grid-template-columns:1fr}.tier-row[data-v-d9526e3f]{flex-wrap:wrap}.tier-input[data-v-d9526e3f]{min-width:200px}}.section-header-with-toggle[data-v-d9526e3f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-help[data-v-d9526e3f]{margin-bottom:1rem;font-style:italic;color:#6c757d}.toggle-switch[data-v-d9526e3f]{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox][data-v-d9526e3f]{position:relative;width:40px;height:20px;appearance:none;background:#ccc;border-radius:20px;outline:none;transition:background .3s;cursor:pointer}.toggle-switch input[type=checkbox][data-v-d9526e3f]:checked{background:#28a745}.toggle-switch input[type=checkbox][data-v-d9526e3f]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s}.toggle-switch input[type=checkbox][data-v-d9526e3f]:checked:before{transform:translate(20px)}.toggle-label[data-v-d9526e3f]{font-size:.9rem;font-weight:500;color:#495057}.stat-block[data-v-26596b06]{background:var(--color-primary-50);border:1px solid var(--color-primary-700);border-radius:var(--radius-base);padding:var(--space-6);font-family:var(--font-family-serif);box-shadow:var(--shadow-base);max-width:100%;transition:var(--transition-all)}.stat-block.edit-mode[data-v-26596b06]{background:var(--color-neutral-50);border-color:#007bff;box-shadow:0 4px 12px #007bff26}.header[data-v-26596b06]{text-align:center;margin-bottom:var(--space-4)}.monster-name[data-v-26596b06]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:1px}.monster-name-edit[data-v-26596b06]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700);text-transform:uppercase;letter-spacing:1px;text-align:center;border:2px solid #007bff;border-radius:var(--radius-base);padding:var(--space-2);background:#fff;width:100%;margin-bottom:var(--space-4)}.monster-meta-edit[data-v-26596b06]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.meta-edit-group[data-v-26596b06]{display:flex;flex-direction:column;gap:var(--space-1)}.meta-edit-group label[data-v-26596b06]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-neutral-700)}.meta-edit-group input[data-v-26596b06],.meta-edit-group select[data-v-26596b06]{padding:var(--space-1);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.core-stats-grid[data-v-26596b06]{margin-bottom:var(--space-4)}.stat-labels[data-v-26596b06]{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.stat-label[data-v-26596b06]{font-weight:var(--font-weight-bold);color:var(--color-primary-700);flex:1;text-align:center}.stat-values[data-v-26596b06]{display:flex;justify-content:space-between}.stat-value[data-v-26596b06]{flex:1;color:#333;text-align:center}.stat-edit-values[data-v-26596b06]{display:flex;justify-content:space-between}.stat-edit-item[data-v-26596b06]{flex:1;display:flex;justify-content:center;align-items:center}.size-edit[data-v-26596b06]{display:flex;gap:var(--space-1);justify-content:center;align-items:center}.size-input[data-v-26596b06],.stat-input[data-v-26596b06]{flex:1;min-width:0;max-width:80px;padding:var(--space-1);border:1px solid #007bff;border-radius:var(--radius-sm);text-align:center;font-weight:var(--font-weight-bold);background:#fff;font-size:var(--font-size-sm);margin:0 auto}.size-select[data-v-26596b06]{padding:var(--space-1);font-size:var(--font-size-sm);min-width:40px;max-width:50px;border:1px solid var(--color-primary-500)}.characteristic-scores[data-v-26596b06]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin:var(--space-4) 0}.characteristic-score[data-v-26596b06]{text-align:center;border:1px solid var(--color-primary-700);border-radius:var(--radius-base);padding:var(--space-3) .5rem;background:#f9f5f0;min-width:0;transition:all .2s ease}.edit-mode .characteristic-score[data-v-26596b06]{border-color:#007bff;background:#fff}.characteristic-name[data-v-26596b06]{font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);color:var(--color-primary-700);margin-bottom:var(--space-1);letter-spacing:.5px}.characteristic-value[data-v-26596b06]{font-size:var(--space-4);color:#333;font-weight:var(--font-weight-bold);line-height:1.2}.characteristic-input[data-v-26596b06]{width:100%;max-width:60px;padding:var(--space-1);border:1px solid #007bff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;background:#fff;color:#333}.secondary-stats[data-v-26596b06]{font-size:var(--font-size-sm);color:#666;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-2);line-height:1.4}.stat-item[data-v-26596b06]{white-space:nowrap}.stat-item strong[data-v-26596b06]{color:var(--color-primary-700);font-weight:var(--font-weight-bold)}.stat-separator[data-v-26596b06]{color:var(--color-primary-700);font-weight:var(--font-weight-bold);margin:0 .25rem}.defenses-edit[data-v-26596b06]{background:#fff;border:1px solid #007bff;border-radius:var(--radius-base);padding:var(--space-4);margin:var(--space-2) 0}.defense-edit-section[data-v-26596b06]{margin-bottom:var(--space-4)}.defense-edit-section[data-v-26596b06]:last-child{margin-bottom:0}.defense-edit-section h4[data-v-26596b06]{color:var(--color-primary-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin:0 0 .5rem}.defense-entries[data-v-26596b06]{display:flex;flex-direction:column;gap:var(--space-2)}.defense-entry[data-v-26596b06]{display:flex;align-items:center;gap:var(--space-2)}.defense-type-select[data-v-26596b06]{flex:2;padding:var(--space-1);font-size:var(--font-size-sm);border:1px solid var(--color-primary-500)}.defense-value-input[data-v-26596b06]{flex:1;max-width:60px;padding:var(--space-1);border:1px solid #007bff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-align:center;background:#fff}.btn-remove-small[data-v-26596b06],.btn-add-small[data-v-26596b06]{padding:var(--space-1) .5rem;border:none;border-radius:var(--radius-sm);font-size:var(--space-3);font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-remove-small[data-v-26596b06]{background:#dc3545;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.btn-remove-small[data-v-26596b06]:hover{background:#c82333}.btn-add-small[data-v-26596b06]{background:#28a745;color:#fff;align-self:flex-start;margin-top:var(--space-1)}.btn-add-small[data-v-26596b06]:hover{background:#1e7e34}.movement-types-edit[data-v-26596b06]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.movement-checkbox[data-v-26596b06]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-1) .5rem;border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);background:#fff;transition:all .2s ease}.movement-checkbox[data-v-26596b06]:hover{background:var(--color-neutral-50);border-color:#007bff}.movement-checkbox input[type=checkbox][data-v-26596b06]{margin:0}.divider[data-v-26596b06]{height:2px;background:linear-gradient(to right,transparent,var(--color-primary-700),transparent);margin:var(--space-4) 0}.source-info[data-v-26596b06]{margin-top:var(--space-4)}.source-text[data-v-26596b06]{font-size:var(--font-size-xs);color:#777;text-align:center;font-style:italic}.edit-controls[data-v-26596b06]{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200);display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.btn[data-v-26596b06]{padding:var(--space-2) 1rem;border:none;border-radius:var(--radius-base);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all .2s ease}.btn-success[data-v-26596b06]{background:#28a745;color:#fff}.btn-success[data-v-26596b06]:hover{background:#218838}.btn-secondary[data-v-26596b06]{background:var(--color-neutral-600);color:#fff}.btn-secondary[data-v-26596b06]:hover{background:#5a6268}.btn-outline[data-v-26596b06]{background:transparent;color:var(--color-neutral-600);border:1px solid var(--color-neutral-600)}.btn-outline[data-v-26596b06]:hover{background:var(--color-neutral-600);color:#fff}.btn-link[data-v-26596b06]{background:transparent;color:#007bff;text-decoration:underline}.btn-link[data-v-26596b06]:hover{color:#0056b3}@media (max-width: 768px){.monster-meta-edit[data-v-26596b06]{grid-template-columns:repeat(2,1fr)}.characteristic-scores[data-v-26596b06]{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stat-edit-values[data-v-26596b06]{flex-direction:column;gap:var(--space-2)}.core-stats-grid[data-v-26596b06]{margin-bottom:var(--space-6)}.stat-labels[data-v-26596b06]{font-size:var(--font-size-xs);margin-bottom:var(--space-3)}.stat-label[data-v-26596b06]{font-size:var(--font-size-xs);padding:0 .25rem}.stat-edit-values[data-v-26596b06]{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.stat-edit-item[data-v-26596b06]{justify-content:center}.size-edit[data-v-26596b06]{max-width:150px}.stat-input[data-v-26596b06]{max-width:80px}.edit-controls[data-v-26596b06]{flex-direction:column;align-items:center}.btn[data-v-26596b06]{width:200px;max-width:100%}}@media (max-width: 480px){.characteristic-scores[data-v-26596b06]{grid-template-columns:repeat(2,1fr)}.monster-meta-edit[data-v-26596b06]{grid-template-columns:1fr}.stat-labels[data-v-26596b06]{flex-direction:column;gap:var(--space-2);text-align:center;margin-bottom:var(--space-4)}.stat-values[data-v-26596b06]{flex-direction:column;gap:var(--space-2);text-align:center}}.abilities-edit[data-v-26596b06]{margin:var(--space-4) 0}.abilities-edit-header[data-v-26596b06]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.abilities-edit-header h4[data-v-26596b06]{margin:0;color:var(--color-primary-700)}.abilities-list-edit[data-v-26596b06]{display:flex;flex-direction:column;gap:var(--space-4)}.ability-edit-item[data-v-26596b06]{border:1px solid var(--color-neutral-200);border-radius:var(--radius-base);padding:var(--space-4);background:var(--color-neutral-50)}.ability-edit-header[data-v-26596b06]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.ability-edit-name[data-v-26596b06]{flex:1}.ability-name-input[data-v-26596b06]{width:100%;padding:var(--space-2);border:1px solid #ccc;border-radius:var(--radius-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.ability-edit-actions[data-v-26596b06]{display:flex;gap:var(--space-2)}.ability-edit-preview[data-v-26596b06]{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-neutral-200)}.ability-description[data-v-26596b06]{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.ability-power[data-v-26596b06]{font-style:italic;color:#666;margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.ability-keywords[data-v-26596b06]{font-size:var(--font-size-xs);color:#999;font-style:italic}.no-abilities[data-v-26596b06]{text-align:center;color:#666;font-style:italic;padding:var(--space-8);border:2px dashed #ccc;border-radius:var(--radius-base);background:var(--color-neutral-50)}.btn-edit-small[data-v-26596b06]{padding:var(--space-1) .5rem;border:none;border-radius:var(--radius-sm);background:#17a2b8;color:#fff;cursor:pointer;font-size:var(--font-size-xs);transition:background-color .2s}.btn-edit-small[data-v-26596b06]:hover{background:#138496}.ability-info-row[data-v-26596b06]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.ability-type-badge[data-v-26596b06]{padding:.125rem .375rem;border-radius:12px;font-size:.7rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.ability-type-badge.signature[data-v-26596b06]{background:var(--color-primary-700);color:#fff}.ability-type-badge.heroic[data-v-26596b06]{background:#dc3545;color:#fff}.ability-type-badge.feature[data-v-26596b06]{background:#28a745;color:#fff;margin-bottom:var(--space-2)}.ability-action-type[data-v-26596b06]{font-size:var(--font-size-xs);color:#666;font-style:italic}.ability-resource[data-v-26596b06]{font-size:var(--font-size-xs);color:#dc3545;font-weight:500}.ability-targeting[data-v-26596b06]{display:flex;gap:var(--space-3);margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:#666;flex-wrap:wrap}.ability-range[data-v-26596b06],.ability-target[data-v-26596b06]{background:var(--color-neutral-50);padding:.125rem .375rem;border-radius:var(--radius-base);border:1px solid var(--color-neutral-200);font-size:var(--space-3)}.ability-power[data-v-26596b06]{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:#333}.ability-power strong[data-v-26596b06]{color:var(--color-primary-700);font-family:Courier New,monospace}.tier-count[data-v-26596b06]{color:#666;font-size:var(--font-size-xs);margin-left:var(--space-2)}.ability-effects[data-v-26596b06]{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:#555}.effect-text[data-v-26596b06]{margin-bottom:.125rem;padding:var(--space-1);background:var(--color-neutral-50);border-radius:var(--radius-base);border-left:3px solid var(--color-primary-700)}.ability-trigger[data-v-26596b06]{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:#666;padding:var(--space-1);background:#fff3cd;border-radius:var(--radius-base);border-left:3px solid #ffc107}.ability-description[data-v-26596b06]{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:#555;line-height:1.4}.ability-keywords[data-v-26596b06]{font-size:var(--space-3);color:#999;font-style:italic;margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-neutral-200)}.editor-modal-overlay[data-v-26596b06]{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:var(--space-4)}.editor-modal-container[data-v-26596b06]{background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;width:min(1200px,95vw);max-height:90vh;overflow-y:auto;margin:auto}.editor-modal-overlay[data-v-26596b06]::backdrop{background:#000000bf}@media (max-width: 768px){.editor-modal-container[data-v-26596b06]{width:min(100vw - 2rem,95vw);max-height:95vh;margin:var(--space-2)}.editor-modal-overlay[data-v-26596b06]{padding:var(--space-2)}}@media (min-width: 1400px){.editor-modal-container[data-v-26596b06]{width:min(1400px,90vw)}}.loading-spinner[data-v-418dd81e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8)}.loading-spinner.inline[data-v-418dd81e]{display:inline-flex;flex-direction:row;padding:var(--space-2)}.spinner[data-v-418dd81e]{width:40px;height:40px;border:4px solid var(--color-neutral-200);border-top-color:var(--color-primary-600);border-radius:var(--radius-full);animation:spin-418dd81e .8s linear infinite}.loading-spinner.inline .spinner[data-v-418dd81e]{width:20px;height:20px;border-width:3px}.loading-message[data-v-418dd81e]{color:var(--color-neutral-600);font-size:var(--font-size-sm)}.loading-spinner.inline .loading-message[data-v-418dd81e]{font-size:var(--font-size-xs)}@keyframes spin-418dd81e{to{transform:rotate(360deg)}}.monster-view[data-v-4145aecf]{max-width:800px;margin:0 auto;padding:var(--space-8)}.monster-actions[data-v-4145aecf]{margin-top:var(--space-8);text-align:center;display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.loading[data-v-4145aecf],.error[data-v-4145aecf]{text-align:center;padding:var(--space-8);font-size:var(--font-size-lg)}.error[data-v-4145aecf]{color:var(--color-error-600);background-color:var(--color-error-50);border:2px solid var(--color-error-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);text-align:center}.error-icon[data-v-4145aecf]{font-size:var(--font-size-5xl)}.error-content[data-v-4145aecf]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.error-content h3[data-v-4145aecf]{margin:0;color:var(--color-error-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.error-content p[data-v-4145aecf]{margin:0;color:var(--color-error-600)}.loading[data-v-4145aecf]{color:var(--color-neutral-500)}.auto-save-indicator[data-v-4145aecf]{position:fixed;bottom:var(--space-5);right:var(--space-5);background:var(--color-info-600);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:slideIn-4145aecf var(--duration-slow) var(--ease-bounce)}.auto-save-indicator.saved[data-v-4145aecf]{background:var(--color-success-600)}.save-icon[data-v-4145aecf]{font-size:var(--font-size-lg)}@keyframes slideIn-4145aecf{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.monster-view[data-v-4145aecf]{padding:var(--space-4)}.monster-actions[data-v-4145aecf]{flex-direction:column;align-items:center;gap:var(--space-3)}.monster-actions .btn[data-v-4145aecf]{min-width:200px;max-width:100%}}.monster-list[data-v-18c731b0]{max-width:1200px;margin:0 auto}.page-header[data-v-18c731b0]{text-align:center;margin-bottom:var(--space-8)}.page-header h1[data-v-18c731b0]{color:var(--color-primary-700);font-size:var(--font-size-4xl);margin-bottom:var(--space-2);font-family:var(--font-family-serif);font-weight:var(--font-weight-bold)}.page-header p[data-v-18c731b0]{color:var(--color-neutral-600);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.filters[data-v-18c731b0]{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);margin-bottom:var(--space-8);border:1px solid var(--color-neutral-200)}.search-bar[data-v-18c731b0]{margin-bottom:var(--space-4)}.search-input[data-v-18c731b0],.filter-input[data-v-18c731b0]{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-sans);transition:var(--transition-colors),box-shadow var(--duration-normal) var(--ease-out);background:var(--color-neutral-50)}.search-input[data-v-18c731b0]:focus,.filter-input[data-v-18c731b0]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background:#fff}.filter-row[data-v-18c731b0],.sort-row[data-v-18c731b0]{display:flex;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-4);flex-wrap:wrap}.sort-row[data-v-18c731b0]{margin-bottom:0;padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200)}.filter-group[data-v-18c731b0]{display:flex;flex-direction:column;gap:var(--space-1);min-width:150px}.filter-group label[data-v-18c731b0]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.filter-select[data-v-18c731b0]{padding:var(--space-2) var(--space-3);border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-sans);background:#fff;transition:var(--transition-colors),box-shadow var(--duration-normal) var(--ease-out);cursor:pointer}.filter-select[data-v-18c731b0]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring)}.clear-filters-btn[data-v-18c731b0]{background:var(--color-error-600);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);align-self:flex-end;box-shadow:var(--shadow-sm)}.clear-filters-btn[data-v-18c731b0]:hover{background:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.clear-filters-btn[data-v-18c731b0]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.monster-keywords[data-v-18c731b0]{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1}.loading[data-v-18c731b0],.error[data-v-18c731b0]{text-align:center;padding:var(--space-8);font-size:var(--font-size-lg)}.error[data-v-18c731b0]{color:var(--color-error-600);background-color:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);box-shadow:var(--shadow-sm)}.error-icon[data-v-18c731b0]{font-size:var(--font-size-5xl)}.error-content[data-v-18c731b0]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.error-content h3[data-v-18c731b0]{margin:0;color:var(--color-error-700);font-weight:var(--font-weight-bold)}.error-content p[data-v-18c731b0]{margin:0;color:var(--color-error-600);line-height:var(--line-height-relaxed)}.error .btn[data-v-18c731b0]{margin-top:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.error .btn-primary[data-v-18c731b0]{background-color:var(--color-primary-600);color:#fff;box-shadow:var(--shadow-sm)}.error .btn-primary[data-v-18c731b0]:hover{background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.monsters-grid[data-v-18c731b0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.monster-card[data-v-18c731b0]{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-base);cursor:pointer;transition:var(--transition-all);border-left:4px solid var(--color-primary-600);border:1px solid var(--color-neutral-200);display:flex;flex-direction:column;position:relative;overflow:hidden}.monster-card[data-v-18c731b0]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary-600),var(--color-primary-700));transform:scaleY(1);transition:transform var(--duration-normal) var(--ease-out)}.monster-card[data-v-18c731b0]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.monster-card[data-v-18c731b0]:hover:before{transform:scaleY(1.1)}.monster-card-header[data-v-18c731b0]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-3)}.monster-card-footer[data-v-18c731b0]{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.monster-name[data-v-18c731b0]{color:var(--color-primary-700);font-size:var(--font-size-xl);margin:0;font-weight:var(--font-weight-bold);flex:1;line-height:var(--line-height-tight)}.monster-role[data-v-18c731b0]{background-color:var(--color-primary-600);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;text-transform:capitalize;box-shadow:var(--shadow-sm)}.monster-ev[data-v-18c731b0]{background:var(--color-success-600);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;box-shadow:var(--shadow-sm)}.monster-info[data-v-18c731b0]{margin-bottom:var(--space-4)}.monster-organization[data-v-18c731b0]{color:var(--color-neutral-600);font-style:italic;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.keyword-tag[data-v-18c731b0]{background:var(--color-neutral-100);color:var(--color-neutral-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);font-size:var(--font-size-xs);border:1px solid var(--color-neutral-200);font-weight:var(--font-weight-medium)}.monster-details[data-v-18c731b0]{margin-bottom:var(--space-4)}.monster-type[data-v-18c731b0]{color:var(--color-neutral-600);font-style:italic;margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm)}.monster-stats[data-v-18c731b0]{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-neutral-700)}.monster-stats span[data-v-18c731b0]{background:var(--color-neutral-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);font-weight:var(--font-weight-medium)}.monster-preview[data-v-18c731b0]{border-top:1px solid var(--color-neutral-200);padding-top:var(--space-4)}.preview-text[data-v-18c731b0]{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0;line-height:var(--line-height-snug)}.no-results[data-v-18c731b0]{text-align:center;padding:var(--space-12);color:var(--color-neutral-600)}.no-results h3[data-v-18c731b0]{margin-bottom:var(--space-2);color:var(--color-neutral-700);font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.page-header h1[data-v-18c731b0]{font-size:var(--font-size-3xl)}.filters[data-v-18c731b0]{padding:var(--space-4)}.filter-row[data-v-18c731b0],.sort-row[data-v-18c731b0]{flex-direction:column;align-items:stretch;gap:var(--space-4)}.filter-group[data-v-18c731b0]{min-width:auto}.filter-select[data-v-18c731b0]{padding:var(--space-3);font-size:var(--font-size-base)}.clear-filters-btn[data-v-18c731b0]{align-self:stretch;margin-top:var(--space-2);padding:var(--space-3)}.monsters-grid[data-v-18c731b0]{grid-template-columns:1fr;gap:var(--space-4)}.monster-card[data-v-18c731b0]{padding:var(--space-4);min-height:44px}.monster-card[data-v-18c731b0]:hover{transform:none}.monster-card[data-v-18c731b0]:active{transform:scale(.98)}}@media (max-width: 480px){.page-header h1[data-v-18c731b0]{font-size:1.75rem;margin-bottom:.75rem}.filters[data-v-18c731b0]{padding:.75rem}.filter-select[data-v-18c731b0]{padding:.875rem;font-size:1rem}.monsters-grid[data-v-18c731b0]{gap:.75rem}.monster-card[data-v-18c731b0]{padding:.875rem}.monster-name[data-v-18c731b0]{font-size:1.1rem;line-height:1.3}.monster-role[data-v-18c731b0]{font-size:.9rem}.keywords[data-v-18c731b0]{font-size:.85rem;line-height:1.4}}.home[data-v-5f68bd31]{max-width:1000px;margin:0 auto}.hero[data-v-5f68bd31]{text-align:center;padding:var(--space-16) var(--space-8);background:linear-gradient(135deg,var(--color-neutral-50),var(--color-primary-50));border-radius:var(--radius-xl);margin-bottom:var(--space-12);box-shadow:var(--shadow-lg);border:1px solid var(--color-neutral-200);position:relative;overflow:hidden}.hero[data-v-5f68bd31]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,69,19,.03) 0%,transparent 70%);pointer-events:none}.hero-logo[data-v-5f68bd31]{width:80px;height:80px;margin:0 auto var(--space-6);display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));position:relative;z-index:1}.hero-title[data-v-5f68bd31]{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary-700);margin-bottom:var(--space-4);font-family:var(--font-family-serif);letter-spacing:-.02em;position:relative}.hero-subtitle[data-v-5f68bd31]{font-size:var(--font-size-xl);color:var(--color-neutral-600);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed);position:relative}.hero-actions[data-v-5f68bd31]{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;position:relative}.hero-actions-text[data-v-5f68bd31]{font-size:var(--font-size-base);color:var(--color-neutral-700);margin-bottom:var(--space-4);line-height:var(--line-height-relaxed);display:flex;justify-content:center}.btn[data-v-5f68bd31]{padding:var(--padding-btn);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:var(--transition-all);display:inline-flex;align-items:center;justify-content:center;min-width:160px;box-shadow:var(--shadow-sm)}.btn-primary[data-v-5f68bd31]{background-color:var(--color-primary-600);color:#fff}.btn-primary[data-v-5f68bd31]:hover{background-color:var(--color-primary-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary[data-v-5f68bd31]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary[data-v-5f68bd31]{background-color:#fff;color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.btn-secondary[data-v-5f68bd31]:hover{background-color:var(--color-primary-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-5f68bd31]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.features[data-v-5f68bd31]{margin:var(--space-12) 0}.feature-grid[data-v-5f68bd31]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.feature-card[data-v-5f68bd31]{background:#fff;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);text-align:center;transition:var(--transition-all);text-decoration:none;color:inherit;display:block;cursor:pointer;border:1px solid var(--color-neutral-200);position:relative;overflow:hidden}.feature-card[data-v-5f68bd31]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-600),var(--color-primary-700));transform:scaleX(0);transition:transform var(--duration-normal) var(--ease-out)}.feature-card[data-v-5f68bd31]:hover:before{transform:scaleX(1)}.feature-card[data-v-5f68bd31]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.feature-card-disabled[data-v-5f68bd31]{opacity:.6;cursor:not-allowed;background:var(--color-neutral-50)}.feature-card-disabled[data-v-5f68bd31]:before{display:none}.feature-card-disabled[data-v-5f68bd31]:hover{transform:none;box-shadow:var(--shadow-base)}.feature-icon[data-v-5f68bd31]{font-size:var(--font-size-5xl);margin-bottom:var(--space-4);display:inline-block;transition:var(--transition-transform)}.feature-card:hover .feature-icon[data-v-5f68bd31]{transform:scale(1.1)}.feature-card h3[data-v-5f68bd31]{color:var(--color-primary-700);margin-bottom:var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.feature-card:visited h3[data-v-5f68bd31]{color:var(--color-primary-700)}.feature-card p[data-v-5f68bd31]{color:var(--color-neutral-600);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);margin:0}.recent-section[data-v-5f68bd31]{margin:var(--space-12) 0}.recent-section h2[data-v-5f68bd31]{color:var(--color-primary-700);margin-bottom:var(--space-6);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.getting-started[data-v-5f68bd31]{background:#fff;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);text-align:center;border-left:4px solid var(--color-primary-600)}.getting-started p[data-v-5f68bd31]{color:var(--color-neutral-600);margin:0;line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.quick-links[data-v-5f68bd31]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.quick-link[data-v-5f68bd31]{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:var(--transition-all);border-left:4px solid var(--color-primary-600);border:1px solid var(--color-neutral-200)}.quick-link[data-v-5f68bd31]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-300)}.quick-link-content[data-v-5f68bd31]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.quick-link h4[data-v-5f68bd31]{color:var(--color-neutral-800);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.level-badge[data-v-5f68bd31]{background-color:var(--color-primary-600);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;box-shadow:var(--shadow-sm)}@media (max-width: 768px){.hero[data-v-5f68bd31]{padding:var(--space-8) var(--space-4)}.hero-logo[data-v-5f68bd31]{width:64px;height:64px}.hero-title[data-v-5f68bd31]{font-size:var(--font-size-4xl)}.hero-subtitle[data-v-5f68bd31]{font-size:var(--font-size-base)}.hero-actions[data-v-5f68bd31]{flex-direction:column;align-items:center}.btn[data-v-5f68bd31]{width:200px}.feature-grid[data-v-5f68bd31]{grid-template-columns:1fr;gap:var(--space-6)}.quick-links[data-v-5f68bd31]{grid-template-columns:1fr}.recent-section h2[data-v-5f68bd31]{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.hero[data-v-5f68bd31]{padding:var(--space-6) var(--space-3)}.hero-logo[data-v-5f68bd31]{width:56px;height:56px}.hero-title[data-v-5f68bd31]{font-size:var(--font-size-3xl)}.hero-subtitle[data-v-5f68bd31]{font-size:var(--font-size-sm)}}.basic-info-form[data-v-d3e89c49]{padding:1rem 0}.form-section-title[data-v-d3e89c49]{color:var(--color-primary-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-600)}.form-grid[data-v-d3e89c49]{display:flex;flex-direction:column;gap:var(--space-6)}.form-row[data-v-d3e89c49]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group[data-v-d3e89c49]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-d3e89c49]{font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);font-size:var(--font-size-sm);display:block;margin-bottom:var(--space-1)}.form-label.required[data-v-d3e89c49]:after{content:" *";color:var(--color-error-600)}.error-message[data-v-d3e89c49]{color:var(--color-error-600);font-size:var(--font-size-sm);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium)}.error-message[data-v-d3e89c49]:before{content:"⚠";font-size:var(--font-size-base)}.help-text[data-v-d3e89c49]{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-top:var(--space-1);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.form-section-title[data-v-d3e89c49]{font-size:var(--font-size-lg)}.form-row[data-v-d3e89c49]{grid-template-columns:1fr;gap:var(--space-3)}.form-grid[data-v-d3e89c49]{gap:var(--space-4)}}.stats-form[data-v-b42b68e9]{padding:var(--space-4) 0}.form-section-title[data-v-b42b68e9]{color:var(--color-primary-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-600)}.form-grid[data-v-b42b68e9]{display:flex;flex-direction:column;gap:var(--space-6)}.form-group[data-v-b42b68e9]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-b42b68e9]{font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);font-size:var(--font-size-sm);display:block;margin-bottom:var(--space-1)}.form-label.required[data-v-b42b68e9]:after{content:" *";color:var(--color-error-600)}.size-input-group[data-v-b42b68e9]{display:flex;gap:var(--space-2)}.size-number[data-v-b42b68e9]{flex:1;max-width:100px}.size-letter[data-v-b42b68e9]{flex:1;max-width:120px}.stats-row[data-v-b42b68e9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.error-message[data-v-b42b68e9]{color:var(--color-error-600);font-size:var(--font-size-sm);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium)}.error-message[data-v-b42b68e9]:before{content:"⚠";font-size:var(--font-size-base)}.help-text[data-v-b42b68e9]{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-top:var(--space-1);line-height:var(--line-height-relaxed)}.checkbox-group[data-v-b42b68e9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);padding:var(--space-3);border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-neutral-50);transition:var(--transition-colors)}.checkbox-group[data-v-b42b68e9]:hover{border-color:var(--color-neutral-300);background:#fff}.checkbox-label[data-v-b42b68e9]{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-neutral-700);transition:var(--transition-colors);padding:var(--space-1);border-radius:var(--radius-sm)}.checkbox-label[data-v-b42b68e9]:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.checkbox-input[data-v-b42b68e9]{width:18px;height:18px;accent-color:var(--color-primary-600)}.checkbox-text[data-v-b42b68e9]{-webkit-user-select:none;user-select:none;font-weight:var(--font-weight-medium)}fieldset.form-group[data-v-b42b68e9]{border:none;padding:0;margin:0}fieldset.form-group legend[data-v-b42b68e9]{padding:0;margin:0}@media (max-width: 768px){.form-section-title[data-v-b42b68e9]{font-size:var(--font-size-lg)}.stats-row[data-v-b42b68e9]{grid-template-columns:1fr 1fr;gap:var(--space-3)}.checkbox-group[data-v-b42b68e9]{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.size-input-group[data-v-b42b68e9]{flex-direction:column}.size-number[data-v-b42b68e9],.size-letter[data-v-b42b68e9]{max-width:none}}@media (max-width: 480px){.stats-row[data-v-b42b68e9],.checkbox-group[data-v-b42b68e9]{grid-template-columns:1fr}}.characteristics-form[data-v-37397a4a]{padding:var(--space-4) 0}.form-section-title[data-v-37397a4a]{color:var(--color-primary-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-600)}.characteristics-grid[data-v-37397a4a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.form-group[data-v-37397a4a]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-37397a4a]{font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);font-size:var(--font-size-sm);display:block;margin-bottom:var(--space-1)}.form-label.required[data-v-37397a4a]:after{content:" *";color:var(--color-error-600)}.characteristic-input[data-v-37397a4a]{padding:var(--padding-input);border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:var(--font-size-base);text-align:center;font-weight:var(--font-weight-semibold);background:var(--color-neutral-50);color:var(--color-neutral-800);transition:var(--transition-input);font-family:var(--font-family-sans)}.characteristic-input[data-v-37397a4a]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background:#fff}.characteristic-input[data-v-37397a4a]:hover:not(:focus){border-color:var(--color-neutral-300);background:#fff}.characteristic-input.invalid[data-v-37397a4a]{border-color:var(--color-error-500)}.characteristic-input.invalid[data-v-37397a4a]:focus{box-shadow:var(--focus-ring-error)}.error-message[data-v-37397a4a]{color:var(--color-error-600);font-size:var(--font-size-sm);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium)}.error-message[data-v-37397a4a]:before{content:"⚠";font-size:var(--font-size-base)}.highest-characteristic[data-v-37397a4a]{background:var(--color-primary-50);padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-primary-400);color:var(--color-primary-700);text-align:center;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-top:var(--space-4);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.form-section-title[data-v-37397a4a]{font-size:var(--font-size-lg)}.characteristics-grid[data-v-37397a4a]{grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.characteristic-input[data-v-37397a4a]{padding:var(--space-2);font-size:var(--font-size-sm)}}@media (max-width: 480px){.characteristics-grid[data-v-37397a4a]{grid-template-columns:1fr;gap:var(--space-3)}.form-group[data-v-37397a4a]{gap:var(--space-1)}.highest-characteristic[data-v-37397a4a]{margin-top:var(--space-3);padding:var(--space-2);font-size:var(--font-size-sm)}}.defenses-form[data-v-995c0bc4]{padding:var(--space-4) 0}.form-section-title[data-v-995c0bc4]{color:var(--color-primary-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-600)}.defense-section[data-v-995c0bc4]{margin-bottom:var(--space-8);padding:var(--space-6);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:var(--color-neutral-50);box-shadow:var(--shadow-sm);transition:var(--transition-colors)}.defense-section[data-v-995c0bc4]:hover{background:var(--color-neutral-25);border-color:var(--color-neutral-300)}.defense-title[data-v-995c0bc4]{color:var(--color-neutral-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.defense-description[data-v-995c0bc4]{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin:0 0 var(--space-4) 0;line-height:var(--line-height-relaxed)}.defense-entries[data-v-995c0bc4]{display:flex;flex-direction:column;gap:var(--space-3)}.defense-entry[data-v-995c0bc4]{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3);background:#fff;border-radius:var(--radius-md);border:2px solid var(--color-neutral-200);transition:var(--transition-colors);box-shadow:var(--shadow-sm)}.defense-entry[data-v-995c0bc4]:hover{border-color:var(--color-neutral-300);box-shadow:var(--shadow-md)}.damage-type-input[data-v-995c0bc4],.damage-type-select[data-v-995c0bc4]{flex:2;padding:var(--space-2);border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-neutral-50);color:var(--color-neutral-800);transition:var(--transition-input);font-family:var(--font-family-sans)}.damage-value-input[data-v-995c0bc4]{flex:1;max-width:80px;padding:var(--space-2);border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:center;background:var(--color-neutral-50);color:var(--color-neutral-800);transition:var(--transition-input);font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold)}.damage-type-input[data-v-995c0bc4]:focus,.damage-type-select[data-v-995c0bc4]:focus,.damage-value-input[data-v-995c0bc4]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background:#fff}.damage-type-input[data-v-995c0bc4]:hover:not(:focus),.damage-type-select[data-v-995c0bc4]:hover:not(:focus),.damage-value-input[data-v-995c0bc4]:hover:not(:focus){border-color:var(--color-neutral-300);background:#fff}.btn-remove[data-v-995c0bc4]{background:var(--color-error-600);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-button);flex-shrink:0}.btn-remove[data-v-995c0bc4]:hover{background:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-remove[data-v-995c0bc4]:focus-visible{outline:none;box-shadow:var(--focus-ring-error)}.btn-add[data-v-995c0bc4]{padding:var(--space-3) var(--space-4);background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-button);align-self:flex-start}.btn-add[data-v-995c0bc4]:hover{background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add[data-v-995c0bc4]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.error-message[data-v-995c0bc4]{color:var(--color-error-600);font-size:var(--font-size-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium)}.error-message[data-v-995c0bc4]:before{content:"⚠";font-size:var(--font-size-base)}.help-section[data-v-995c0bc4]{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-8);box-shadow:var(--shadow-sm)}.help-section h4[data-v-995c0bc4]{color:var(--color-primary-700);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.damage-types-grid[data-v-995c0bc4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.damage-type-badge[data-v-995c0bc4]{background:var(--color-neutral-200);color:var(--color-neutral-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);text-align:center;font-weight:var(--font-weight-medium);border:1px solid var(--color-neutral-300);transition:var(--transition-colors)}.damage-type-badge[data-v-995c0bc4]:hover{background:var(--color-neutral-300);border-color:var(--color-neutral-400)}.help-text[data-v-995c0bc4]{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}@media (max-width: 768px){.form-section-title[data-v-995c0bc4]{font-size:var(--font-size-lg)}.defense-section[data-v-995c0bc4]{padding:var(--space-4);margin-bottom:var(--space-6)}.defense-entry[data-v-995c0bc4]{flex-wrap:wrap;gap:var(--space-2)}.damage-type-input[data-v-995c0bc4],.damage-type-select[data-v-995c0bc4]{flex:1;min-width:150px}.damage-value-input[data-v-995c0bc4]{flex:0;min-width:80px}.damage-types-grid[data-v-995c0bc4]{grid-template-columns:repeat(2,1fr);gap:var(--space-1)}.help-section[data-v-995c0bc4]{padding:var(--space-4);margin-top:var(--space-6)}}@media (max-width: 480px){.defense-section[data-v-995c0bc4],.help-section[data-v-995c0bc4]{padding:var(--space-3)}.damage-types-grid[data-v-995c0bc4]{grid-template-columns:1fr}.defense-entry[data-v-995c0bc4]{flex-direction:column;align-items:stretch}.damage-type-input[data-v-995c0bc4],.damage-type-select[data-v-995c0bc4],.damage-value-input[data-v-995c0bc4]{flex:none;min-width:auto;width:100%}.btn-remove[data-v-995c0bc4]{align-self:center;margin-top:var(--space-2)}}.abilities-form[data-v-cc704dad]{padding:1rem 0}.form-section-title[data-v-cc704dad]{color:var(--color-primary-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-600)}.abilities-section[data-v-cc704dad]{display:flex;flex-direction:column;gap:var(--space-6)}.section-description[data-v-cc704dad]{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.abilities-list[data-v-cc704dad]{display:flex;flex-direction:column;gap:var(--space-4)}.ability-card[data-v-cc704dad]{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;overflow:hidden;transition:var(--transition-card);box-shadow:var(--shadow-sm)}.ability-card[data-v-cc704dad]:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ability-card.expanded[data-v-cc704dad]{border-color:var(--color-primary-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ability-header[data-v-cc704dad]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.ability-header[data-v-cc704dad]:hover{background:var(--color-neutral-50)}.ability-title-section[data-v-cc704dad]{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.ability-name[data-v-cc704dad]{color:var(--color-primary-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.ability-badges[data-v-cc704dad]{display:flex;gap:var(--space-2);flex-wrap:wrap}.ability-type-badge[data-v-cc704dad],.category-badge[data-v-cc704dad],.resource-badge[data-v-cc704dad]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.025em}.ability-type-badge.ability[data-v-cc704dad]{background:var(--color-info-600);color:#fff}.ability-type-badge.feature[data-v-cc704dad]{background:var(--color-success-600);color:#fff}.category-badge.signature[data-v-cc704dad]{background:var(--color-warning-500);color:var(--color-neutral-900)}.category-badge.heroic[data-v-cc704dad]{background:var(--color-error-600);color:#fff}.resource-badge[data-v-cc704dad]{background:var(--color-primary-600);color:#fff}.ability-controls[data-v-cc704dad]{display:flex;gap:var(--space-2);align-items:center}.btn-edit[data-v-cc704dad]{padding:var(--space-2) var(--space-3);background:var(--color-neutral-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-button)}.btn-edit[data-v-cc704dad]:hover{background:var(--color-neutral-700);transform:translateY(-1px)}.btn-edit[data-v-cc704dad]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-remove[data-v-cc704dad]{background:var(--color-error-600);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-button)}.btn-remove[data-v-cc704dad]:hover{background:var(--color-error-700);transform:translateY(-1px)}.btn-remove[data-v-cc704dad]:focus-visible{outline:none;box-shadow:var(--focus-ring-error)}.ability-content[data-v-cc704dad]{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-neutral-200);background:var(--color-neutral-50);animation:expand-cc704dad var(--duration-expand) cubic-bezier(.16,1,.3,1)}@keyframes expand-cc704dad{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ability-details[data-v-cc704dad]{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.detail-row[data-v-cc704dad]{display:flex;flex-direction:column;gap:var(--space-1)}.detail-row strong[data-v-cc704dad]{color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.power-tiers[data-v-cc704dad]{display:flex;flex-direction:column;gap:var(--space-2)}.tiers-list[data-v-cc704dad]{display:flex;flex-direction:column;gap:var(--space-1);margin-left:var(--space-4)}.tier-item[data-v-cc704dad]{display:flex;gap:var(--space-2)}.tier-number[data-v-cc704dad]{font-weight:var(--font-weight-bold);color:var(--color-primary-600);min-width:24px}.tier-display[data-v-cc704dad]{color:var(--color-neutral-700)}.effect-text[data-v-cc704dad],.description-text[data-v-cc704dad]{background:#fff;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-neutral-800)}.empty-state[data-v-cc704dad]{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-neutral-600)}.empty-icon[data-v-cc704dad]{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);opacity:.8}.empty-state h3[data-v-cc704dad]{color:var(--color-neutral-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.empty-state p[data-v-cc704dad]{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.add-ability-section[data-v-cc704dad]{display:flex;gap:var(--space-4);justify-content:center;padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200)}.btn-add-ability[data-v-cc704dad],.btn-add-feature[data-v-cc704dad]{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-button)}.btn-add-ability[data-v-cc704dad]{background:var(--color-info-600);color:#fff}.btn-add-ability[data-v-cc704dad]:hover{background:var(--color-info-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add-ability[data-v-cc704dad]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-add-feature[data-v-cc704dad]{background:var(--color-success-600);color:#fff}.btn-add-feature[data-v-cc704dad]:hover{background:var(--color-success-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add-feature[data-v-cc704dad]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.modal-overlay[data-v-cc704dad]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-cc704dad]{background:#fff;border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalAppear-cc704dad var(--duration-expand) cubic-bezier(.16,1,.3,1)}@keyframes modalAppear-cc704dad{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.form-section-title[data-v-cc704dad]{font-size:var(--font-size-lg)}.ability-header[data-v-cc704dad]{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-3)}.ability-controls[data-v-cc704dad]{align-self:flex-end}.add-ability-section[data-v-cc704dad]{flex-direction:column;align-items:center;gap:var(--space-2)}.modal-overlay[data-v-cc704dad]{padding:var(--space-2)}.empty-state[data-v-cc704dad]{padding:var(--space-8) var(--space-2)}.empty-icon[data-v-cc704dad]{font-size:var(--font-size-2xl)}}.keywords-form[data-v-b4570b93]{padding:var(--space-4) 0}.form-section-title[data-v-b4570b93]{color:var(--color-primary-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-600)}.keywords-section[data-v-b4570b93]{display:flex;flex-direction:column;gap:var(--space-8)}.section-description[data-v-b4570b93]{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0}.subsection-title[data-v-b4570b93]{color:var(--color-neutral-700);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.selected-keywords[data-v-b4570b93]{background:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--radius-lg);padding:var(--space-6)}.keyword-tags[data-v-b4570b93]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.keyword-tag[data-v-b4570b93]{background:var(--color-primary-600);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm)}.remove-keyword[data-v-b4570b93]{background:none;border:none;color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;padding:0;width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:var(--transition-colors)}.remove-keyword[data-v-b4570b93]:hover{background:#fff3}.keyword-category[data-v-b4570b93]{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-6)}.keyword-grid[data-v-b4570b93]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}.keyword-grid.small[data-v-b4570b93]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.keyword-checkbox[data-v-b4570b93]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-base);cursor:pointer;transition:var(--transition-colors);font-size:var(--font-size-sm)}.keyword-checkbox[data-v-b4570b93]:hover{background:var(--color-primary-50)}.keyword-checkbox.selected[data-v-b4570b93]{background:var(--color-primary-100);font-weight:var(--font-weight-semibold)}.checkbox-input[data-v-b4570b93]{width:16px;height:16px;accent-color:var(--color-primary-600)}.keyword-text[data-v-b4570b93]{-webkit-user-select:none;user-select:none;color:var(--color-neutral-800)}.custom-keywords[data-v-b4570b93]{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-6)}.custom-input-group[data-v-b4570b93]{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.custom-input[data-v-b4570b93]{flex:1;padding:var(--space-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-base);font-size:var(--font-size-base);transition:var(--transition-colors)}.custom-input[data-v-b4570b93]:focus{outline:none;border-color:var(--color-primary-600);box-shadow:var(--focus-ring)}.custom-input.invalid[data-v-b4570b93]{border-color:var(--color-error-600)}.custom-input.invalid[data-v-b4570b93]:focus{border-color:var(--color-error-600);box-shadow:var(--focus-ring-error)}.btn-add-custom[data-v-b4570b93]{padding:var(--space-3) var(--space-4);background:var(--color-primary-600);color:#fff;border:none;border-radius:var(--radius-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);white-space:nowrap;box-shadow:var(--shadow-sm)}.btn-add-custom[data-v-b4570b93]:hover:not(:disabled){background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add-custom[data-v-b4570b93]:disabled{background:var(--color-neutral-400);cursor:not-allowed}.ability-keywords[data-v-b4570b93]{background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-lg);padding:var(--space-6)}.quick-add-btn[data-v-b4570b93]{padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--color-neutral-300);border-radius:var(--radius-base);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-all);text-align:center}.quick-add-btn[data-v-b4570b93]:hover{background:var(--color-primary-50);border-color:var(--color-primary-600)}.quick-add-btn.selected[data-v-b4570b93]{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.error-message[data-v-b4570b93]{color:var(--color-error-600);font-size:var(--font-size-sm);margin:var(--space-1) 0}.help-text[data-v-b4570b93]{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin:0}.keywords-summary[data-v-b4570b93]{background:#fff;border:2px solid #8b4513;border-radius:8px;padding:1.5rem;margin-top:2rem}.summary-title[data-v-b4570b93]{color:#8b4513;font-size:1rem;font-weight:700;margin:0 0 1rem}.summary-list[data-v-b4570b93]{color:#495057;line-height:1.6;font-weight:500}@media (max-width: 768px){.keyword-grid[data-v-b4570b93],.keyword-grid.small[data-v-b4570b93]{grid-template-columns:repeat(2,1fr)}.custom-input-group[data-v-b4570b93]{flex-direction:column}}@media (max-width: 480px){.keyword-grid[data-v-b4570b93],.keyword-grid.small[data-v-b4570b93]{grid-template-columns:1fr}.keyword-tags[data-v-b4570b93]{justify-content:center}}.source-info-form[data-v-cf53632a]{padding:var(--space-4) 0}.form-section-title[data-v-cf53632a]{color:var(--color-primary-600);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-600)}.form-section[data-v-cf53632a]{display:flex;flex-direction:column;gap:var(--space-6)}.section-description[data-v-cf53632a]{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.form-grid[data-v-cf53632a]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group[data-v-cf53632a]{display:flex;flex-direction:column;gap:var(--space-2)}.form-group.full-width[data-v-cf53632a]{grid-column:1 / -1}.form-label[data-v-cf53632a]{font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);font-size:var(--font-size-sm)}.form-textarea[data-v-cf53632a]{resize:vertical;min-height:80px;font-family:var(--font-family-sans);line-height:var(--line-height-relaxed)}.error-message[data-v-cf53632a]{color:var(--color-error-600);font-size:var(--font-size-sm);margin-top:var(--space-1)}.help-text[data-v-cf53632a]{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-top:var(--space-1);line-height:var(--line-height-snug)}.source-preview[data-v-cf53632a]{background:var(--color-success-50);border:1px solid var(--color-success-200);border-radius:var(--radius-lg);padding:var(--space-6)}.preview-title[data-v-cf53632a]{color:var(--color-neutral-700);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.preview-content[data-v-cf53632a]{color:var(--color-neutral-800);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);padding:var(--space-3);background:#fff;border-radius:var(--radius-base);border:1px solid var(--color-neutral-200);font-style:italic}@media (max-width: 768px){.form-grid[data-v-cf53632a]{grid-template-columns:1fr}}.monster-templates[data-v-3c32bcc3]{margin-bottom:var(--space-8)}.templates-header[data-v-3c32bcc3]{text-align:center;margin-bottom:var(--space-6)}.templates-header h3[data-v-3c32bcc3]{color:var(--color-primary-700);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.templates-header p[data-v-3c32bcc3]{color:var(--color-neutral-600);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.templates-grid[data-v-3c32bcc3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.template-card[data-v-3c32bcc3]{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:var(--transition-all);border-left:4px solid var(--color-primary-600);box-shadow:var(--shadow-sm)}.template-card[data-v-3c32bcc3]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-primary-500)}.template-header[data-v-3c32bcc3]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.template-name[data-v-3c32bcc3]{color:var(--color-primary-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0;flex:1;line-height:var(--line-height-tight)}.template-meta[data-v-3c32bcc3]{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end}.template-role[data-v-3c32bcc3]{background-color:var(--color-primary-600);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:capitalize;box-shadow:var(--shadow-sm)}.template-keywords[data-v-3c32bcc3]{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.keyword-tag[data-v-3c32bcc3]{background:var(--color-neutral-100);color:var(--color-neutral-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);font-size:var(--font-size-xs);border:1px solid var(--color-neutral-200);font-weight:var(--font-weight-medium)}.template-description[data-v-3c32bcc3]{margin-bottom:var(--space-4)}.template-description p[data-v-3c32bcc3]{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin:0}.template-actions[data-v-3c32bcc3]{text-align:center}.btn[data-v-3c32bcc3]{display:inline-block;padding:var(--padding-btn);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;border:1px solid;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);text-align:center;background:none;box-shadow:var(--shadow-sm)}.btn-sm[data-v-3c32bcc3]{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.btn-primary[data-v-3c32bcc3]{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.btn-primary[data-v-3c32bcc3]:hover:not(:disabled){background-color:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-3c32bcc3]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.templates-grid[data-v-3c32bcc3]{grid-template-columns:1fr}.template-header[data-v-3c32bcc3]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.template-meta[data-v-3c32bcc3]{flex-direction:row;align-items:center}}.modal-backdrop[data-v-7cfb8f57]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);overflow-y:auto}.modal-dialog[data-v-7cfb8f57]{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;margin:auto}.modal-header[data-v-7cfb8f57]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-neutral-200)}.modal-header h2[data-v-7cfb8f57]{margin:0;color:var(--color-primary-700);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.close-btn[data-v-7cfb8f57]{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-neutral-500);cursor:pointer;padding:var(--space-1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:var(--transition-colors)}.close-btn[data-v-7cfb8f57]:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-800)}.modal-content[data-v-7cfb8f57]{padding:var(--space-6);overflow-y:auto;flex:1}.help-section[data-v-7cfb8f57]{margin-bottom:var(--space-6)}.help-section[data-v-7cfb8f57]:last-child{margin-bottom:0}.help-section h3[data-v-7cfb8f57]{color:var(--color-neutral-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.help-section p[data-v-7cfb8f57]{color:var(--color-neutral-600);line-height:var(--line-height-relaxed);margin:var(--space-2) 0;font-size:var(--font-size-base)}.help-section ul[data-v-7cfb8f57]{margin:var(--space-2) 0;padding-left:var(--space-6);color:var(--color-neutral-600)}.help-section li[data-v-7cfb8f57]{margin:var(--space-2) 0;line-height:var(--line-height-relaxed)}kbd[data-v-7cfb8f57]{display:inline-block;padding:.2em .4em;font-size:var(--font-size-sm);font-family:var(--font-family-mono);line-height:var(--line-height-tight);color:var(--color-neutral-800);background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-medium)}.status-indicator[data-v-7cfb8f57]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);margin-right:var(--space-1)}.status-complete[data-v-7cfb8f57]{background-color:var(--color-success-600);color:#fff}.status-invalid[data-v-7cfb8f57]{background-color:var(--color-error-600);color:#fff}.modal-footer[data-v-7cfb8f57]{padding:var(--space-6);border-top:1px solid var(--color-neutral-200);display:flex;justify-content:flex-end;gap:var(--space-3)}.btn[data-v-7cfb8f57]{padding:var(--padding-btn);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.btn-primary[data-v-7cfb8f57]{background-color:var(--color-primary-600);color:#fff}.btn-primary[data-v-7cfb8f57]:hover{background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-7cfb8f57]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.modal-dialog[data-v-7cfb8f57]{max-width:95%}.modal-header[data-v-7cfb8f57],.modal-content[data-v-7cfb8f57],.modal-footer[data-v-7cfb8f57]{padding:var(--space-4)}.help-section h3[data-v-7cfb8f57]{font-size:var(--font-size-base)}}.monster-form-layout[data-v-f5f485dd]{max-width:1200px;margin:0 auto;padding:var(--space-6);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.form-header[data-v-f5f485dd]{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-6);border-bottom:2px solid var(--color-neutral-200);margin-bottom:var(--space-8);gap:var(--space-4)}.form-title[data-v-f5f485dd]{color:var(--color-primary-600);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0;line-height:var(--line-height-tight)}.form-actions[data-v-f5f485dd]{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.btn[data-v-f5f485dd]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-success[data-v-f5f485dd]{background-color:var(--color-success-600);color:#fff;border:2px solid var(--color-success-600)}.btn-success[data-v-f5f485dd]:hover:not(:disabled){background-color:var(--color-success-700);border-color:var(--color-success-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-icon[data-v-f5f485dd]{margin-right:var(--space-2);font-size:var(--font-size-base)}.btn-icon-only[data-v-f5f485dd]{background-color:transparent;color:var(--color-primary-600);border:2px solid var(--color-primary-600);padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:center;box-shadow:none}.btn-icon-only[data-v-f5f485dd]:hover{background-color:var(--color-primary-50)}.btn-icon-only .btn-icon[data-v-f5f485dd]{margin:0}.templates-section[data-v-f5f485dd]{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-neutral-50);border-radius:var(--radius-lg);border:2px solid var(--color-neutral-200)}.form-nav[data-v-f5f485dd]{margin-bottom:var(--space-8);border-bottom:2px solid var(--color-neutral-200);padding-bottom:var(--space-6)}.progress-indicator[data-v-f5f485dd]{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.progress-bar[data-v-f5f485dd]{flex:1;height:8px;background:var(--color-neutral-200);border-radius:var(--radius-base);overflow:hidden}.progress-fill[data-v-f5f485dd]{height:100%;background:linear-gradient(90deg,var(--color-primary-600),var(--color-primary-700));border-radius:var(--radius-base);transition:width var(--duration-slow) var(--ease-out);box-shadow:0 1px 3px #8b45134d}.progress-text[data-v-f5f485dd]{font-size:var(--font-size-sm);color:var(--color-neutral-500);font-weight:var(--font-weight-semibold);white-space:nowrap}.nav-tabs[data-v-f5f485dd]{display:flex;flex-wrap:wrap;gap:var(--space-3)}.nav-btn[data-v-f5f485dd]{position:relative;padding:var(--space-3) var(--space-5);background:#fff;border:2px solid var(--color-neutral-300);border-radius:var(--radius-lg);color:var(--color-neutral-700);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-2)}.section-number[data-v-f5f485dd]{background:var(--color-neutral-100);color:var(--color-neutral-500);border-radius:var(--radius-full);width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);transition:var(--transition-all)}.nav-btn[data-v-f5f485dd]:hover:not(:disabled){background-color:var(--color-neutral-50);border-color:var(--color-primary-500);box-shadow:var(--shadow-sm)}.nav-btn.active[data-v-f5f485dd]{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600);box-shadow:var(--shadow-md)}.nav-btn.active .section-number[data-v-f5f485dd]{background:#ffffff4d;color:#fff}.nav-btn.completed[data-v-f5f485dd]{border-color:var(--color-success-500);color:var(--color-success-600)}.nav-btn.completed .section-number[data-v-f5f485dd]{background:var(--color-success-600);color:#fff}.nav-btn.invalid[data-v-f5f485dd]{border-color:var(--color-error-500);color:var(--color-error-600)}.nav-btn.invalid.active[data-v-f5f485dd]{background-color:var(--color-error-600);color:#fff}.invalid-indicator[data-v-f5f485dd],.completed-indicator[data-v-f5f485dd]{position:absolute;top:-4px;right:-4px;background:var(--color-error-600);color:#fff;border-radius:var(--radius-full);width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold)}.completed-indicator[data-v-f5f485dd]{background:var(--color-success-600)}.form-content[data-v-f5f485dd]{min-height:400px;margin-bottom:var(--space-8)}.wizard-nav[data-v-f5f485dd]{border-top:1px solid var(--color-neutral-200);padding-top:var(--space-6);background:var(--color-neutral-50);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:0 calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-6)}.nav-buttons[data-v-f5f485dd]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.center-info[data-v-f5f485dd]{flex:1;text-align:center}.current-section-name[data-v-f5f485dd]{font-weight:var(--font-weight-semibold);color:var(--color-primary-600);font-size:var(--font-size-lg)}.form-section[data-v-f5f485dd]{animation:fadeIn-f5f485dd var(--duration-normal) var(--ease-out)}@keyframes fadeIn-f5f485dd{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.monster-form-layout[data-v-f5f485dd]{padding:var(--space-2)}.form-header[data-v-f5f485dd]{flex-direction:column;gap:var(--space-4);align-items:stretch}.form-actions[data-v-f5f485dd]{justify-content:center}.progress-indicator[data-v-f5f485dd]{flex-direction:column;gap:var(--space-2);text-align:center}.nav-tabs[data-v-f5f485dd]{justify-content:center;gap:var(--space-1)}.nav-btn[data-v-f5f485dd]{flex:1;min-width:100px;text-align:center;padding:var(--space-2);font-size:var(--font-size-xs)}.section-number[data-v-f5f485dd]{width:20px;height:20px;font-size:var(--font-size-xs)}.form-title[data-v-f5f485dd]{font-size:var(--font-size-xl);text-align:center}.nav-buttons[data-v-f5f485dd]{flex-direction:column;gap:var(--space-4)}.center-info[data-v-f5f485dd]{order:-1}.current-section-name[data-v-f5f485dd]{font-size:var(--font-size-base)}.wizard-nav[data-v-f5f485dd]{padding:var(--space-4);margin:0 calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) calc(-1 * var(--space-2))}}@media (max-width: 480px){.nav-tabs[data-v-f5f485dd]{flex-direction:column}.nav-btn[data-v-f5f485dd]{flex:none;justify-content:center}.form-actions .btn[data-v-f5f485dd]{min-width:120px}}.monster-create[data-v-7aeaefc8]{min-height:100vh;background:var(--color-neutral-50);padding:var(--space-8) var(--space-4)}@media (max-width: 768px){.monster-create[data-v-7aeaefc8]{padding:var(--space-4) var(--space-2)}}.export-import-section[data-v-83ba780c]{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);margin-bottom:var(--space-8);border:1px solid var(--color-neutral-200)}.export-import-section h3[data-v-83ba780c]{margin:0 0 var(--space-6) 0;color:var(--color-neutral-900);border-bottom:2px solid var(--color-neutral-200);padding-bottom:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.export-import-grid[data-v-83ba780c]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.export-section[data-v-83ba780c],.import-section[data-v-83ba780c]{padding:var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-neutral-50);transition:var(--transition-colors)}.export-section[data-v-83ba780c]:hover,.import-section[data-v-83ba780c]:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.export-section h4[data-v-83ba780c],.import-section h4[data-v-83ba780c]{margin:0 0 var(--space-4) 0;color:var(--color-neutral-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.export-buttons[data-v-83ba780c]{display:flex;flex-direction:column;gap:var(--space-2)}.import-area[data-v-83ba780c]{display:flex;flex-direction:column;gap:var(--space-4)}.file-input[data-v-83ba780c]{position:absolute;left:-9999px;opacity:0}.file-label[data-v-83ba780c]{cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;text-align:center;justify-content:center}.import-info[data-v-83ba780c]{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.import-info small[data-v-83ba780c]{color:var(--color-neutral-500)}.import-results[data-v-83ba780c]{background:var(--color-neutral-100);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0;border:1px solid var(--color-neutral-200)}.import-summary[data-v-83ba780c]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.import-summary.success[data-v-83ba780c]{background:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-800)}.import-summary.error[data-v-83ba780c]{background:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-800)}.import-summary h4[data-v-83ba780c]{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.import-stats[data-v-83ba780c]{display:flex;gap:var(--space-4);font-size:var(--font-size-sm)}.import-warnings[data-v-83ba780c],.import-errors[data-v-83ba780c]{margin:var(--space-4) 0}.import-warnings h5[data-v-83ba780c],.import-errors h5[data-v-83ba780c]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.message-list[data-v-83ba780c]{max-height:200px;overflow-y:auto;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.message-item[data-v-83ba780c]{padding:var(--space-2);border-bottom:1px solid var(--color-neutral-200);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.message-item[data-v-83ba780c]:last-child{border-bottom:none}.message-item.warning[data-v-83ba780c]{background:var(--color-warning-50);color:var(--color-warning-800);border-bottom-color:var(--color-warning-200)}.message-item.error[data-v-83ba780c]{background:var(--color-error-50);color:var(--color-error-800);border-bottom-color:var(--color-error-200)}.error-details[data-v-83ba780c]{margin-top:var(--space-2);padding-left:var(--space-4)}.error-details ul[data-v-83ba780c]{margin:var(--space-1) 0 0 0;padding-left:var(--space-4)}.advanced-options[data-v-83ba780c]{margin-top:var(--space-8);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-neutral-50);box-shadow:var(--shadow-sm)}.advanced-options summary[data-v-83ba780c]{padding:var(--space-4);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color-neutral-700);-webkit-user-select:none;user-select:none;transition:var(--transition-colors);border-radius:var(--radius-md)}.advanced-options summary[data-v-83ba780c]:hover{background:var(--color-neutral-100)}.advanced-content[data-v-83ba780c]{padding:0 var(--space-4) var(--space-4) var(--space-4);border-top:1px solid var(--color-neutral-200)}.advanced-content h4[data-v-83ba780c]{margin:var(--space-2) 0 var(--space-4) 0;color:var(--color-neutral-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.advanced-content p[data-v-83ba780c]{color:var(--color-neutral-700)}.restore-buttons[data-v-83ba780c]{display:flex;gap:var(--space-4);margin:var(--space-4) 0;flex-wrap:wrap}.warning-text[data-v-83ba780c]{background:var(--color-warning-50);border:1px solid var(--color-warning-200);border-radius:var(--radius-md);padding:var(--space-3);margin:var(--space-4) 0 0 0;font-size:var(--font-size-sm);color:var(--color-warning-800);line-height:var(--line-height-relaxed)}.modal-overlay[data-v-83ba780c]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-83ba780c]{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);max-width:500px;margin:var(--space-4);box-shadow:var(--shadow-xl);max-height:80vh;overflow-y:auto;border:1px solid var(--color-neutral-200)}.import-preview-modal[data-v-83ba780c]{max-width:700px;max-height:90vh}.modal h3[data-v-83ba780c]{margin:0 0 var(--space-4) 0;color:var(--color-neutral-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modal p[data-v-83ba780c]{margin:var(--space-2) 0;line-height:var(--line-height-relaxed);color:var(--color-neutral-700)}.modal-actions[data-v-83ba780c]{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-6)}.preview-summary[data-v-83ba780c]{margin-bottom:var(--space-6)}.preview-stats[data-v-83ba780c]{display:flex;gap:var(--space-4);flex-wrap:wrap}.stat-item[data-v-83ba780c]{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);min-width:80px;box-shadow:var(--shadow-sm)}.stat-item.success[data-v-83ba780c]{background:var(--color-success-50);border-color:var(--color-success-200);color:var(--color-success-800)}.stat-item.error[data-v-83ba780c]{background:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-800)}.stat-item.warning[data-v-83ba780c]{background:var(--color-warning-50);border-color:var(--color-warning-200);color:var(--color-warning-800)}.stat-number[data-v-83ba780c]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-label[data-v-83ba780c]{font-size:var(--font-size-xs);text-transform:uppercase;margin-top:var(--space-1);font-weight:var(--font-weight-medium)}.preview-warnings[data-v-83ba780c],.preview-errors[data-v-83ba780c]{margin:var(--space-4) 0}.preview-warnings h4[data-v-83ba780c],.preview-errors h4[data-v-83ba780c]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.preview-message-list[data-v-83ba780c]{max-height:200px;overflow-y:auto;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.preview-message-item[data-v-83ba780c]{padding:var(--space-3);border-bottom:1px solid var(--color-neutral-200);font-size:var(--font-size-sm)}.preview-message-item[data-v-83ba780c]:last-child{border-bottom:none}.preview-message-item.warning[data-v-83ba780c]{background:var(--color-warning-50);border-bottom-color:var(--color-warning-200)}.preview-message-item.error[data-v-83ba780c]{background:var(--color-error-50);border-bottom-color:var(--color-error-200)}.message-header[data-v-83ba780c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.warning-type[data-v-83ba780c]{background:var(--color-warning-500);color:var(--color-neutral-900);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}.message-content[data-v-83ba780c]{margin-bottom:var(--space-1);font-weight:var(--font-weight-medium)}.message-action[data-v-83ba780c]{font-size:var(--font-size-xs);color:var(--color-neutral-600);font-style:italic}.preview-monsters[data-v-83ba780c]{margin:var(--space-4) 0}.preview-monsters h4[data-v-83ba780c]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.monster-list[data-v-83ba780c]{max-height:200px;overflow-y:auto;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.monster-item[data-v-83ba780c]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-neutral-200)}.monster-item[data-v-83ba780c]:last-child{border-bottom:none}.monster-name[data-v-83ba780c]{font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.monster-details[data-v-83ba780c]{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.clear-confirm-modal h3[data-v-83ba780c]{color:var(--color-error-600)}.more-monsters[data-v-83ba780c]{padding:var(--space-2) var(--space-3);text-align:center;font-style:italic;color:var(--color-neutral-600);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);font-size:var(--font-size-sm)}@media (max-width: 768px){.export-import-grid[data-v-83ba780c]{grid-template-columns:1fr;gap:var(--space-4)}.export-buttons[data-v-83ba780c],.restore-buttons[data-v-83ba780c]{gap:var(--space-3)}.import-stats[data-v-83ba780c]{flex-direction:column;gap:var(--space-1)}.modal[data-v-83ba780c]{margin:var(--space-2);padding:var(--space-6)}.modal-actions[data-v-83ba780c]{flex-direction:column-reverse;gap:var(--space-2)}.preview-stats[data-v-83ba780c]{gap:var(--space-2)}.stat-item[data-v-83ba780c]{min-width:60px;padding:var(--space-2)}}@media (max-width: 480px){.export-import-section[data-v-83ba780c]{padding:var(--space-4)}.restore-buttons[data-v-83ba780c]{flex-direction:column;gap:var(--space-2)}.modal[data-v-83ba780c]{margin:var(--space-1);padding:var(--space-4)}.preview-stats[data-v-83ba780c]{justify-content:center}.stat-item[data-v-83ba780c]{min-width:50px;padding:var(--space-2)}.stat-number[data-v-83ba780c]{font-size:var(--font-size-xl)}}.btn[data-v-83ba780c]{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);justify-content:center;transition:var(--transition-button);min-height:44px;font-family:var(--font-family-sans)}.btn[data-v-83ba780c]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-83ba780c]{background:var(--color-primary-600);color:#fff}.btn-primary[data-v-83ba780c]:hover:not(:disabled){background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-83ba780c]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-secondary[data-v-83ba780c]{background:var(--color-neutral-600);color:#fff}.btn-secondary[data-v-83ba780c]:hover:not(:disabled){background:var(--color-neutral-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-83ba780c]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-outline[data-v-83ba780c]{background:transparent;color:var(--color-neutral-600);border:2px solid var(--color-neutral-300)}.btn-outline[data-v-83ba780c]:hover{background:var(--color-neutral-600);color:#fff;border-color:var(--color-neutral-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline[data-v-83ba780c]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-warning[data-v-83ba780c]{background:var(--color-warning-500);color:var(--color-neutral-900)}.btn-warning[data-v-83ba780c]:hover{background:var(--color-warning-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning[data-v-83ba780c]:focus-visible{outline:none;box-shadow:var(--focus-ring-warning)}.btn-danger[data-v-83ba780c]{background:var(--color-error-600);color:#fff}.btn-danger[data-v-83ba780c]:hover{background:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger[data-v-83ba780c]:focus-visible{outline:none;box-shadow:var(--focus-ring-error)}.btn-sm[data-v-83ba780c]{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:36px}.btn-icon[data-v-83ba780c]{font-size:var(--font-size-base)}.my-monsters[data-v-27b7ff1e]{max-width:1200px;margin:0 auto;padding:var(--space-8)}.header[data-v-27b7ff1e]{text-align:center;margin-bottom:var(--space-8)}.header h1[data-v-27b7ff1e]{font-size:var(--font-size-4xl);margin-bottom:var(--space-2);color:var(--color-primary-600);font-weight:var(--font-weight-bold)}.subtitle[data-v-27b7ff1e]{color:var(--color-neutral-500);font-size:var(--font-size-lg)}.dashboard[data-v-27b7ff1e]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-base);padding:var(--space-8)}.stats-cards[data-v-27b7ff1e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card[data-v-27b7ff1e]{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);color:#fff;padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}.stat-number[data-v-27b7ff1e]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.stat-label[data-v-27b7ff1e]{font-size:var(--font-size-sm);opacity:.9}.actions[data-v-27b7ff1e]{margin-bottom:var(--space-8);text-align:center;display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.templates-section[data-v-27b7ff1e]{margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-neutral-50);border-radius:var(--radius-lg);border:2px solid var(--color-neutral-200)}.monsters-section h2[data-v-27b7ff1e]{font-size:var(--font-size-2xl);margin-bottom:var(--space-6);color:var(--color-neutral-700);border-bottom:2px solid var(--color-neutral-200);padding-bottom:var(--space-2);font-weight:var(--font-weight-semibold)}.monsters-grid[data-v-27b7ff1e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.monster-card[data-v-27b7ff1e]{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-all);border-left:4px solid var(--color-primary-600)}.monster-card[data-v-27b7ff1e]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.monster-header[data-v-27b7ff1e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.monster-name[data-v-27b7ff1e]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin:0}.monster-level[data-v-27b7ff1e]{background:var(--color-primary-600);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.monster-details[data-v-27b7ff1e]{margin-bottom:var(--space-4)}.detail-row[data-v-27b7ff1e]{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.detail-label[data-v-27b7ff1e]{color:var(--color-neutral-500);font-weight:var(--font-weight-medium)}.detail-value[data-v-27b7ff1e]{color:var(--color-neutral-700)}.monster-meta[data-v-27b7ff1e]{font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-bottom:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200)}.monster-actions[data-v-27b7ff1e]{display:flex;gap:var(--space-2);flex-wrap:wrap}.empty-state[data-v-27b7ff1e]{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-neutral-500)}.empty-icon[data-v-27b7ff1e]{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}.empty-state h2[data-v-27b7ff1e]{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.empty-state p[data-v-27b7ff1e]{font-size:var(--font-size-lg);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}.btn-danger[data-v-27b7ff1e]{background-color:var(--color-error-600);color:#fff;border:2px solid var(--color-error-600)}.btn-danger[data-v-27b7ff1e]:hover:not(:disabled){background-color:var(--color-error-700);border-color:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger[data-v-27b7ff1e]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-icon[data-v-27b7ff1e]{margin-right:var(--space-2);font-weight:var(--font-weight-bold)}.dialog-overlay[data-v-27b7ff1e]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn-27b7ff1e var(--duration-normal) var(--ease-out)}.dialog[data-v-27b7ff1e]{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);max-width:400px;margin:var(--space-4);text-align:center;box-shadow:var(--shadow-xl);animation:slideIn-27b7ff1e var(--duration-normal) var(--ease-out)}.dialog h3[data-v-27b7ff1e]{margin-bottom:var(--space-4);color:var(--color-neutral-800);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.dialog p[data-v-27b7ff1e]{margin-bottom:var(--space-8);color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.dialog-actions[data-v-27b7ff1e]{display:flex;gap:var(--space-4);justify-content:center}.loading[data-v-27b7ff1e]{text-align:center;padding:var(--space-16) var(--space-8);font-size:var(--font-size-lg);color:var(--color-neutral-500)}@keyframes fadeIn-27b7ff1e{0%{opacity:0}to{opacity:1}}@keyframes slideIn-27b7ff1e{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.my-monsters[data-v-27b7ff1e],.dashboard[data-v-27b7ff1e]{padding:var(--space-4)}.stats-cards[data-v-27b7ff1e],.monsters-grid[data-v-27b7ff1e]{grid-template-columns:1fr}.monster-actions[data-v-27b7ff1e]{justify-content:center}.dialog-actions[data-v-27b7ff1e]{flex-direction:column}.dialog[data-v-27b7ff1e]{margin:var(--space-2)}.actions[data-v-27b7ff1e]{flex-direction:column;align-items:center}.actions .btn[data-v-27b7ff1e]{min-width:200px}}.about-page[data-v-777098d5]{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-4)}.about-hero[data-v-777098d5]{text-align:center;padding:var(--space-12) var(--space-8);background:linear-gradient(135deg,var(--color-neutral-50),var(--color-primary-50));border-radius:var(--radius-xl);margin-bottom:var(--space-12);box-shadow:var(--shadow-base)}.about-hero h1[data-v-777098d5]{color:var(--color-primary-700);font-size:var(--font-size-4xl);margin-bottom:var(--space-4);font-weight:var(--font-weight-bold);font-family:var(--font-family-serif)}.subtitle[data-v-777098d5]{color:var(--color-neutral-600);font-size:var(--font-size-xl);margin:0;line-height:var(--line-height-relaxed)}.about-content[data-v-777098d5]{display:flex;flex-direction:column;gap:var(--space-10)}.about-section[data-v-777098d5]{background:#fff;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);border:1px solid var(--color-neutral-200)}.about-section h2[data-v-777098d5]{color:var(--color-primary-700);font-size:var(--font-size-2xl);margin:0 0 var(--space-6) 0;font-weight:var(--font-weight-bold)}.about-section p[data-v-777098d5]{color:var(--color-neutral-700);line-height:var(--line-height-relaxed);margin:var(--space-3) 0;font-size:var(--font-size-base)}.features-grid[data-v-777098d5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.feature-item[data-v-777098d5]{padding:var(--space-6);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:var(--transition-all);background:#fff}.feature-item[data-v-777098d5]:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon[data-v-777098d5]{font-size:var(--font-size-5xl);margin-bottom:var(--space-3)}.feature-item h3[data-v-777098d5]{color:var(--color-neutral-800);font-size:var(--font-size-lg);margin:0 0 var(--space-2) 0;font-weight:var(--font-weight-semibold)}.feature-item p[data-v-777098d5]{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-relaxed)}.getting-started-list[data-v-777098d5]{margin:var(--space-4) 0;padding-left:var(--space-6);color:var(--color-neutral-700);line-height:var(--line-height-loose)}.getting-started-list li[data-v-777098d5]{margin:var(--space-4) 0}.getting-started-list strong[data-v-777098d5]{color:var(--color-neutral-800);font-weight:var(--font-weight-semibold)}.getting-started-list a[data-v-777098d5]{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-semibold);transition:var(--transition-colors)}.getting-started-list a[data-v-777098d5]:hover{text-decoration:underline;color:var(--color-primary-700)}.shortcuts-grid[data-v-777098d5]{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.shortcut-item[data-v-777098d5]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200)}.shortcut-keys[data-v-777098d5]{display:flex;gap:var(--space-2);min-width:150px}kbd[data-v-777098d5]{display:inline-block;padding:.3em .6em;font-size:var(--font-size-sm);font-family:var(--font-family-mono);line-height:var(--line-height-tight);color:var(--color-neutral-800);background-color:#fff;border:1px solid var(--color-neutral-300);border-radius:var(--radius-base);box-shadow:0 1px #0000001a,inset 0 0 0 2px #fff;font-weight:var(--font-weight-medium)}.shortcut-description[data-v-777098d5]{color:var(--color-neutral-600);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.tips-list[data-v-777098d5]{margin:var(--space-4) 0;padding-left:var(--space-6);color:var(--color-neutral-700);line-height:var(--line-height-loose)}.tips-list li[data-v-777098d5]{margin:var(--space-3) 0}.tips-list strong[data-v-777098d5]{color:var(--color-neutral-800);font-weight:var(--font-weight-semibold)}.legal-text[data-v-777098d5]{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.cta-section[data-v-777098d5]{text-align:center;background:linear-gradient(135deg,var(--color-neutral-50),var(--color-primary-50));border:none}.cta-buttons[data-v-777098d5]{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6);flex-wrap:wrap}.btn[data-v-777098d5]{padding:var(--padding-btn);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:var(--transition-all);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.btn-primary[data-v-777098d5]{background-color:var(--color-primary-600);color:#fff}.btn-primary[data-v-777098d5]:hover{background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-777098d5]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary[data-v-777098d5]{background-color:#fff;color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.btn-secondary[data-v-777098d5]:hover{background-color:var(--color-primary-50);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-777098d5]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.about-page[data-v-777098d5]{padding:var(--space-4) var(--space-2)}.about-hero[data-v-777098d5]{padding:var(--space-8) var(--space-4);margin-bottom:var(--space-8)}.about-hero h1[data-v-777098d5]{font-size:var(--font-size-3xl)}.subtitle[data-v-777098d5]{font-size:var(--font-size-base)}.about-section[data-v-777098d5]{padding:var(--space-6)}.about-section h2[data-v-777098d5]{font-size:var(--font-size-xl)}.features-grid[data-v-777098d5]{grid-template-columns:1fr}.shortcuts-grid[data-v-777098d5]{gap:var(--space-3)}.shortcut-item[data-v-777098d5]{flex-direction:column;align-items:flex-start;gap:.5rem}.shortcut-keys[data-v-777098d5]{min-width:auto}.cta-buttons[data-v-777098d5]{flex-direction:column;align-items:stretch}.btn[data-v-777098d5]{width:100%}}