.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="/encounter-builder"]:after{content:"⚔️";font-size:var(--font-size-lg)}.nav-link[href="/my-encounters"]: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="/encounter-builder"]:after{content:"⚔️";font-size:var(--font-size-lg)}.nav-link.router-link-active[href="/my-encounters"]: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)}}@font-face{font-family:DS Open Glyphs;src:url(/assets/ds-open-glyphs-1.6.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}: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-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--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-family-glyphs: "DS Open Glyphs", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 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-danger{background-color:var(--color-error-600);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.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}.glyph-icon{font-family:var(--font-family-glyphs);font-style:normal;font-weight:400;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyph-tier-1:before{content:"{"}.glyph-tier-2:before{content:"_"}.glyph-tier-3:before{content:"}"}.glyph-distance:before{content:"D"}.glyph-target:before{content:"T"}.glyph-feature:before{content:"*"}.glyph-melee:before{content:"<"}.glyph-ranged:before{content:">"}.glyph-melee-or-ranged:before{content:"="}.glyph-self:before{content:"S"}.glyph-burst:before{content:"B"}.glyph-unique-distance:before{content:"U"}.glyph-cube-line-wall:before{content:"C"}.glyph-villain-action:before{content:"V"}.glyph-triggered-action:before{content:"!"}: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}.modal-overlay[data-v-7a96dae0]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content[data-v-7a96dae0]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-7a96dae0]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-neutral-200)}.modal-title[data-v-7a96dae0]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0}.modal-close[data-v-7a96dae0]{background:none;border:none;font-size:var(--font-size-3xl);color:var(--color-neutral-500);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);transition:var(--transition-colors)}.modal-close[data-v-7a96dae0]:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.modal-body[data-v-7a96dae0]{padding:var(--space-6)}.roll-display[data-v-7a96dae0]{display:flex;flex-direction:column;gap:var(--space-6);align-items:center}.dice-results[data-v-7a96dae0]{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.die[data-v-7a96dae0]{width:60px;height:60px;background:var(--color-primary-600);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);box-shadow:var(--shadow-md)}.modifier[data-v-7a96dae0]{min-width:60px;height:60px;background:var(--color-primary-100);color:var(--color-primary-700);border:2px solid var(--color-primary-400);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);box-shadow:var(--shadow-sm)}.plus[data-v-7a96dae0]{color:var(--color-neutral-500);font-size:var(--font-size-2xl)}.total-result[data-v-7a96dae0]{text-align:center;padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);min-width:200px}.total-label[data-v-7a96dae0]{font-size:var(--font-size-sm);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.total-value[data-v-7a96dae0]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.tier-result[data-v-7a96dae0]{text-align:center;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);border-left:4px solid;min-width:200px}.tier-result.tier-1[data-v-7a96dae0]{background:var(--color-error-50);border-left-color:var(--color-error-600)}.tier-result.tier-2[data-v-7a96dae0]{background:var(--color-warning-50);border-left-color:var(--color-warning-600)}.tier-result.tier-3[data-v-7a96dae0]{background:var(--color-success-50);border-left-color:var(--color-success-600)}.tier-label[data-v-7a96dae0]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.tier-result.tier-1 .tier-label[data-v-7a96dae0]{color:var(--color-error-700)}.tier-result.tier-2 .tier-label[data-v-7a96dae0]{color:var(--color-warning-700)}.tier-result.tier-3 .tier-label[data-v-7a96dae0]{color:var(--color-success-700)}.tier-range[data-v-7a96dae0]{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.modal-footer[data-v-7a96dae0]{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6);border-top:1px solid var(--color-neutral-200)}.btn[data-v-7a96dae0]{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;border:none;font-size:var(--font-size-base)}.btn-primary[data-v-7a96dae0]{background:var(--color-primary-600);color:#fff}.btn-primary[data-v-7a96dae0]:hover{background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-7a96dae0]{background:var(--color-neutral-100);color:var(--color-neutral-700)}.btn-secondary[data-v-7a96dae0]:hover{background:var(--color-neutral-200)}.modal-enter-active[data-v-7a96dae0],.modal-leave-active[data-v-7a96dae0]{transition:opacity .2s ease}.modal-enter-active .modal-content[data-v-7a96dae0],.modal-leave-active .modal-content[data-v-7a96dae0]{transition:transform .2s ease}.modal-enter-from[data-v-7a96dae0],.modal-leave-to[data-v-7a96dae0]{opacity:0}.modal-enter-from .modal-content[data-v-7a96dae0],.modal-leave-to .modal-content[data-v-7a96dae0]{transform:scale(.9)}@media (max-width: 768px){.modal-overlay[data-v-7a96dae0]{padding:var(--space-2)}.modal-content[data-v-7a96dae0]{max-height:95vh}.modal-header[data-v-7a96dae0],.modal-body[data-v-7a96dae0],.modal-footer[data-v-7a96dae0]{padding:var(--space-4)}.modal-title[data-v-7a96dae0]{font-size:var(--font-size-xl)}.dice-results[data-v-7a96dae0]{gap:var(--space-2);font-size:var(--font-size-lg)}.die[data-v-7a96dae0],.modifier[data-v-7a96dae0]{width:50px;height:50px;font-size:var(--font-size-2xl)}.total-value[data-v-7a96dae0]{font-size:var(--font-size-3xl)}}.characteristic-scores[data-v-85578d88]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin:var(--space-4) 0}.characteristic-score[data-v-85578d88]{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.clickable[data-v-85578d88]{cursor:pointer}.characteristic-score.clickable[data-v-85578d88]:hover{border-color:var(--color-primary-500);background:var(--color-primary-100);transform:translateY(-1px);box-shadow:var(--shadow-md)}.characteristic-score[data-v-85578d88]:not(.clickable):hover{border-color:var(--color-primary-500);background:var(--color-primary-100)}.characteristic-score[data-v-85578d88]:focus-within{border-color:var(--color-primary-600);background:#fff;box-shadow:var(--focus-ring),var(--shadow-md)}.characteristic-row[data-v-85578d88]{display:flex;align-items:center;width:100%}.characteristic-name[data-v-85578d88]{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);color:var(--color-primary-700);display:flex;align-items:center;gap:1px}.characteristic-icon[data-v-85578d88]{width:1.2em;height:1.2em;display:inline-block;vertical-align:baseline}.characteristic-text[data-v-85578d88]{line-height:1}.characteristic-value[data-v-85578d88]{font-size:var(--font-size-lg);color:var(--color-neutral-900);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-left:var(--space-2)}.characteristic-edit[data-v-85578d88]{display:flex;margin-left:var(--space-4)}.characteristic-input[data-v-85578d88]{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-85578d88]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background:#fff}.characteristic-input[data-v-85578d88]:hover:not(:focus){border-color:var(--color-primary-500)}.characteristic-input[data-v-85578d88]:invalid{border-color:var(--color-error-500)}.characteristic-input[data-v-85578d88]:invalid:focus{box-shadow:var(--focus-ring-error)}@media (max-width: 768px){.characteristic-scores[data-v-85578d88]{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.characteristic-score[data-v-85578d88]{padding:var(--space-2) var(--space-1)}.characteristic-name[data-v-85578d88]{font-size:var(--font-size-xs)}.characteristic-value[data-v-85578d88]{font-size:var(--font-size-base)}.characteristic-input[data-v-85578d88]{max-width:50px}}@media (max-width: 480px){.characteristic-scores[data-v-85578d88]{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.characteristic-score[data-v-85578d88]{padding:var(--space-2)}.characteristic-name[data-v-85578d88]{font-size:10px;margin-bottom:var(--space-1)}.characteristic-value[data-v-85578d88]{font-size:var(--font-size-sm)}.characteristic-input[data-v-85578d88]{max-width:45px;font-size:var(--font-size-xs)}}.power-roll[data-v-9bbe1f54]{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-2);margin:var(--space-2) 0}.outcome[data-v-9bbe1f54]{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-9bbe1f54]{background:var(--color-error-50);border-left-color:var(--color-error-600)}.outcome.tier-2[data-v-9bbe1f54]{background:var(--color-warning-50);border-left-color:var(--color-warning-600)}.outcome.tier-3[data-v-9bbe1f54]{background:var(--color-success-50);border-left-color:var(--color-success-600)}.tier-number[data-v-9bbe1f54]{background:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);min-width:3rem;height:1.5rem;display:flex;align-items:center;justify-content:center;margin-right:var(--space-3);flex-shrink:0;padding:0 var(--space-1)}.tier-1 .tier-number[data-v-9bbe1f54]{border-color:var(--color-error-600);color:var(--color-neutral-800);background:var(--color-error-50)}.tier-2 .tier-number[data-v-9bbe1f54]{border-color:var(--color-warning-600);color:var(--color-neutral-800);background:var(--color-warning-50)}.tier-3 .tier-number[data-v-9bbe1f54]{border-color:var(--color-success-600);color:var(--color-neutral-800);background:var(--color-success-50)}.tier-number[data-v-9bbe1f54]{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.outcome-text[data-v-9bbe1f54]{flex:1;line-height:var(--line-height-snug);color:var(--color-neutral-800);transform:translateY(1px)}.effect-text[data-v-9bbe1f54]{color:var(--color-neutral-800);line-height:var(--line-height-snug);margin-top:var(--space-2)}.outcome-text[data-v-9bbe1f54] strong,.effect-text[data-v-9bbe1f54] strong{font-weight:var(--font-weight-bold)}.outcome-text[data-v-9bbe1f54] em,.effect-text[data-v-9bbe1f54] em{font-style:italic}.outcome-text[data-v-9bbe1f54] br,.effect-text[data-v-9bbe1f54] br{margin-bottom:var(--space-1)}.outcome-text[data-v-9bbe1f54] .potency-value,.effect-text[data-v-9bbe1f54] .potency-value{font-weight:var(--font-weight-bold);color:var(--color-neutral-800);background:transparent;padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.outcome-text[data-v-9bbe1f54] .damage-value,.effect-text[data-v-9bbe1f54] .damage-value{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-acid,.effect-text[data-v-9bbe1f54] .damage-value.damage-acid{color:#059669;background:#d1fae5;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-cold,.effect-text[data-v-9bbe1f54] .damage-value.damage-cold{color:#0891b2;background:#cffafe;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-corruption,.effect-text[data-v-9bbe1f54] .damage-value.damage-corruption{color:#7c2d12;background:#fef3c7;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-fire,.effect-text[data-v-9bbe1f54] .damage-value.damage-fire{color:#dc2626;background:#fee2e2;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-holy,.effect-text[data-v-9bbe1f54] .damage-value.damage-holy{color:#ca8a04;background:#fef9c3;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-lightning,.effect-text[data-v-9bbe1f54] .damage-value.damage-lightning{color:#7c3aed;background:#ede9fe;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-poison,.effect-text[data-v-9bbe1f54] .damage-value.damage-poison{color:#16a34a;background:#dcfce7;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-psychic,.effect-text[data-v-9bbe1f54] .damage-value.damage-psychic{color:#be185d;background:#fce7f3;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-sonic,.effect-text[data-v-9bbe1f54] .damage-value.damage-sonic{color:#8b5cf6;background:#f3e8ff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.outcome-text[data-v-9bbe1f54] .damage-value.damage-generic,.effect-text[data-v-9bbe1f54] .damage-value.damage-generic{color:inherit}@media (max-width: 768px){.power-roll[data-v-9bbe1f54]{padding:var(--space-3)}.outcome[data-v-9bbe1f54]{padding:var(--space-2)}.tier-number[data-v-9bbe1f54]{min-width:2.5rem;height:1.25rem;font-size:var(--font-size-xs);margin-right:var(--space-2);padding:0 var(--space-1)}}.action[data-v-d6869b9b],.action-header[data-v-d6869b9b]{margin-bottom:var(--space-3)}.action-title-row[data-v-d6869b9b]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.action-name[data-v-d6869b9b]{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}.action-type-icon[data-v-d6869b9b]{font-size:1.25rem;flex-shrink:0;opacity:.8}.feature-badge[data-v-d6869b9b]{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-d6869b9b]{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-d6869b9b]{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-d6869b9b]{display:flex;align-items:center;gap:var(--space-2)}.action-power-roll[data-v-d6869b9b]{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-power-roll.clickable[data-v-d6869b9b]{cursor:pointer;transition:var(--transition-colors)}.action-power-roll.clickable[data-v-d6869b9b]:hover{background:var(--color-primary-100);color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-type-badge[data-v-d6869b9b]{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-d6869b9b]{display:flex;flex-direction:column;gap:var(--space-2)}.action-keywords[data-v-d6869b9b]{font-style:italic;color:var(--color-neutral-600);font-size:var(--font-size-sm)}.action-mechanics[data-v-d6869b9b]{display:flex;gap:var(--space-4);flex-wrap:wrap}.action-distance[data-v-d6869b9b],.action-target[data-v-d6869b9b]{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-d6869b9b]{font-size:1rem;opacity:1}.action-trigger[data-v-d6869b9b]{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-d6869b9b]{margin:0;color:var(--color-neutral-800);line-height:var(--line-height-relaxed)}.action-effect-text[data-v-d6869b9b]{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-d6869b9b]{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.action-effect-text[data-v-d6869b9b] .potency-value{font-weight:var(--font-weight-bold);color:var(--color-neutral-800);background:transparent;padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.action-spend[data-v-d6869b9b]{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-d6869b9b]{color:var(--color-neutral-900);font-weight:var(--font-weight-normal)}.action-spend[data-v-d6869b9b] .malice-cost-emphasis{color:var(--color-primary-600);font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}.action-spend strong[data-v-d6869b9b]{color:var(--color-primary-600);font-weight:var(--font-weight-bold)}.action-spend[data-v-d6869b9b] .potency-value{font-weight:var(--font-weight-bold);color:var(--color-neutral-800);background:transparent;padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.action-description[data-v-d6869b9b] em{font-style:italic}.action-description[data-v-d6869b9b] strong{font-weight:700}.action-description[data-v-d6869b9b] br{margin-bottom:.5rem}.action-description[data-v-d6869b9b] .potency-value{font-weight:var(--font-weight-bold);color:var(--color-neutral-800);background:transparent;padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.action-description[data-v-d6869b9b] .damage-value{font-weight:var(--font-weight-bold);font-size:.9rem}.action-description[data-v-d6869b9b] .damage-value.damage-acid{color:#059669;background:#d1fae5;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-d6869b9b] .damage-value.damage-cold{color:#0891b2;background:#cffafe;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-d6869b9b] .damage-value.damage-corruption{color:#7c2d12;background:#fef3c7;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-d6869b9b] .damage-value.damage-fire{color:#dc2626;background:#fee2e2;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-d6869b9b] .damage-value.damage-holy{color:#ca8a04;background:#fef9c3;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-d6869b9b] .damage-value.damage-lightning{color:#7c3aed;background:#ede9fe;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-d6869b9b] .damage-value.damage-poison{color:#16a34a;background:#dcfce7;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-d6869b9b] .damage-value.damage-psychic{color:#be185d;background:#fce7f3;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-d6869b9b] .damage-value.damage-sonic{color:#8b5cf6;background:#f3e8ff;padding:.1rem .3rem;border-radius:3px}.action-description[data-v-d6869b9b] .damage-value.damage-generic{color:inherit}.action-description[data-v-d6869b9b] .monster-link{color:#8b4513;text-decoration:underline;font-weight:500}.action-description[data-v-d6869b9b] .monster-link:hover{color:sienna;text-decoration:none}.action-description[data-v-d6869b9b] .reference-text{font-style:italic;color:#6c757d}@media (max-width: 768px){.action-title-row[data-v-d6869b9b]{flex-direction:column;gap:var(--space-2)}.action-name[data-v-d6869b9b]{font-size:var(--font-size-base)}.action-power-info[data-v-d6869b9b]{align-self:flex-start}.action-mechanics[data-v-d6869b9b]{flex-direction:column;gap:var(--space-1)}.action-distance[data-v-d6869b9b],.action-target[data-v-d6869b9b]{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.action-description[data-v-d6869b9b]{font-size:var(--font-size-sm)}}.action-effects-list[data-v-d6869b9b]{margin:var(--space-3) 0}.effect-item[data-v-d6869b9b]{margin-bottom:var(--space-2)}.effect-item[data-v-d6869b9b]:last-child{margin-bottom:0}.effect-content[data-v-d6869b9b]{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1);color:var(--color-neutral-800);line-height:var(--line-height-relaxed)}.effect-name[data-v-d6869b9b]{color:var(--color-primary-600)}.effect-text[data-v-d6869b9b]{color:var(--color-neutral-800);line-height:var(--line-height-relaxed)}.effect-cost[data-v-d6869b9b]{color:var(--color-danger-600);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.actions-section[data-v-92e929d7]{margin:1rem 0}.section-title[data-v-92e929d7]{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-92e929d7]{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-92e929d7]{display:flex;flex-direction:column;gap:var(--space-2)}.stat-block[data-v-bab62de9]{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-bab62de9]{text-align:center;margin-bottom:var(--space-4)}.monster-name[data-v-bab62de9]{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-bab62de9]{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-bab62de9]{margin:0;font-weight:var(--font-weight-semibold);color:var(--color-neutral-600);font-size:var(--font-size-base)}.monster-meta-center[data-v-bab62de9]{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-bab62de9]{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary-600);text-transform:none}.divider[data-v-bab62de9]{height:2px;background:linear-gradient(to right,transparent,var(--color-primary-600),transparent);margin:var(--space-4) 0}.core-stats[data-v-bab62de9]{margin-bottom:var(--space-4)}.stat-labels[data-v-bab62de9]{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.stat-label[data-v-bab62de9]{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-bab62de9]{display:flex;justify-content:space-between}.stat-value[data-v-bab62de9]{flex:1;color:var(--color-neutral-800);text-align:center;font-weight:var(--font-weight-semibold)}.secondary-stats[data-v-bab62de9]{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-bab62de9]{white-space:nowrap}.stat-item strong[data-v-bab62de9]{color:var(--color-primary-600);font-weight:var(--font-weight-bold)}.stat-separator[data-v-bab62de9]{color:var(--color-primary-600);font-weight:var(--font-weight-bold);margin:0 var(--space-1)}.source-info[data-v-bab62de9]{margin-top:var(--space-4)}.source-text[data-v-bab62de9]{font-size:var(--font-size-xs);color:var(--color-neutral-500);text-align:center;font-style:italic}.with-captain-section[data-v-bab62de9]{margin:var(--space-4) 0}.with-captain-ability[data-v-bab62de9]{margin-bottom:var(--space-2);text-align:center;font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap}.with-captain-label[data-v-bab62de9]{font-weight:var(--font-weight-bold);color:var(--color-primary-600);white-space:nowrap}.with-captain-text[data-v-bab62de9]{color:var(--color-neutral-800);margin-left:var(--space-1);display:inline}.with-captain-text[data-v-bab62de9] *{display:inline;margin:0}.abilities-section[data-v-bab62de9],.malice-features-section[data-v-bab62de9]{margin:var(--space-4) 0}.malice-features-button-container[data-v-bab62de9]{display:flex;justify-content:center;padding:var(--space-2) 0}.btn[data-v-bab62de9]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.ability[data-v-bab62de9]{margin-bottom:var(--space-4)}.ability-name[data-v-bab62de9]{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-bab62de9]{display:inline;margin:0;color:var(--color-neutral-800);line-height:var(--line-height-relaxed)}@media (max-width: 768px){.stat-block[data-v-bab62de9]{padding:var(--space-4)}.monster-name[data-v-bab62de9]{font-size:var(--font-size-2xl)}.monster-meta-container[data-v-bab62de9]{flex-direction:column;gap:var(--space-1);text-align:center;align-items:center}.monster-meta-left[data-v-bab62de9],.monster-meta-center[data-v-bab62de9],.monster-meta-right[data-v-bab62de9]{position:static;transform:none;margin:0;width:auto}.core-stats[data-v-bab62de9]{margin-bottom:var(--space-5)}.stat-labels[data-v-bab62de9],.stat-values[data-v-bab62de9]{gap:var(--space-1)}.stat-label[data-v-bab62de9],.stat-value[data-v-bab62de9]{font-size:var(--font-size-sm);min-width:0}.secondary-stats[data-v-bab62de9]{flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);text-align:left;align-items:flex-start}.stat-item[data-v-bab62de9]{white-space:normal;word-break:break-word}.stat-separator[data-v-bab62de9]{display:none}.with-captain-ability[data-v-bab62de9]{font-size:var(--font-size-xs);text-align:left;justify-content:flex-start}}@media (max-width: 480px){.stat-block[data-v-bab62de9]{padding:var(--space-3)}.monster-name[data-v-bab62de9]{font-size:var(--font-size-xl);letter-spacing:.5px}.monster-meta-container[data-v-bab62de9]{gap:var(--space-2)}.monster-meta-left[data-v-bab62de9],.monster-meta-center[data-v-bab62de9],.monster-meta-right[data-v-bab62de9]{font-size:var(--font-size-sm)}.core-stats[data-v-bab62de9]{margin-bottom:var(--space-4)}.stat-labels[data-v-bab62de9]{margin-bottom:var(--space-2)}.stat-label[data-v-bab62de9]{font-size:var(--font-size-xs)}.stat-value[data-v-bab62de9]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.secondary-stats[data-v-bab62de9]{font-size:var(--font-size-xs);gap:var(--space-2)}}.ability-editor[data-v-2a20d27c]{padding:1.5rem 1.5rem 3rem;max-height:90vh;overflow-y:auto}.editor-header[data-v-2a20d27c]{text-align:center;padding-bottom:1rem;border-bottom:1px solid #e9ecef;margin-bottom:1.5rem}.editor-title[data-v-2a20d27c]{color:#8b4513;font-size:1.3rem;font-weight:700;margin:0}.editor-actions[data-v-2a20d27c]{display:flex;gap:var(--space-3);align-items:center}.editor-footer[data-v-2a20d27c]{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid #e9ecef;background:var(--color-neutral-50);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex;justify-content:center}.editor-footer .editor-actions[data-v-2a20d27c]{justify-content:center}.btn[data-v-2a20d27c]{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-2a20d27c]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-primary[data-v-2a20d27c]{background-color:var(--color-primary-600);color:var(--color-neutral-50)}.btn-primary[data-v-2a20d27c]:hover:not(:disabled){background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-2a20d27c]:active:not(:disabled){transform:translateY(0);transition-duration:var(--duration-fast)}.btn-primary[data-v-2a20d27c]:disabled{background-color:var(--color-neutral-400);cursor:not-allowed;opacity:.6}.btn-secondary[data-v-2a20d27c]{background-color:var(--color-neutral-600);color:var(--color-neutral-50)}.btn-secondary[data-v-2a20d27c]:hover:not(:disabled){background-color:var(--color-neutral-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-2a20d27c]:active:not(:disabled){transform:translateY(0);transition-duration:var(--duration-fast)}.editor-content[data-v-2a20d27c]{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-8)}.editor-section[data-v-2a20d27c]{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-2a20d27c]:hover{border-color:var(--color-neutral-300);background:#fff}.section-title[data-v-2a20d27c]{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-2a20d27c]{color:#495057;font-size:1rem;font-weight:700;margin:1rem 0 .5rem}.form-grid[data-v-2a20d27c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group[data-v-2a20d27c]{display:flex;flex-direction:column;gap:.5rem}.form-group-row[data-v-2a20d27c]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.inline-input[data-v-2a20d27c]{width:80px;flex-shrink:0}.range-text[data-v-2a20d27c]{font-size:.9rem;color:#666;white-space:nowrap}.range-spacer[data-v-2a20d27c]{flex:1;min-width:80px}.formula-display[data-v-2a20d27c]{padding:.5rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:Courier New,monospace;color:#495057}.form-checkbox-label[data-v-2a20d27c]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.form-checkbox[data-v-2a20d27c]{width:16px;height:16px;accent-color:#8b4513}.form-label[data-v-2a20d27c]{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-2a20d27c]:after{content:" *";color:var(--color-error-600)}.form-textarea[data-v-2a20d27c]{resize:vertical;min-height:80px;font-family:inherit}.checkbox-group[data-v-2a20d27c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.checkbox-label[data-v-2a20d27c]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.checkbox-input[data-v-2a20d27c]{width:16px;height:16px;accent-color:#8b4513}.checkbox-text[data-v-2a20d27c]{-webkit-user-select:none;user-select:none}.power-tiers[data-v-2a20d27c]{margin-top:1rem;background:#fff;border-radius:4px;padding:1rem}.tier-list[data-v-2a20d27c]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.tier-row[data-v-2a20d27c]{display:flex;align-items:center;gap:.5rem}.tier-number[data-v-2a20d27c]{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-2a20d27c]{flex:1;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.keywords-editor[data-v-2a20d27c]{background:#fff;border-radius:4px;padding:1rem;overflow:hidden}.selected-keywords[data-v-2a20d27c]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;max-height:120px;overflow-y:auto}.keyword-tag[data-v-2a20d27c]{background:#8b4513;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.remove-keyword[data-v-2a20d27c]{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-2a20d27c]{display:flex;gap:.5rem;margin-bottom:1rem}.keyword-input[data-v-2a20d27c]{flex:1;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.btn-add-keyword[data-v-2a20d27c]{padding:.5rem 1rem;background:#8b4513;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer}.btn-add-keyword[data-v-2a20d27c]:disabled{background:#ccc;cursor:not-allowed}.quick-keywords[data-v-2a20d27c]{display:flex;flex-wrap:wrap;gap:.25rem;max-height:100px;overflow-y:auto}.quick-keyword-btn[data-v-2a20d27c]{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-2a20d27c]:hover{background:#dee2e6}.quick-keyword-btn.selected[data-v-2a20d27c]{background:#8b4513;color:#fff;border-color:#8b4513}.error-message[data-v-2a20d27c]{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-2a20d27c]:before{content:"⚠";font-size:var(--font-size-base)}.help-text[data-v-2a20d27c]{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin-top:var(--space-1);line-height:var(--line-height-relaxed)}.type-display[data-v-2a20d27c]{padding:.5rem;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:4px;font-size:.9rem;color:var(--color-neutral-700);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.ability-editor[data-v-2a20d27c]{padding:1rem}.editor-header[data-v-2a20d27c]{text-align:center}.editor-footer .editor-actions[data-v-2a20d27c]{flex-direction:column;gap:var(--space-2);width:100%}.form-grid[data-v-2a20d27c],.checkbox-group[data-v-2a20d27c]{grid-template-columns:1fr}.tier-row[data-v-2a20d27c]{flex-wrap:wrap}.tier-input[data-v-2a20d27c]{min-width:200px}}.power-roll-section[data-v-2a20d27c]{background:#fff;border-radius:var(--radius-md);padding:var(--space-4)}.power-roll-toggle[data-v-2a20d27c]{margin-bottom:var(--space-4)}.power-roll-content[data-v-2a20d27c]{border-top:1px solid var(--color-neutral-200);padding-top:var(--space-4);margin-top:var(--space-4)}.section-header-with-toggle[data-v-2a20d27c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-help[data-v-2a20d27c]{margin-bottom:1rem;font-style:italic;color:#6c757d}.toggle-switch[data-v-2a20d27c]{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox][data-v-2a20d27c]{position:relative;width:44px;height:24px;appearance:none;background:var(--color-neutral-300);border-radius:24px;outline:none;transition:background var(--transition-base);cursor:pointer}.toggle-switch input[type=checkbox][data-v-2a20d27c]:checked{background:var(--color-primary-600)}.toggle-switch input[type=checkbox][data-v-2a20d27c]:focus-visible{box-shadow:var(--focus-ring)}.toggle-switch input[type=checkbox][data-v-2a20d27c]:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-switch input[type=checkbox][data-v-2a20d27c]:checked:before{transform:translate(20px)}.toggle-label[data-v-2a20d27c]{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}.effects-list[data-v-2a20d27c]{display:flex;flex-direction:column;gap:1.5rem}.effect-item[data-v-2a20d27c]{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:1.5rem;position:relative}.effect-header[data-v-2a20d27c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-neutral-200)}.effect-title[data-v-2a20d27c]{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);margin:0}.btn-remove-effect[data-v-2a20d27c]{padding:var(--space-2) var(--space-4);background-color:var(--color-error-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-remove-effect[data-v-2a20d27c]:hover:not(:disabled){background-color:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-remove-effect[data-v-2a20d27c]:disabled{background-color:var(--color-neutral-400);cursor:not-allowed;opacity:.6}.btn-add-effect[data-v-2a20d27c]{padding:var(--space-3) var(--space-6);background-color:var(--color-primary-600);color:#fff;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);align-self:flex-start;margin-top:var(--space-4)}.btn-add-effect[data-v-2a20d27c]:hover{background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add-effect[data-v-2a20d27c]:active{transform:translateY(0);transition-duration:var(--duration-fast)}.stat-block[data-v-1f8858e7]{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-1f8858e7]{background:var(--color-neutral-50);border-color:#007bff;box-shadow:0 4px 12px #007bff26}.header[data-v-1f8858e7]{text-align:center;margin-bottom:var(--space-4)}.monster-name[data-v-1f8858e7]{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-1f8858e7]{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-1f8858e7]{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-1f8858e7]{display:flex;flex-direction:column;gap:var(--space-1)}.meta-edit-group label[data-v-1f8858e7]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-neutral-700)}.meta-edit-group input[data-v-1f8858e7],.meta-edit-group select[data-v-1f8858e7]{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-1f8858e7]{margin-bottom:var(--space-4)}.stat-labels[data-v-1f8858e7]{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.stat-label[data-v-1f8858e7]{font-weight:var(--font-weight-bold);color:var(--color-primary-700);flex:1;text-align:center}.stat-values[data-v-1f8858e7]{display:flex;justify-content:space-between}.stat-value[data-v-1f8858e7]{flex:1;color:#333;text-align:center}.stat-edit-values[data-v-1f8858e7]{display:flex;justify-content:space-between}.stat-edit-item[data-v-1f8858e7]{flex:1;display:flex;justify-content:center;align-items:center}.size-edit[data-v-1f8858e7]{display:flex;gap:var(--space-1);justify-content:center;align-items:center}.size-input[data-v-1f8858e7],.stat-input[data-v-1f8858e7]{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-1f8858e7]{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-1f8858e7]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin:var(--space-4) 0}.characteristic-score[data-v-1f8858e7]{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-1f8858e7]{border-color:#007bff;background:#fff}.characteristic-name[data-v-1f8858e7]{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-1f8858e7]{font-size:var(--space-4);color:#333;font-weight:var(--font-weight-bold);line-height:1.2}.characteristic-input[data-v-1f8858e7]{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-1f8858e7]{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-1f8858e7]{white-space:nowrap}.stat-item strong[data-v-1f8858e7]{color:var(--color-primary-700);font-weight:var(--font-weight-bold)}.stat-separator[data-v-1f8858e7]{color:var(--color-primary-700);font-weight:var(--font-weight-bold);margin:0 .25rem}.defenses-edit[data-v-1f8858e7]{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-1f8858e7]{margin-bottom:var(--space-4)}.defense-edit-section[data-v-1f8858e7]:last-child{margin-bottom:0}.defense-edit-section h4[data-v-1f8858e7]{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-1f8858e7]{display:flex;flex-direction:column;gap:var(--space-2)}.defense-entry[data-v-1f8858e7]{display:flex;align-items:center;gap:var(--space-2)}.defense-type-select[data-v-1f8858e7]{flex:2;padding:var(--space-1);font-size:var(--font-size-sm);border:1px solid var(--color-primary-500)}.defense-value-input[data-v-1f8858e7]{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-1f8858e7],.btn-add-small[data-v-1f8858e7]{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-1f8858e7]{background:#dc3545;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.btn-remove-small[data-v-1f8858e7]:hover{background:#c82333}.btn-add-small[data-v-1f8858e7]{background:#28a745;color:#fff;align-self:flex-start;margin-top:var(--space-1)}.btn-add-small[data-v-1f8858e7]:hover{background:#1e7e34}.movement-types-edit[data-v-1f8858e7]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.movement-checkbox[data-v-1f8858e7]{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-1f8858e7]:hover{background:var(--color-neutral-50);border-color:#007bff}.movement-checkbox input[type=checkbox][data-v-1f8858e7]{margin:0}.with-captain-textarea[data-v-1f8858e7]{width:100%;padding:var(--space-2);border:1px solid #007bff;border-radius:var(--radius-base);font-size:var(--font-size-sm);font-family:var(--font-family-base);background:#fff;resize:vertical;min-height:60px}.with-captain-textarea[data-v-1f8858e7]:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 2px #007bff40}.divider[data-v-1f8858e7]{height:2px;background:linear-gradient(to right,transparent,var(--color-primary-700),transparent);margin:var(--space-4) 0}.source-info[data-v-1f8858e7]{margin-top:var(--space-4)}.source-text[data-v-1f8858e7]{font-size:var(--font-size-xs);color:#777;text-align:center;font-style:italic}.edit-controls[data-v-1f8858e7]{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-1f8858e7]{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-1f8858e7]{background:#28a745;color:#fff}.btn-success[data-v-1f8858e7]:hover{background:#218838}.btn-secondary[data-v-1f8858e7]{background:var(--color-neutral-600);color:#fff}.btn-secondary[data-v-1f8858e7]:hover{background:#5a6268}.btn-outline[data-v-1f8858e7]{background:transparent;color:var(--color-neutral-600);border:1px solid var(--color-neutral-600)}.btn-outline[data-v-1f8858e7]:hover{background:var(--color-neutral-600);color:#fff}.btn-link[data-v-1f8858e7]{background:transparent;color:#007bff;text-decoration:underline}.btn-link[data-v-1f8858e7]:hover{color:#0056b3}@media (max-width: 768px){.monster-meta-edit[data-v-1f8858e7]{grid-template-columns:repeat(2,1fr)}.characteristic-scores[data-v-1f8858e7]{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stat-edit-values[data-v-1f8858e7]{flex-direction:column;gap:var(--space-2)}.core-stats-grid[data-v-1f8858e7]{margin-bottom:var(--space-6)}.stat-labels[data-v-1f8858e7]{font-size:var(--font-size-xs);margin-bottom:var(--space-3)}.stat-label[data-v-1f8858e7]{font-size:var(--font-size-xs);padding:0 .25rem}.stat-edit-values[data-v-1f8858e7]{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.stat-edit-item[data-v-1f8858e7]{justify-content:center}.size-edit[data-v-1f8858e7]{max-width:150px}.stat-input[data-v-1f8858e7]{max-width:80px}.edit-controls[data-v-1f8858e7]{flex-direction:column;align-items:center}.btn[data-v-1f8858e7]{width:200px;max-width:100%}.with-captain-ability[data-v-1f8858e7]{font-size:var(--font-size-xs);text-align:left;justify-content:flex-start}}@media (max-width: 480px){.characteristic-scores[data-v-1f8858e7]{grid-template-columns:repeat(2,1fr)}.monster-meta-edit[data-v-1f8858e7]{grid-template-columns:1fr}.stat-labels[data-v-1f8858e7]{flex-direction:column;gap:var(--space-2);text-align:center;margin-bottom:var(--space-4)}.stat-values[data-v-1f8858e7]{flex-direction:column;gap:var(--space-2);text-align:center}}.with-captain-ability[data-v-1f8858e7]{display:inline-flex;align-items:center;flex-wrap:wrap}.with-captain-label[data-v-1f8858e7]{font-weight:var(--font-weight-bold);color:var(--color-primary-600);white-space:nowrap}.with-captain-text[data-v-1f8858e7]{color:var(--color-neutral-800);margin-left:var(--space-1);display:inline}.with-captain-text p[data-v-1f8858e7],.with-captain-text[data-v-1f8858e7] *{display:inline;margin:0}.abilities-edit[data-v-1f8858e7]{margin:var(--space-4) 0}.abilities-edit-header[data-v-1f8858e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.abilities-edit-header h4[data-v-1f8858e7]{margin:0;color:var(--color-primary-700)}.add-buttons[data-v-1f8858e7]{display:flex;gap:var(--space-2)}.abilities-list-edit[data-v-1f8858e7]{display:flex;flex-direction:column;gap:var(--space-4)}.ability-edit-item[data-v-1f8858e7]{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-1f8858e7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.ability-edit-name[data-v-1f8858e7]{flex:1}.ability-name-input[data-v-1f8858e7]{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-1f8858e7]{display:flex;gap:var(--space-2)}.ability-edit-preview[data-v-1f8858e7]{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-neutral-200)}.ability-description[data-v-1f8858e7]{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.ability-power[data-v-1f8858e7]{font-style:italic;color:#666;margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.ability-keywords[data-v-1f8858e7]{font-size:var(--font-size-xs);color:#999;font-style:italic}.no-abilities[data-v-1f8858e7]{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-1f8858e7]{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-1f8858e7]:hover{background:#138496}.ability-info-row[data-v-1f8858e7]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.ability-type-badge[data-v-1f8858e7]{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-1f8858e7]{background:var(--color-primary-700);color:#fff}.ability-type-badge.heroic[data-v-1f8858e7]{background:#dc3545;color:#fff}.ability-type-badge.feature[data-v-1f8858e7]{background:#28a745;color:#fff;margin-bottom:var(--space-2)}.ability-action-type[data-v-1f8858e7]{font-size:var(--font-size-xs);color:#666;font-style:italic}.ability-resource[data-v-1f8858e7]{font-size:var(--font-size-xs);color:#dc3545;font-weight:500}.ability-targeting[data-v-1f8858e7]{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-1f8858e7],.ability-target[data-v-1f8858e7]{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-1f8858e7]{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:#333}.ability-power strong[data-v-1f8858e7]{color:var(--color-primary-700);font-family:Courier New,monospace}.tier-count[data-v-1f8858e7]{color:#666;font-size:var(--font-size-xs);margin-left:var(--space-2)}.ability-effects[data-v-1f8858e7]{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:#555}.effect-text[data-v-1f8858e7]{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-1f8858e7]{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-1f8858e7]{margin-bottom:var(--space-1);font-size:var(--font-size-sm);color:#555;line-height:1.4}.ability-keywords[data-v-1f8858e7]{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-1f8858e7]{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-1f8858e7]{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-1f8858e7]::backdrop{background:#000000bf}.malice-features-section[data-v-1f8858e7]{margin:var(--space-4) 0}.malice-features-button-container[data-v-1f8858e7]{display:flex;justify-content:center;padding:var(--space-2) 0}.btn-malice[data-v-1f8858e7]{background:var(--color-accent-600);color:#fff;border-color:var(--color-accent-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.btn-malice[data-v-1f8858e7]:hover{background:var(--color-accent-700);border-color:var(--color-accent-700);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.malice-icon[data-v-1f8858e7]{font-size:var(--font-size-lg)}@media (max-width: 768px){.editor-modal-container[data-v-1f8858e7]{width:min(100vw - 2rem,95vw);max-height:95vh;margin:var(--space-2)}.editor-modal-overlay[data-v-1f8858e7]{padding:var(--space-2)}}@media (min-width: 1400px){.editor-modal-container[data-v-1f8858e7]{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-34629283]{max-width:800px;margin:0 auto;padding:var(--space-8)}.monster-actions[data-v-34629283]{margin-top:var(--space-8);text-align:center;display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.loading[data-v-34629283],.error[data-v-34629283]{text-align:center;padding:var(--space-8);font-size:var(--font-size-lg)}.error[data-v-34629283]{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-34629283]{font-size:var(--font-size-5xl)}.error-content[data-v-34629283]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.error-content h3[data-v-34629283]{margin:0;color:var(--color-error-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.error-content p[data-v-34629283]{margin:0;color:var(--color-error-600)}.loading[data-v-34629283]{color:var(--color-neutral-500)}.auto-save-indicator[data-v-34629283]{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-34629283 var(--duration-slow) var(--ease-bounce)}.auto-save-indicator.saved[data-v-34629283]{background:var(--color-success-600)}.save-icon[data-v-34629283]{font-size:var(--font-size-lg)}@keyframes slideIn-34629283{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.monster-view[data-v-34629283]{padding:var(--space-4)}.monster-actions[data-v-34629283]{flex-direction:column;align-items:center;gap:var(--space-3)}.monster-actions .btn[data-v-34629283]{min-width:200px;max-width:100%}}.monster-list[data-v-fd2964f1]{max-width:1200px;margin:0 auto}.page-header[data-v-fd2964f1]{text-align:center;margin-bottom:var(--space-8)}.page-header h1[data-v-fd2964f1]{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-fd2964f1]{color:var(--color-neutral-600);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.filters[data-v-fd2964f1]{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-fd2964f1]{margin-bottom:var(--space-4)}.search-input[data-v-fd2964f1],.filter-input[data-v-fd2964f1]{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-fd2964f1]:focus,.filter-input[data-v-fd2964f1]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background:#fff}.filter-row[data-v-fd2964f1],.sort-row[data-v-fd2964f1]{display:flex;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-4);flex-wrap:wrap}.sort-row[data-v-fd2964f1]{margin-bottom:0;padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200)}.filter-group[data-v-fd2964f1]{display:flex;flex-direction:column;gap:var(--space-1);min-width:150px}.filter-group label[data-v-fd2964f1]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.filter-select[data-v-fd2964f1]{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-fd2964f1]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring)}.clear-filters-btn[data-v-fd2964f1]{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-fd2964f1]:hover{background:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.clear-filters-btn[data-v-fd2964f1]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.monster-keywords[data-v-fd2964f1]{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1}.loading[data-v-fd2964f1],.error[data-v-fd2964f1]{text-align:center;padding:var(--space-8);font-size:var(--font-size-lg)}.error[data-v-fd2964f1]{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-fd2964f1]{font-size:var(--font-size-5xl)}.error-content[data-v-fd2964f1]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.error-content h3[data-v-fd2964f1]{margin:0;color:var(--color-error-700);font-weight:var(--font-weight-bold)}.error-content p[data-v-fd2964f1]{margin:0;color:var(--color-error-600);line-height:var(--line-height-relaxed)}.error .btn[data-v-fd2964f1]{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-fd2964f1]{background-color:var(--color-primary-600);color:#fff;box-shadow:var(--shadow-sm)}.error .btn-primary[data-v-fd2964f1]:hover{background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.monsters-grid[data-v-fd2964f1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.monster-card[data-v-fd2964f1]{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-fd2964f1]: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-fd2964f1]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.monster-card[data-v-fd2964f1]:hover:before{transform:scaleY(1.1)}.monster-card-header[data-v-fd2964f1]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-3)}.monster-card-footer[data-v-fd2964f1]{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.monster-name[data-v-fd2964f1]{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-fd2964f1]{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-fd2964f1]{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-fd2964f1]{margin-bottom:var(--space-4)}.monster-organization[data-v-fd2964f1]{color:var(--color-neutral-600);font-style:italic;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.keyword-tag[data-v-fd2964f1]{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-fd2964f1]{margin-bottom:var(--space-4)}.monster-type[data-v-fd2964f1]{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-fd2964f1]{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-neutral-700)}.monster-stats span[data-v-fd2964f1]{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-fd2964f1]{border-top:1px solid var(--color-neutral-200);padding-top:var(--space-4)}.preview-text[data-v-fd2964f1]{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin:0;line-height:var(--line-height-snug)}.no-results[data-v-fd2964f1]{text-align:center;padding:var(--space-12);color:var(--color-neutral-600)}.no-results h3[data-v-fd2964f1]{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-fd2964f1]{font-size:var(--font-size-3xl)}.filters[data-v-fd2964f1]{padding:var(--space-4)}.filter-row[data-v-fd2964f1],.sort-row[data-v-fd2964f1]{flex-direction:column;align-items:stretch;gap:var(--space-4)}.filter-group[data-v-fd2964f1]{min-width:auto}.filter-select[data-v-fd2964f1]{padding:var(--space-3);font-size:var(--font-size-base)}.clear-filters-btn[data-v-fd2964f1]{align-self:stretch;margin-top:var(--space-2);padding:var(--space-3)}.monsters-grid[data-v-fd2964f1]{grid-template-columns:1fr;gap:var(--space-4)}.monster-card[data-v-fd2964f1]{padding:var(--space-4);min-height:44px}.monster-card[data-v-fd2964f1]:hover{transform:none}.monster-card[data-v-fd2964f1]:active{transform:scale(.98)}}@media (max-width: 480px){.page-header h1[data-v-fd2964f1]{font-size:1.75rem;margin-bottom:.75rem}.filters[data-v-fd2964f1]{padding:.75rem}.filter-select[data-v-fd2964f1]{padding:.875rem;font-size:1rem}.monsters-grid[data-v-fd2964f1]{gap:.75rem}.monster-card[data-v-fd2964f1]{padding:.875rem}.monster-name[data-v-fd2964f1]{font-size:1.1rem;line-height:1.3}.monster-role[data-v-fd2964f1]{font-size:.9rem}.keywords[data-v-fd2964f1]{font-size:.85rem;line-height:1.4}}.home[data-v-f70f09f8]{max-width:1000px;margin:0 auto}.hero[data-v-f70f09f8]{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-f70f09f8]: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-f70f09f8]{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-f70f09f8]{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-f70f09f8]{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-f70f09f8]{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;position:relative}.hero-actions-text[data-v-f70f09f8]{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-f70f09f8]{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-f70f09f8]{background-color:var(--color-primary-600);color:#fff}.btn-primary[data-v-f70f09f8]:hover{background-color:var(--color-primary-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary[data-v-f70f09f8]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary[data-v-f70f09f8]{background-color:#fff;color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.btn-secondary[data-v-f70f09f8]:hover{background-color:var(--color-primary-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-f70f09f8]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.features[data-v-f70f09f8]{margin:var(--space-12) 0}.feature-grid[data-v-f70f09f8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.feature-card[data-v-f70f09f8]{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-f70f09f8]: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-f70f09f8]:hover:before{transform:scaleX(1)}.feature-card[data-v-f70f09f8]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.feature-card-disabled[data-v-f70f09f8]{opacity:.6;cursor:not-allowed;background:var(--color-neutral-50)}.feature-card-disabled[data-v-f70f09f8]:before{display:none}.feature-card-disabled[data-v-f70f09f8]:hover{transform:none;box-shadow:var(--shadow-base)}.feature-icon[data-v-f70f09f8]{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-f70f09f8]{transform:scale(1.1)}.feature-card h3[data-v-f70f09f8]{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-f70f09f8]{color:var(--color-primary-700)}.feature-card p[data-v-f70f09f8]{color:var(--color-neutral-600);line-height:var(--line-height-relaxed);font-size:var(--font-size-base);margin:0}.recent-section[data-v-f70f09f8]{margin:var(--space-12) 0}.recent-section h2[data-v-f70f09f8]{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-f70f09f8]{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-f70f09f8]{color:var(--color-neutral-600);margin:0;line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.quick-links[data-v-f70f09f8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.quick-link[data-v-f70f09f8]{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-f70f09f8]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-300)}.quick-link-content[data-v-f70f09f8]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.quick-link h4[data-v-f70f09f8]{color:var(--color-neutral-800);margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.level-badge[data-v-f70f09f8]{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-f70f09f8]{padding:var(--space-8) var(--space-4)}.hero-logo[data-v-f70f09f8]{width:64px;height:64px}.hero-title[data-v-f70f09f8]{font-size:var(--font-size-4xl)}.hero-subtitle[data-v-f70f09f8]{font-size:var(--font-size-base)}.hero-actions[data-v-f70f09f8]{flex-direction:column;align-items:center}.btn[data-v-f70f09f8]{width:200px}.feature-grid[data-v-f70f09f8]{grid-template-columns:1fr;gap:var(--space-6)}.quick-links[data-v-f70f09f8]{grid-template-columns:1fr}.recent-section h2[data-v-f70f09f8]{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.hero[data-v-f70f09f8]{padding:var(--space-6) var(--space-3)}.hero-logo[data-v-f70f09f8]{width:56px;height:56px}.hero-title[data-v-f70f09f8]{font-size:var(--font-size-3xl)}.hero-subtitle[data-v-f70f09f8]{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-ab5414ec]{padding:var(--space-4) 0}.form-section-title[data-v-ab5414ec]{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-ab5414ec]{display:flex;flex-direction:column;gap:var(--space-6)}.form-group[data-v-ab5414ec]{display:flex;flex-direction:column;gap:var(--space-2)}.form-label[data-v-ab5414ec]{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-ab5414ec]:after{content:" *";color:var(--color-error-600)}.size-input-group[data-v-ab5414ec]{display:flex;align-items:center;gap:var(--space-1);max-width:200px}.size-increment-btn[data-v-ab5414ec]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--color-neutral-300);background:var(--color-neutral-50);color:var(--color-neutral-700);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);-webkit-user-select:none;user-select:none}.size-increment-btn[data-v-ab5414ec]:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.size-increment-btn[data-v-ab5414ec]:active:not(:disabled){background:var(--color-primary-100);border-color:var(--color-primary-400)}.size-increment-btn[data-v-ab5414ec]:disabled{opacity:.5;cursor:not-allowed;background:var(--color-neutral-100);border-color:var(--color-neutral-200);color:var(--color-neutral-400)}.size-input[data-v-ab5414ec]{flex:1;text-align:center;font-weight:var(--font-weight-semibold);background:var(--color-neutral-50);cursor:default}.stats-row[data-v-ab5414ec]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.error-message[data-v-ab5414ec]{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-ab5414ec]:before{content:"⚠";font-size:var(--font-size-base)}.help-text[data-v-ab5414ec]{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-ab5414ec]{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-ab5414ec]:hover{border-color:var(--color-neutral-300);background:#fff}.checkbox-label[data-v-ab5414ec]{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-ab5414ec]:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.checkbox-input[data-v-ab5414ec]{width:18px;height:18px;accent-color:var(--color-primary-600)}.checkbox-text[data-v-ab5414ec]{-webkit-user-select:none;user-select:none;font-weight:var(--font-weight-medium)}fieldset.form-group[data-v-ab5414ec]{border:none;padding:0;margin:0}fieldset.form-group legend[data-v-ab5414ec]{padding:0;margin:0}@media (max-width: 768px){.form-section-title[data-v-ab5414ec]{font-size:var(--font-size-lg)}.stats-row[data-v-ab5414ec]{grid-template-columns:1fr 1fr;gap:var(--space-3)}.checkbox-group[data-v-ab5414ec]{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.size-input-group[data-v-ab5414ec]{max-width:none}}@media (max-width: 480px){.stats-row[data-v-ab5414ec],.checkbox-group[data-v-ab5414ec]{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-bd941108]{padding:var(--space-4) 0}.form-section-title[data-v-bd941108]{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-bd941108]{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-bd941108]:hover{background:var(--color-neutral-25);border-color:var(--color-neutral-300)}.defense-title[data-v-bd941108]{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-bd941108]{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-bd941108]{display:flex;flex-direction:column;gap:var(--space-3)}.defense-entry[data-v-bd941108]{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-bd941108]:hover{border-color:var(--color-neutral-300);box-shadow:var(--shadow-md)}.damage-type-input[data-v-bd941108],.damage-type-select[data-v-bd941108]{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-bd941108]{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-bd941108]:focus,.damage-type-select[data-v-bd941108]:focus,.damage-value-input[data-v-bd941108]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring);background:#fff}.damage-type-input[data-v-bd941108]:hover:not(:focus),.damage-type-select[data-v-bd941108]:hover:not(:focus),.damage-value-input[data-v-bd941108]:hover:not(:focus){border-color:var(--color-neutral-300);background:#fff}.btn-remove[data-v-bd941108]{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-bd941108]:hover{background:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-remove[data-v-bd941108]:focus-visible{outline:none;box-shadow:var(--focus-ring-error)}.btn-add[data-v-bd941108]{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-bd941108]:hover{background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add[data-v-bd941108]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.error-message[data-v-bd941108]{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-bd941108]:before{content:"⚠";font-size:var(--font-size-base)}.help-section[data-v-bd941108]{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-bd941108]{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-bd941108]{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-bd941108]{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)}.help-text[data-v-bd941108]{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-bd941108]{font-size:var(--font-size-lg)}.defense-section[data-v-bd941108]{padding:var(--space-4);margin-bottom:var(--space-6)}.defense-entry[data-v-bd941108]{flex-wrap:wrap;gap:var(--space-2)}.damage-type-input[data-v-bd941108],.damage-type-select[data-v-bd941108]{flex:1;min-width:150px}.damage-value-input[data-v-bd941108]{flex:0;min-width:80px}.damage-types-grid[data-v-bd941108]{grid-template-columns:repeat(2,1fr);gap:var(--space-1)}.help-section[data-v-bd941108]{padding:var(--space-4);margin-top:var(--space-6)}}@media (max-width: 480px){.defense-section[data-v-bd941108],.help-section[data-v-bd941108]{padding:var(--space-3)}.damage-types-grid[data-v-bd941108]{grid-template-columns:1fr}.defense-entry[data-v-bd941108]{flex-direction:column;align-items:stretch}.damage-type-input[data-v-bd941108],.damage-type-select[data-v-bd941108],.damage-value-input[data-v-bd941108]{flex:none;min-width:auto;width:100%}.btn-remove[data-v-bd941108]{align-self:center;margin-top:var(--space-2)}}.abilities-form[data-v-9860fccd]{padding:1rem 0}.form-section-title[data-v-9860fccd]{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-9860fccd]{display:flex;flex-direction:column;gap:var(--space-6)}.section-description[data-v-9860fccd]{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.abilities-list[data-v-9860fccd]{display:flex;flex-direction:column;gap:var(--space-4)}.ability-card[data-v-9860fccd]{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-9860fccd]:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ability-card.expanded[data-v-9860fccd]{border-color:var(--color-primary-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ability-header[data-v-9860fccd]{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-9860fccd]:hover{background:var(--color-neutral-50)}.ability-title-section[data-v-9860fccd]{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.ability-name[data-v-9860fccd]{color:var(--color-primary-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.ability-badges[data-v-9860fccd]{display:flex;gap:var(--space-2);flex-wrap:wrap}.ability-type-badge[data-v-9860fccd],.category-badge[data-v-9860fccd],.resource-badge[data-v-9860fccd]{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-9860fccd]{background:var(--color-info-600);color:#fff}.ability-type-badge.feature[data-v-9860fccd]{background:var(--color-success-600);color:#fff}.category-badge.signature[data-v-9860fccd]{background:var(--color-warning-500);color:var(--color-neutral-900)}.category-badge.heroic[data-v-9860fccd]{background:var(--color-error-600);color:#fff}.resource-badge[data-v-9860fccd]{background:var(--color-primary-600);color:#fff}.ability-controls[data-v-9860fccd]{display:flex;gap:var(--space-2);align-items:center}.btn-edit[data-v-9860fccd]{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-9860fccd]:hover{background:var(--color-neutral-700);transform:translateY(-1px)}.btn-edit[data-v-9860fccd]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-remove[data-v-9860fccd]{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-9860fccd]:hover{background:var(--color-error-700);transform:translateY(-1px)}.btn-remove[data-v-9860fccd]:focus-visible{outline:none;box-shadow:var(--focus-ring-error)}.ability-content[data-v-9860fccd]{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-neutral-200);background:var(--color-neutral-50);animation:expand-9860fccd var(--duration-expand) cubic-bezier(.16,1,.3,1)}@keyframes expand-9860fccd{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ability-details[data-v-9860fccd]{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.detail-row[data-v-9860fccd]{display:flex;flex-direction:column;gap:var(--space-1)}.detail-row strong[data-v-9860fccd]{color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.detail-row[data-v-9860fccd]{color:var(--color-neutral-800)}.power-tiers[data-v-9860fccd]{display:flex;flex-direction:column;gap:var(--space-2)}.tiers-list[data-v-9860fccd]{display:flex;flex-direction:column;gap:var(--space-1);margin-left:var(--space-4)}.tier-item[data-v-9860fccd]{display:flex;gap:var(--space-2)}.tier-number[data-v-9860fccd]{font-weight:var(--font-weight-bold);color:var(--color-primary-600);min-width:24px}.tier-display[data-v-9860fccd]{color:var(--color-neutral-800)}.effect-text[data-v-9860fccd],.description-text[data-v-9860fccd]{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)}.effects-section[data-v-9860fccd]{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-neutral-800)}.effects-list[data-v-9860fccd]{display:flex;flex-direction:column;gap:var(--space-4);margin-left:var(--space-4)}.effect-item[data-v-9860fccd]{background:#fff;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-neutral-800)}.effect-name[data-v-9860fccd]{font-weight:var(--font-weight-semibold);color:var(--color-primary-600);font-size:var(--font-size-sm)}.empty-state[data-v-9860fccd]{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-neutral-600)}.empty-icon[data-v-9860fccd]{font-size:var(--font-size-3xl);margin-bottom:var(--space-4);opacity:.8}.empty-state h3[data-v-9860fccd]{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-9860fccd]{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.add-ability-section[data-v-9860fccd]{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-9860fccd],.btn-add-feature[data-v-9860fccd]{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-9860fccd]{background:var(--color-info-600);color:#fff}.btn-add-ability[data-v-9860fccd]:hover{background:var(--color-info-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add-ability[data-v-9860fccd]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-add-feature[data-v-9860fccd]{background:var(--color-success-600);color:#fff}.btn-add-feature[data-v-9860fccd]:hover{background:var(--color-success-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add-feature[data-v-9860fccd]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.modal-overlay[data-v-9860fccd]{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-9860fccd]{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-9860fccd var(--duration-expand) cubic-bezier(.16,1,.3,1)}@keyframes modalAppear-9860fccd{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-9860fccd]{font-size:var(--font-size-lg)}.ability-header[data-v-9860fccd]{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-3)}.ability-controls[data-v-9860fccd]{align-self:flex-end}.add-ability-section[data-v-9860fccd]{flex-direction:column;align-items:center;gap:var(--space-2)}.modal-overlay[data-v-9860fccd]{padding:var(--space-2)}.empty-state[data-v-9860fccd]{padding:var(--space-8) var(--space-2)}.empty-icon[data-v-9860fccd]{font-size:var(--font-size-2xl)}}.keywords-form[data-v-649462db]{padding:var(--space-4) 0}.form-section-title[data-v-649462db]{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-649462db]{display:flex;flex-direction:column;gap:var(--space-8)}.section-description[data-v-649462db]{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-649462db]{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-649462db]{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-649462db]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.keyword-tag[data-v-649462db]{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-649462db]{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-649462db]:hover{background:#fff3}.keyword-category[data-v-649462db]{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-649462db]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}.keyword-grid.small[data-v-649462db]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.keyword-checkbox[data-v-649462db]{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-649462db]:hover{background:var(--color-primary-50)}.keyword-checkbox.selected[data-v-649462db]{background:var(--color-primary-100);font-weight:var(--font-weight-semibold)}.checkbox-input[data-v-649462db]{width:16px;height:16px;accent-color:var(--color-primary-600)}.keyword-text[data-v-649462db]{-webkit-user-select:none;user-select:none;color:var(--color-neutral-800)}.custom-keywords[data-v-649462db]{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-649462db]{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.custom-input[data-v-649462db]{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-649462db]:focus{outline:none;border-color:var(--color-primary-600);box-shadow:var(--focus-ring)}.custom-input.invalid[data-v-649462db]{border-color:var(--color-error-600)}.custom-input.invalid[data-v-649462db]:focus{border-color:var(--color-error-600);box-shadow:var(--focus-ring-error)}.btn-add-custom[data-v-649462db]{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-649462db]:hover:not(:disabled){background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-add-custom[data-v-649462db]:disabled{background:var(--color-neutral-400);cursor:not-allowed}.ability-keywords[data-v-649462db]{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-649462db]{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-649462db]:hover{background:var(--color-primary-50);border-color:var(--color-primary-600)}.quick-add-btn.selected[data-v-649462db]{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.error-message[data-v-649462db]{color:var(--color-error-600);font-size:var(--font-size-sm);margin:var(--space-1) 0}.help-text[data-v-649462db]{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin:0}.keywords-summary[data-v-649462db]{background:#fff;border:2px solid #8b4513;border-radius:8px;padding:1.5rem;margin-top:2rem}.summary-title[data-v-649462db]{color:#8b4513;font-size:1rem;font-weight:700;margin:0 0 1rem}.summary-list[data-v-649462db]{color:#495057;line-height:1.6;font-weight:500}@media (max-width: 768px){.keyword-grid[data-v-649462db],.keyword-grid.small[data-v-649462db]{grid-template-columns:repeat(2,1fr)}.custom-input-group[data-v-649462db]{flex-direction:column}}@media (max-width: 480px){.keyword-grid[data-v-649462db],.keyword-grid.small[data-v-649462db]{grid-template-columns:1fr}.keyword-tags[data-v-649462db]{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-b87c2025]{margin-bottom:var(--space-8)}.templates-header[data-v-b87c2025]{text-align:center;margin-bottom:var(--space-6)}.templates-header h3[data-v-b87c2025]{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-b87c2025]{color:var(--color-neutral-600);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.templates-grid[data-v-b87c2025]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.template-card[data-v-b87c2025]{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-b87c2025]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-primary-500)}.template-header[data-v-b87c2025]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.template-name[data-v-b87c2025]{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-b87c2025]{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end}.template-role[data-v-b87c2025]{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-b87c2025]{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.keyword-tag[data-v-b87c2025]{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-b87c2025]{margin-bottom:var(--space-4)}.template-description p[data-v-b87c2025]{color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin:0}.template-actions[data-v-b87c2025]{text-align:center}.btn[data-v-b87c2025]{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-b87c2025]{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.btn-primary[data-v-b87c2025]{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.btn-primary[data-v-b87c2025]: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-b87c2025]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.templates-grid[data-v-b87c2025]{grid-template-columns:1fr}.template-header[data-v-b87c2025]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.template-meta[data-v-b87c2025]{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-b09a0fd8]{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-b09a0fd8]{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-b09a0fd8]{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-b09a0fd8]{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.btn[data-v-b09a0fd8]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-success[data-v-b09a0fd8]{background-color:var(--color-success-600);color:#fff;border:2px solid var(--color-success-600)}.btn-success[data-v-b09a0fd8]: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-b09a0fd8]{margin-right:var(--space-2);font-size:var(--font-size-base)}.btn-icon-only[data-v-b09a0fd8]{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-b09a0fd8]:hover{background-color:var(--color-primary-50)}.btn-icon-only .btn-icon[data-v-b09a0fd8]{margin:0}.templates-section[data-v-b09a0fd8]{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-b09a0fd8]{margin-bottom:var(--space-8);border-bottom:2px solid var(--color-neutral-200);padding-bottom:var(--space-6)}.progress-indicator[data-v-b09a0fd8]{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.progress-bar[data-v-b09a0fd8]{flex:1;height:8px;background:var(--color-neutral-200);border-radius:var(--radius-base);overflow:hidden}.progress-fill[data-v-b09a0fd8]{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-b09a0fd8]{font-size:var(--font-size-sm);color:var(--color-neutral-500);font-weight:var(--font-weight-semibold);white-space:nowrap}.nav-tabs[data-v-b09a0fd8]{display:flex;flex-wrap:wrap;gap:var(--space-3)}.nav-btn[data-v-b09a0fd8]{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-b09a0fd8]{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-b09a0fd8]: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-b09a0fd8]{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-b09a0fd8]{background:#ffffff4d;color:#fff}.nav-btn.completed[data-v-b09a0fd8]{border-color:var(--color-success-500);color:var(--color-success-600)}.nav-btn.completed .section-number[data-v-b09a0fd8]{background:var(--color-success-600);color:#fff}.nav-btn.invalid[data-v-b09a0fd8]{border-color:var(--color-error-500);color:var(--color-error-600)}.nav-btn.invalid.active[data-v-b09a0fd8]{background-color:var(--color-error-600);color:#fff}.invalid-indicator[data-v-b09a0fd8],.completed-indicator[data-v-b09a0fd8]{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-b09a0fd8]{background:var(--color-success-600)}.form-content[data-v-b09a0fd8]{min-height:400px;margin-bottom:var(--space-8)}.wizard-nav[data-v-b09a0fd8]{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-b09a0fd8]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.center-info[data-v-b09a0fd8]{flex:1;text-align:center}.current-section-name[data-v-b09a0fd8]{font-weight:var(--font-weight-semibold);color:var(--color-primary-600);font-size:var(--font-size-lg)}.form-section[data-v-b09a0fd8]{animation:fadeIn-b09a0fd8 var(--duration-normal) var(--ease-out)}@keyframes fadeIn-b09a0fd8{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.monster-form-layout[data-v-b09a0fd8]{padding:var(--space-2)}.form-header[data-v-b09a0fd8]{flex-direction:column;gap:var(--space-4);align-items:stretch}.form-actions[data-v-b09a0fd8]{justify-content:center}.progress-indicator[data-v-b09a0fd8]{flex-direction:column;gap:var(--space-2);text-align:center}.nav-tabs[data-v-b09a0fd8]{justify-content:center;gap:var(--space-1)}.nav-btn[data-v-b09a0fd8]{flex:1;min-width:100px;text-align:center;padding:var(--space-2);font-size:var(--font-size-xs)}.section-number[data-v-b09a0fd8]{width:20px;height:20px;font-size:var(--font-size-xs)}.form-title[data-v-b09a0fd8]{font-size:var(--font-size-xl);text-align:center}.nav-buttons[data-v-b09a0fd8]{flex-direction:column;gap:var(--space-4)}.center-info[data-v-b09a0fd8]{order:-1}.current-section-name[data-v-b09a0fd8]{font-size:var(--font-size-base)}.wizard-nav[data-v-b09a0fd8]{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-b09a0fd8]{flex-direction:column}.nav-btn[data-v-b09a0fd8]{flex:none;justify-content:center}.form-actions .btn[data-v-b09a0fd8]{min-width:120px}}.monster-create[data-v-1091ad6b]{min-height:100vh;background:var(--color-neutral-50);padding:var(--space-8) var(--space-4)}@media (max-width: 768px){.monster-create[data-v-1091ad6b]{padding:var(--space-4) var(--space-2)}}.export-import-section[data-v-b195041f]{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-b195041f]{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-b195041f]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.export-section[data-v-b195041f],.import-section[data-v-b195041f]{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-b195041f]:hover,.import-section[data-v-b195041f]:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.export-section h4[data-v-b195041f],.import-section h4[data-v-b195041f]{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-b195041f]{display:flex;flex-direction:column;gap:var(--space-2)}.import-area[data-v-b195041f]{display:flex;flex-direction:column;gap:var(--space-4)}.file-input[data-v-b195041f]{position:absolute;left:-9999px;opacity:0}.file-label[data-v-b195041f]{cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;text-align:center;justify-content:center}.import-info[data-v-b195041f]{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.import-info small[data-v-b195041f]{color:var(--color-neutral-500)}.import-results[data-v-b195041f]{background:var(--color-neutral-50);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0;border:2px solid var(--color-neutral-300);box-shadow:var(--shadow-md)}.import-summary[data-v-b195041f]{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-b195041f]{background:var(--color-success-100);border:2px solid var(--color-success-600);color:var(--color-success-700);box-shadow:var(--shadow-sm)}.import-summary.error[data-v-b195041f]{background:var(--color-error-100);border:2px solid var(--color-error-600);color:var(--color-error-700);box-shadow:var(--shadow-sm)}.import-summary h4[data-v-b195041f]{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.import-stats[data-v-b195041f]{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.import-warnings[data-v-b195041f],.import-errors[data-v-b195041f]{margin:var(--space-4) 0}.import-warnings h5[data-v-b195041f],.import-errors h5[data-v-b195041f]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-neutral-800)}.message-list[data-v-b195041f]{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-b195041f]{padding:var(--space-2);border-bottom:1px solid var(--color-neutral-200);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-neutral-700)}.message-item[data-v-b195041f]:last-child{border-bottom:none}.message-item.warning[data-v-b195041f]{background:var(--color-warning-50);color:var(--color-warning-700);border-bottom-color:var(--color-warning-300);border-left:3px solid var(--color-warning-600)}.message-item.warning .message-content[data-v-b195041f]{color:var(--color-warning-800)}.message-item.error[data-v-b195041f]{background:var(--color-error-50);color:var(--color-error-700);border-bottom-color:var(--color-error-300);border-left:3px solid var(--color-error-600)}.message-item.error .message-content[data-v-b195041f]{color:var(--color-error-800)}.error-details[data-v-b195041f]{margin-top:var(--space-2);padding-left:var(--space-4);color:var(--color-error-600)}.error-details ul[data-v-b195041f]{margin:var(--space-1) 0 0 0;padding-left:var(--space-4);color:var(--color-error-600)}.advanced-options[data-v-b195041f]{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-b195041f]{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-b195041f]:hover{background:var(--color-neutral-100)}.advanced-content[data-v-b195041f]{padding:0 var(--space-4) var(--space-4) var(--space-4);border-top:1px solid var(--color-neutral-200)}.advanced-content h4[data-v-b195041f]{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-b195041f]{color:var(--color-neutral-700)}.restore-buttons[data-v-b195041f]{display:flex;gap:var(--space-4);margin:var(--space-4) 0;flex-wrap:wrap}.warning-text[data-v-b195041f]{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-b195041f]{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-b195041f]{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-b195041f]{max-width:700px;max-height:90vh}.modal h3[data-v-b195041f]{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-b195041f]{margin:var(--space-2) 0;line-height:var(--line-height-relaxed);color:var(--color-neutral-700)}.modal-actions[data-v-b195041f]{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-6)}.preview-summary[data-v-b195041f]{margin-bottom:var(--space-6)}.preview-stats[data-v-b195041f]{display:flex;gap:var(--space-4);flex-wrap:wrap}.stat-item[data-v-b195041f]{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);color:var(--color-neutral-700)}.stat-item.success[data-v-b195041f]{background:var(--color-success-100);border-color:var(--color-success-600);color:var(--color-success-700);border-width:2px}.stat-item.error[data-v-b195041f]{background:var(--color-error-100);border-color:var(--color-error-600);color:var(--color-error-700);border-width:2px}.stat-item.warning[data-v-b195041f]{background:var(--color-warning-50);border-color:var(--color-warning-600);color:var(--color-warning-700);border-width:2px}.stat-number[data-v-b195041f]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-label[data-v-b195041f]{font-size:var(--font-size-xs);text-transform:uppercase;margin-top:var(--space-1);font-weight:var(--font-weight-medium)}.preview-warnings[data-v-b195041f],.preview-errors[data-v-b195041f]{margin:var(--space-4) 0}.preview-warnings h4[data-v-b195041f],.preview-errors h4[data-v-b195041f]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-neutral-800)}.preview-message-list[data-v-b195041f]{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-b195041f]{padding:var(--space-3);border-bottom:1px solid var(--color-neutral-200);font-size:var(--font-size-sm);color:var(--color-neutral-700)}.preview-message-item[data-v-b195041f]:last-child{border-bottom:none}.preview-message-item.warning[data-v-b195041f]{background:var(--color-warning-50);border-bottom-color:var(--color-warning-300);border-left:3px solid var(--color-warning-600);color:var(--color-warning-700)}.preview-message-item.warning .message-content[data-v-b195041f]{color:var(--color-warning-800)}.preview-message-item.error[data-v-b195041f]{background:var(--color-error-50);border-bottom-color:var(--color-error-300);border-left:3px solid var(--color-error-600);color:var(--color-error-700)}.preview-message-item.error .message-content[data-v-b195041f]{color:var(--color-error-800)}.message-header[data-v-b195041f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.warning-type[data-v-b195041f]{background:var(--color-warning-600);color:#fff;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}.item-type-badge[data-v-b195041f]{background:var(--color-primary-600);color:#fff;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-b195041f]{margin-bottom:var(--space-1);font-weight:var(--font-weight-medium);color:var(--color-neutral-800)}.message-action[data-v-b195041f]{font-size:var(--font-size-xs);color:var(--color-neutral-600);font-style:italic}.preview-monsters[data-v-b195041f]{margin:var(--space-4) 0}.preview-monsters h4[data-v-b195041f]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-neutral-800)}.monster-list[data-v-b195041f]{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-b195041f]{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-b195041f]:last-child{border-bottom:none}.monster-name[data-v-b195041f]{font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.monster-details[data-v-b195041f]{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.clear-confirm-modal h3[data-v-b195041f]{color:var(--color-error-600)}.more-monsters[data-v-b195041f]{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-b195041f]{grid-template-columns:1fr;gap:var(--space-4)}.export-buttons[data-v-b195041f],.restore-buttons[data-v-b195041f]{gap:var(--space-3)}.import-stats[data-v-b195041f]{flex-direction:column;gap:var(--space-1)}.modal[data-v-b195041f]{margin:var(--space-2);padding:var(--space-6)}.modal-actions[data-v-b195041f]{flex-direction:column-reverse;gap:var(--space-2)}.preview-stats[data-v-b195041f]{gap:var(--space-2)}.stat-item[data-v-b195041f]{min-width:60px;padding:var(--space-2)}}@media (max-width: 480px){.export-import-section[data-v-b195041f]{padding:var(--space-4)}.restore-buttons[data-v-b195041f]{flex-direction:column;gap:var(--space-2)}.modal[data-v-b195041f]{margin:var(--space-1);padding:var(--space-4)}.preview-stats[data-v-b195041f]{justify-content:center}.stat-item[data-v-b195041f]{min-width:50px;padding:var(--space-2)}.stat-number[data-v-b195041f]{font-size:var(--font-size-xl)}}.btn[data-v-b195041f]{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-b195041f]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-b195041f]{background:var(--color-primary-600);color:#fff}.btn-primary[data-v-b195041f]:hover:not(:disabled){background:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-b195041f]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-secondary[data-v-b195041f]{background:var(--color-neutral-600);color:#fff}.btn-secondary[data-v-b195041f]:hover:not(:disabled){background:var(--color-neutral-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-b195041f]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-outline[data-v-b195041f]{background:transparent;color:var(--color-neutral-600);border:2px solid var(--color-neutral-300)}.btn-outline[data-v-b195041f]: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-b195041f]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn-warning[data-v-b195041f]{background:var(--color-warning-500);color:var(--color-neutral-900)}.btn-warning[data-v-b195041f]:hover{background:var(--color-warning-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning[data-v-b195041f]:focus-visible{outline:none;box-shadow:var(--focus-ring-warning)}.btn-danger[data-v-b195041f]{background:var(--color-error-600);color:#fff}.btn-danger[data-v-b195041f]:hover{background:var(--color-error-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger[data-v-b195041f]:focus-visible{outline:none;box-shadow:var(--focus-ring-error)}.btn-sm[data-v-b195041f]{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:36px}.btn-icon[data-v-b195041f]{font-size:var(--font-size-base)}.my-monsters[data-v-05678f5b]{max-width:1200px;margin:0 auto;padding:var(--space-8)}.header[data-v-05678f5b]{text-align:center;margin-bottom:var(--space-8)}.header h1[data-v-05678f5b]{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-05678f5b]{color:var(--color-neutral-500);font-size:var(--font-size-lg)}.dashboard[data-v-05678f5b]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-base);padding:var(--space-8)}.stats-cards[data-v-05678f5b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card[data-v-05678f5b]{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-05678f5b]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.stat-label[data-v-05678f5b]{font-size:var(--font-size-sm);opacity:.9}.actions[data-v-05678f5b]{margin-bottom:var(--space-8);text-align:center;display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.templates-section[data-v-05678f5b]{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[data-v-05678f5b]{margin-bottom:var(--space-8)}.section-header[data-v-05678f5b]{margin-bottom:var(--space-4);padding:var(--space-4) 0}.section-count[data-v-05678f5b]{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin:0;font-weight:var(--font-weight-medium)}.monsters-grid[data-v-05678f5b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.monster-card[data-v-05678f5b]{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-all);border:1px solid var(--color-neutral-200);display:flex;flex-direction:column;position:relative;overflow:hidden}.monster-card[data-v-05678f5b]: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-05678f5b]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.monster-card[data-v-05678f5b]:hover:before{transform:scaleY(1.1)}.monster-card-header[data-v-05678f5b]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-3)}.monster-name[data-v-05678f5b]{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-ev[data-v-05678f5b]{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-card-footer[data-v-05678f5b]{margin-bottom:var(--space-4)}.monster-role[data-v-05678f5b]{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);display:inline-block}.monster-meta[data-v-05678f5b]{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-05678f5b]{display:flex;gap:var(--space-2);flex-wrap:wrap}.empty-state[data-v-05678f5b]{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-neutral-500)}.empty-icon[data-v-05678f5b]{font-size:var(--font-size-5xl);margin-bottom:var(--space-4)}.empty-state h2[data-v-05678f5b]{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-05678f5b]{font-size:var(--font-size-lg);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}.btn-danger[data-v-05678f5b]{background-color:var(--color-error-600);color:#fff;border:2px solid var(--color-error-600)}.btn-danger[data-v-05678f5b]: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-05678f5b]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-icon[data-v-05678f5b]{margin-right:var(--space-2);font-weight:var(--font-weight-bold)}.dialog-overlay[data-v-05678f5b]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn-05678f5b var(--duration-normal) var(--ease-out)}.dialog[data-v-05678f5b]{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-05678f5b var(--duration-normal) var(--ease-out)}.dialog h3[data-v-05678f5b]{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-05678f5b]{margin-bottom:var(--space-8);color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.dialog-actions[data-v-05678f5b]{display:flex;gap:var(--space-4);justify-content:center}.loading[data-v-05678f5b]{text-align:center;padding:var(--space-16) var(--space-8);font-size:var(--font-size-lg);color:var(--color-neutral-500)}@keyframes fadeIn-05678f5b{0%{opacity:0}to{opacity:1}}@keyframes slideIn-05678f5b{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.malice-section[data-v-05678f5b]{margin-top:var(--space-8)}.malice-grid[data-v-05678f5b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.malice-card[data-v-05678f5b]{background:#fff;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);transition:var(--transition-all);display:flex;flex-direction:column;position:relative;overflow:hidden}.malice-card[data-v-05678f5b]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-warning-500),var(--color-warning-600));transform:scaleY(1);transition:transform var(--duration-normal) var(--ease-out)}.malice-card[data-v-05678f5b]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-warning-200)}.malice-card[data-v-05678f5b]:hover:before{transform:scaleY(1.1)}.malice-card-header[data-v-05678f5b]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-3)}.malice-name[data-v-05678f5b]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-warning-700);margin:0;flex:1;line-height:var(--line-height-tight)}.malice-level[data-v-05678f5b]{background:var(--color-warning-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)}.malice-info[data-v-05678f5b]{margin-bottom:var(--space-4)}.malice-feature-count[data-v-05678f5b]{display:flex;align-items:center;gap:var(--space-2);color:var(--color-neutral-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);background:var(--color-warning-50);border-radius:var(--radius-base);border:1px solid var(--color-warning-200)}.feature-icon[data-v-05678f5b]{font-size:var(--font-size-base)}.malice-meta[data-v-05678f5b]{margin-bottom:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200);font-size:var(--font-size-xs);color:var(--color-neutral-500)}.malice-actions[data-v-05678f5b]{display:flex;gap:var(--space-2);flex-wrap:wrap}@media (max-width: 768px){.my-monsters[data-v-05678f5b],.dashboard[data-v-05678f5b]{padding:var(--space-4)}.stats-cards[data-v-05678f5b],.monsters-grid[data-v-05678f5b],.malice-grid[data-v-05678f5b]{grid-template-columns:1fr}.monster-actions[data-v-05678f5b],.malice-actions[data-v-05678f5b]{justify-content:center}.dialog-actions[data-v-05678f5b]{flex-direction:column}.dialog[data-v-05678f5b]{margin:var(--space-2)}.actions[data-v-05678f5b]{flex-direction:column;align-items:center}.actions .btn[data-v-05678f5b]{min-width:200px}}.my-encounters[data-v-9b353eb5]{max-width:1200px;margin:0 auto;padding:var(--space-8)}.header[data-v-9b353eb5]{text-align:center;margin-bottom:var(--space-8)}.header h1[data-v-9b353eb5]{font-size:var(--font-size-4xl);margin-bottom:var(--space-2);color:var(--color-neutral-900)}.subtitle[data-v-9b353eb5]{font-size:var(--font-size-lg);color:var(--color-neutral-600)}.dashboard[data-v-9b353eb5]{display:flex;flex-direction:column;gap:var(--space-8)}.stats-cards[data-v-9b353eb5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.stat-card[data-v-9b353eb5]{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);text-align:center;border:1px solid var(--color-neutral-200)}.stat-number[data-v-9b353eb5]{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin-bottom:var(--space-2)}.stat-label[data-v-9b353eb5]{font-size:var(--font-size-base);color:var(--color-neutral-600);font-weight:var(--font-weight-medium)}.actions[data-v-9b353eb5]{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.search-filter-section[data-v-9b353eb5]{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);border:1px solid var(--color-neutral-200)}.search-bar[data-v-9b353eb5]{margin-bottom:var(--space-4)}.search-input[data-v-9b353eb5]{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);transition:var(--transition-colors)}.search-input[data-v-9b353eb5]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.filter-controls[data-v-9b353eb5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.filter-select[data-v-9b353eb5]{padding:var(--space-2) var(--space-3);border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:var(--font-size-base);background:#fff;cursor:pointer;transition:var(--transition-colors)}.filter-select[data-v-9b353eb5]:focus{outline:none;border-color:var(--color-primary-500)}.loading[data-v-9b353eb5]{text-align:center;padding:var(--space-12);font-size:var(--font-size-lg);color:var(--color-neutral-600)}.empty-state[data-v-9b353eb5]{text-align:center;padding:var(--space-12);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-base);border:1px solid var(--color-neutral-200)}.empty-icon[data-v-9b353eb5]{font-size:var(--font-size-6xl);margin-bottom:var(--space-4)}.empty-state h2[data-v-9b353eb5]{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);color:var(--color-neutral-800)}.empty-state p[data-v-9b353eb5]{font-size:var(--font-size-base);color:var(--color-neutral-600);margin-bottom:var(--space-6)}.encounters-section[data-v-9b353eb5]{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-base);border:1px solid var(--color-neutral-200)}.encounters-section h2[data-v-9b353eb5]{font-size:var(--font-size-2xl);margin-bottom:var(--space-6);color:var(--color-neutral-900)}.encounters-grid[data-v-9b353eb5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.encounter-card[data-v-9b353eb5]{background:#fff;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);transition:all .2s ease;display:flex;flex-direction:column;gap:var(--space-4);height:100%}.encounter-card[data-v-9b353eb5]:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-300);transform:translateY(-1px)}.encounter-header[data-v-9b353eb5]{border-bottom:1px solid var(--color-neutral-100);padding-bottom:var(--space-3);margin-bottom:var(--space-1)}.encounter-name[data-v-9b353eb5]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin:0;line-height:var(--line-height-tight)}.encounter-description[data-v-9b353eb5]{font-size:var(--font-size-sm);color:var(--color-neutral-700);line-height:var(--line-height-relaxed)}.encounter-stats[data-v-9b353eb5]{display:flex;gap:var(--space-6);padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200)}.stat-item[data-v-9b353eb5]{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.stat-label[data-v-9b353eb5]{font-weight:var(--font-weight-medium);color:var(--color-neutral-600);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.stat-value[data-v-9b353eb5]{color:var(--color-neutral-900);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.encounter-monsters-preview[data-v-9b353eb5]{font-size:var(--font-size-sm);flex-grow:1}.encounter-monsters-preview strong[data-v-9b353eb5]{display:block;color:var(--color-neutral-700);margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold)}.monsters-list[data-v-9b353eb5]{display:flex;flex-direction:column;gap:var(--space-2)}.monster-preview[data-v-9b353eb5]{color:var(--color-neutral-600);padding:var(--space-2);background:var(--color-neutral-50);border-radius:var(--radius-base);border-left:3px solid var(--color-primary-400);font-family:var(--font-mono);font-size:var(--font-size-xs)}.more-monsters[data-v-9b353eb5]{color:var(--color-primary-600);font-weight:var(--font-weight-medium);font-style:italic;text-align:center;padding:var(--space-1)}.encounter-meta[data-v-9b353eb5]{font-size:var(--font-size-xs);color:var(--color-neutral-500);padding:var(--space-3);background:var(--color-neutral-25);border-radius:var(--radius-base);margin-top:auto}.created-date[data-v-9b353eb5],.updated-date[data-v-9b353eb5]{margin-bottom:var(--space-1)}.encounter-actions[data-v-9b353eb5]{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200);margin-top:var(--space-2)}.encounter-actions .btn[data-v-9b353eb5]{flex:1;min-width:80px}.dialog-overlay[data-v-9b353eb5]{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog[data-v-9b353eb5]{background:#fff;padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;text-align:center}.dialog h3[data-v-9b353eb5]{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);color:var(--color-neutral-900);font-weight:var(--font-weight-bold)}.dialog p[data-v-9b353eb5]{margin-bottom:var(--space-4);color:var(--color-neutral-700);line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}.dialog-actions[data-v-9b353eb5]{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.delete-dialog[data-v-9b353eb5]{border-top:4px solid var(--color-error-500)}.dialog-icon[data-v-9b353eb5]{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.warning-text[data-v-9b353eb5]{color:var(--color-error-600);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.share-dialog[data-v-9b353eb5]{max-width:600px}.share-textarea[data-v-9b353eb5]{width:100%;min-height:300px;padding:var(--space-3);border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);font-family:monospace;font-size:var(--font-size-sm);resize:vertical;margin-bottom:var(--space-4)}.share-textarea[data-v-9b353eb5]:focus{outline:none;border-color:var(--color-primary-500)}.file-input-wrapper[data-v-9b353eb5]{margin:var(--space-4) 0}.file-input[data-v-9b353eb5]{display:none}.error-message[data-v-9b353eb5]{color:var(--color-error-600);font-size:var(--font-size-sm);margin-top:var(--space-3);padding:var(--space-3);background:var(--color-error-50);border-radius:var(--radius-base);border:1px solid var(--color-error-200)}@media (max-width: 768px){.my-encounters[data-v-9b353eb5]{padding:var(--space-4)}.header h1[data-v-9b353eb5]{font-size:var(--font-size-3xl)}.encounters-grid[data-v-9b353eb5]{grid-template-columns:1fr}.actions[data-v-9b353eb5]{flex-direction:column;align-items:stretch}.encounter-actions[data-v-9b353eb5]{flex-direction:column}.encounter-actions .btn[data-v-9b353eb5]{width:100%}}@media (max-width: 480px){.stats-cards[data-v-9b353eb5],.filter-controls[data-v-9b353eb5]{grid-template-columns:1fr}.dialog[data-v-9b353eb5]{padding:var(--space-4)}}.about-page[data-v-945303da]{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-4)}.about-hero[data-v-945303da]{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-945303da]{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-945303da]{color:var(--color-neutral-600);font-size:var(--font-size-xl);margin:0;line-height:var(--line-height-relaxed)}.about-content[data-v-945303da]{display:flex;flex-direction:column;gap:var(--space-10)}.about-section[data-v-945303da]{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-945303da]{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-945303da]{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-945303da]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.feature-item[data-v-945303da]{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-945303da]:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon[data-v-945303da]{font-size:var(--font-size-5xl);margin-bottom:var(--space-3)}.feature-item h3[data-v-945303da]{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-945303da]{color:var(--color-neutral-600);font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-relaxed)}.getting-started-list[data-v-945303da]{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-945303da]{margin:var(--space-4) 0}.getting-started-list strong[data-v-945303da]{color:var(--color-neutral-800);font-weight:var(--font-weight-semibold)}.getting-started-list a[data-v-945303da]{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-semibold);transition:var(--transition-colors)}.getting-started-list a[data-v-945303da]:hover{text-decoration:underline;color:var(--color-primary-700)}.shortcuts-grid[data-v-945303da]{display:grid;gap:var(--space-4);margin-top:var(--space-6)}.shortcut-item[data-v-945303da]{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-945303da]{display:flex;gap:var(--space-2);min-width:150px}kbd[data-v-945303da]{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-945303da]{color:var(--color-neutral-600);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.tips-list[data-v-945303da]{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-945303da]{margin:var(--space-3) 0}.tips-list strong[data-v-945303da]{color:var(--color-neutral-800);font-weight:var(--font-weight-semibold)}.legal-text[data-v-945303da]{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.cta-section[data-v-945303da]{text-align:center;background:linear-gradient(135deg,var(--color-neutral-50),var(--color-primary-50));border:none}.cta-buttons[data-v-945303da]{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6);flex-wrap:wrap}.btn[data-v-945303da]{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-945303da]{background-color:var(--color-primary-600);color:#fff}.btn-primary[data-v-945303da]:hover{background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary[data-v-945303da]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary[data-v-945303da]{background-color:#fff;color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.btn-secondary[data-v-945303da]:hover{background-color:var(--color-primary-50);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-945303da]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.support-content[data-v-945303da]{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-4)}.support-text[data-v-945303da]{flex:1}.support-text p[data-v-945303da]{margin:0}.support-buttons[data-v-945303da]{display:flex;flex-shrink:0}.btn-coffee[data-v-945303da]{background:linear-gradient(135deg,#ff813f,#ff6b35);color:#fff;display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);text-decoration:none;transition:var(--transition-all)}.btn-coffee[data-v-945303da]:hover{background:linear-gradient(135deg,#ff6b35,#ff5722);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-coffee[data-v-945303da]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.coffee-icon[data-v-945303da]{font-size:var(--font-size-lg)}@media (max-width: 768px){.about-page[data-v-945303da]{padding:var(--space-4) var(--space-2)}.about-hero[data-v-945303da]{padding:var(--space-8) var(--space-4);margin-bottom:var(--space-8)}.about-hero h1[data-v-945303da]{font-size:var(--font-size-3xl)}.subtitle[data-v-945303da]{font-size:var(--font-size-base)}.about-section[data-v-945303da]{padding:var(--space-6)}.about-section h2[data-v-945303da]{font-size:var(--font-size-xl)}.features-grid[data-v-945303da]{grid-template-columns:1fr}.shortcuts-grid[data-v-945303da]{gap:var(--space-3)}.shortcut-item[data-v-945303da]{flex-direction:column;align-items:flex-start;gap:.5rem}.shortcut-keys[data-v-945303da]{min-width:auto}.cta-buttons[data-v-945303da]{flex-direction:column;align-items:stretch}.btn[data-v-945303da]{width:100%}.support-content[data-v-945303da]{flex-direction:column;align-items:stretch;gap:var(--space-4)}.support-buttons[data-v-945303da]{justify-content:center}}.monster-random-redirect[data-v-efd5440a]{display:flex;justify-content:center;align-items:center;min-height:60vh}.party-configuration[data-v-5fb99e7c]{display:flex;flex-direction:column;gap:var(--space-6)}.section-header h3[data-v-5fb99e7c]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.section-description[data-v-5fb99e7c]{margin:0;font-size:var(--font-size-sm);color:var(--color-neutral-600)}.heroes-list[data-v-5fb99e7c]{display:flex;flex-direction:column;gap:var(--space-3)}.heroes-header[data-v-5fb99e7c]{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;color:var(--color-neutral-600);border-bottom:1px solid var(--color-neutral-300)}.hero-name-header[data-v-5fb99e7c]{text-align:left}.hero-stat-header[data-v-5fb99e7c]{text-align:center;min-width:80px}.hero-actions-header[data-v-5fb99e7c]{min-width:32px}.hero-item[data-v-5fb99e7c]{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:var(--space-3)}.hero-label[data-v-5fb99e7c]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.hero-controls[data-v-5fb99e7c]{display:contents}.hero-input-group[data-v-5fb99e7c]{display:flex}.hero-stat-input[data-v-5fb99e7c]{width:80px;text-align:center;font-weight:var(--font-weight-medium)}.sr-only[data-v-5fb99e7c]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-full-width[data-v-5fb99e7c]{width:100%}.party-summary[data-v-5fb99e7c]{display:flex;flex-wrap:wrap;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)}.summary-stat[data-v-5fb99e7c]{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label[data-v-5fb99e7c]{font-size:var(--font-size-xs);text-transform:uppercase;font-weight:var(--font-weight-medium);color:var(--color-neutral-600)}.stat-value[data-v-5fb99e7c]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}@media (max-width: 640px){.heroes-header[data-v-5fb99e7c]{display:none}.hero-item[data-v-5fb99e7c]{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200)}.hero-controls[data-v-5fb99e7c]{display:flex;gap:var(--space-3);align-items:center}.hero-input-group[data-v-5fb99e7c]{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.hero-input-group[data-v-5fb99e7c]:before{content:attr(data-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);text-transform:uppercase}.hero-stat-input[data-v-5fb99e7c]{width:100%}.party-summary[data-v-5fb99e7c]{flex-direction:column}}.encounter-budget[data-v-72663185]{display:flex;flex-direction:column;gap:var(--space-6)}.section-header h3[data-v-72663185]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.encounter-summary[data-v-72663185]{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.ev-badge[data-v-72663185]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.ev-badge.difficulty-trivial[data-v-72663185],.ev-badge.difficulty-easy[data-v-72663185],.ev-badge.difficulty-standard[data-v-72663185]{background:linear-gradient(135deg,var(--color-success-500),var(--color-success-600));color:#fff}.ev-badge.difficulty-hard[data-v-72663185]{background:linear-gradient(135deg,var(--color-warning-500),var(--color-warning-600));color:#fff}.ev-badge.difficulty-extreme[data-v-72663185]{background:linear-gradient(135deg,var(--color-error-500),var(--color-error-600));color:#fff}.ev-value[data-v-72663185]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.ev-label[data-v-72663185]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;opacity:.9}.difficulty-info[data-v-72663185]{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.difficulty-name[data-v-72663185]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.difficulty-name.difficulty-trivial[data-v-72663185],.difficulty-name.difficulty-easy[data-v-72663185],.difficulty-name.difficulty-standard[data-v-72663185]{color:var(--color-success-700)}.difficulty-name.difficulty-hard[data-v-72663185]{color:var(--color-warning-700)}.difficulty-name.difficulty-extreme[data-v-72663185]{color:var(--color-error-700)}.difficulty-subtitle[data-v-72663185]{font-size:var(--font-size-sm);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.5px}.help-button[data-v-72663185]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--color-primary-600);background:#fff;color:var(--color-primary-600);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s}.help-button[data-v-72663185]:hover{background:var(--color-primary-600);color:#fff}.difficulty-tooltip[data-v-72663185]{padding:var(--space-4);background:var(--color-primary-50);border-radius:var(--radius-md);border:1px solid var(--color-primary-200)}.difficulty-tooltip h4[data-v-72663185]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-primary-700)}.difficulty-tooltip p[data-v-72663185]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-neutral-700);line-height:var(--line-height-relaxed)}.difficulty-tooltip p[data-v-72663185]:last-child{margin-bottom:0}.threshold-info[data-v-72663185]{margin-top:var(--space-3)}.threshold-info p[data-v-72663185]{margin:0 0 var(--space-2) 0}.threshold-info ul[data-v-72663185]{margin:0;padding-left:var(--space-4);font-size:var(--font-size-sm)}.threshold-info li[data-v-72663185]{margin-bottom:var(--space-1);color:var(--color-neutral-700)}.difficulty-progress-bar[data-v-72663185]{position:relative;padding:var(--space-3);background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.difficulty-levels[data-v-72663185]{display:flex;height:32px;border-radius:var(--radius-base);overflow:hidden;background:var(--color-neutral-200)}.difficulty-zone[data-v-72663185]{position:relative;transition:all .3s ease;border-right:2px solid white}.difficulty-zone[data-v-72663185]:last-child{border-right:none}.difficulty-zone.green[data-v-72663185]{background:linear-gradient(90deg,var(--color-success-500),var(--color-success-600))}.difficulty-zone.yellow[data-v-72663185]{background:linear-gradient(90deg,var(--color-warning-500),var(--color-warning-600))}.difficulty-zone.red[data-v-72663185]{background:linear-gradient(90deg,var(--color-error-500),var(--color-error-600))}.progress-indicator[data-v-72663185]{position:absolute;top:12px;transform:translate(-50%);z-index:15;pointer-events:none;transition:left .3s ease}.progress-line[data-v-72663185]{width:4px;height:32px;background:var(--color-neutral-900);border-radius:1px;box-shadow:0 2px 4px #0000004d}.progress-info[data-v-72663185]{font-size:var(--font-size-sm);color:var(--color-neutral-700);text-align:center;margin:var(--space-3) 0}.next-threshold[data-v-72663185]{color:var(--color-neutral-500);font-size:var(--font-size-xs)}.extreme-warning[data-v-72663185]{color:var(--color-error-700);font-weight:var(--font-weight-medium)}.encounter-help[data-v-72663185]{padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200)}.encounter-help h4[data-v-72663185]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-neutral-800)}.encounter-help p[data-v-72663185]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);color:var(--color-neutral-700);line-height:var(--line-height-relaxed)}.encounter-help p[data-v-72663185]:last-child{margin-bottom:0}.help-note[data-v-72663185]{font-style:italic;color:var(--color-neutral-600)}.encounter-recommendations[data-v-72663185]{padding:var(--space-4);background:var(--color-warning-50);border-radius:var(--radius-md);border:1px solid var(--color-warning-600);margin-bottom:var(--space-4)}.encounter-recommendations h4[data-v-72663185]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-warning-700)}.encounter-recommendations ul[data-v-72663185]{margin:0;padding-left:var(--space-5);list-style:none}.encounter-recommendations li[data-v-72663185]{margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-neutral-700);line-height:var(--line-height-relaxed);position:relative}.encounter-recommendations li[data-v-72663185]:last-child{margin-bottom:0}@media (max-width: 640px){.encounter-summary[data-v-72663185]{padding:var(--space-4);gap:var(--space-3)}.ev-badge[data-v-72663185]{width:60px;height:60px}.ev-value[data-v-72663185],.difficulty-name[data-v-72663185]{font-size:var(--font-size-xl)}.difficulty-subtitle[data-v-72663185],.progress-info[data-v-72663185]{font-size:var(--font-size-xs)}}.initiative-group[data-v-b26c7cc7]{background:#fff;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-4);transition:var(--transition-all);box-shadow:var(--shadow-sm)}.initiative-group.dragging-over[data-v-b26c7cc7]{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-md)}.initiative-group.dragging[data-v-b26c7cc7]{opacity:.5}.group-header[data-v-b26c7cc7]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-neutral-200)}.group-title-section[data-v-b26c7cc7]{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.drag-handle[data-v-b26c7cc7]{background:none;border:none;cursor:grab;color:var(--color-neutral-500);padding:var(--space-1);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;transition:var(--transition-colors);flex-shrink:0}.drag-handle[data-v-b26c7cc7]:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.drag-handle[data-v-b26c7cc7]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.drag-handle[data-v-b26c7cc7]:active{cursor:grabbing}.group-name[data-v-b26c7cc7]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-700);margin:0;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);transition:var(--transition-colors);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-name[data-v-b26c7cc7]:hover{background:var(--color-neutral-100)}.group-name[data-v-b26c7cc7]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.group-name-input[data-v-b26c7cc7]{flex:1;min-width:0;padding:var(--space-1) var(--space-2);border:2px solid var(--color-primary-500);border-radius:var(--radius-base);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-sans);color:var(--color-primary-700)}.group-name-input[data-v-b26c7cc7]:focus{outline:none;box-shadow:var(--focus-ring)}.group-stats[data-v-b26c7cc7]{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.stat-badge[data-v-b26c7cc7]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.monster-count[data-v-b26c7cc7]{background:var(--color-info-50);color:var(--color-info-700);border:1px solid var(--color-info-200)}.total-ev[data-v-b26c7cc7]{background:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200)}.monster-list[data-v-b26c7cc7]{display:flex;flex-direction:column;gap:var(--space-2)}.monster-item[data-v-b26c7cc7]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);transition:var(--transition-all);cursor:grab}.monster-item[data-v-b26c7cc7]:hover{background:var(--color-neutral-100);box-shadow:var(--shadow-sm)}.monster-item[data-v-b26c7cc7]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.monster-item.dragging[data-v-b26c7cc7]{opacity:.5}.monster-drag-handle[data-v-b26c7cc7]{color:var(--color-neutral-400);display:flex;align-items:center;justify-content:center;flex-shrink:0}.monster-info[data-v-b26c7cc7]{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.monster-header[data-v-b26c7cc7]{display:flex;align-items:center;gap:var(--space-2)}.monster-name[data-v-b26c7cc7]{font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.monster-link[data-v-b26c7cc7]{color:var(--color-primary-600);text-decoration:none;transition:color .2s ease}.monster-link[data-v-b26c7cc7]:hover{color:var(--color-primary-700);text-decoration:underline}.monster-link[data-v-b26c7cc7]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px;border-radius:var(--radius-sm)}.captain-checkbox[data-v-b26c7cc7]{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);cursor:pointer;margin-left:var(--space-1);flex-shrink:0}.captain-checkbox input[type=checkbox][data-v-b26c7cc7]{margin:0;width:14px;height:14px}.captain-label[data-v-b26c7cc7]{color:var(--color-warning-700);font-weight:var(--font-weight-medium)}.monster-details[data-v-b26c7cc7]{display:flex;gap:var(--space-2);flex-wrap:wrap}.detail-badge[data-v-b26c7cc7]{font-size:var(--font-size-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);padding:2px var(--space-2);border-radius:var(--radius-base)}.monster-controls[data-v-b26c7cc7]{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.count-controls[data-v-b26c7cc7]{display:flex;align-items:center;gap:var(--space-1);background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-base);padding:2px}.count-display[data-v-b26c7cc7]{min-width:24px;text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-neutral-700)}.btn-icon[data-v-b26c7cc7]{background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;transition:var(--transition-colors);color:var(--color-neutral-600)}.btn-icon[data-v-b26c7cc7]:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.btn-icon[data-v-b26c7cc7]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.btn-icon[data-v-b26c7cc7]:disabled{opacity:.4;cursor:not-allowed}.btn-count[data-v-b26c7cc7]{color:var(--color-primary-600);width:24px;height:24px;font-weight:var(--font-weight-bold)}.btn-count[data-v-b26c7cc7]:hover:not(:disabled){background:var(--color-primary-100);color:var(--color-primary-700)}.btn-split[data-v-b26c7cc7]{color:var(--color-info-600)}.btn-split[data-v-b26c7cc7]:hover{background:var(--color-info-100);color:var(--color-info-700)}.btn-remove[data-v-b26c7cc7]{color:var(--color-error-600)}.btn-remove[data-v-b26c7cc7]:hover{background:var(--color-error-100);color:var(--color-error-700)}.btn-delete[data-v-b26c7cc7]{color:var(--color-error-600)}.btn-delete[data-v-b26c7cc7]:hover{background:var(--color-error-100);color:var(--color-error-700)}.empty-state[data-v-b26c7cc7]{padding:var(--space-8);text-align:center;color:var(--color-neutral-500);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-neutral-50)}.empty-state p[data-v-b26c7cc7]{margin:0;font-size:var(--font-size-sm)}@media (max-width: 768px){.group-header[data-v-b26c7cc7]{flex-direction:column;align-items:flex-start}.group-stats[data-v-b26c7cc7]{width:100%;justify-content:space-between}.monster-item[data-v-b26c7cc7]{flex-wrap:wrap;gap:var(--space-3)}.monster-info[data-v-b26c7cc7]{flex:1 1 100%;min-width:0}.monster-header[data-v-b26c7cc7]{flex-wrap:nowrap;justify-content:space-between}.monster-name[data-v-b26c7cc7]{flex:1;min-width:0}.captain-checkbox[data-v-b26c7cc7]{flex-shrink:0}.monster-controls[data-v-b26c7cc7]{width:100%;justify-content:flex-end}}.initiative-tracker[data-v-6bcae87a]{display:flex;flex-direction:column;gap:var(--space-6)}.tracker-header[data-v-6bcae87a]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-neutral-200)}.tracker-header h2[data-v-6bcae87a]{margin:0;color:var(--color-primary-700);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.header-actions[data-v-6bcae87a]{display:flex;gap:var(--space-2)}.groups-container[data-v-6bcae87a]{display:flex;flex-direction:column}.groups-list[data-v-6bcae87a]{display:flex;flex-direction:column;gap:var(--space-4)}.group-list-move[data-v-6bcae87a],.group-list-enter-active[data-v-6bcae87a],.group-list-leave-active[data-v-6bcae87a]{transition:all var(--duration-normal) var(--ease-out)}.group-list-enter-from[data-v-6bcae87a]{opacity:0;transform:translateY(-20px)}.group-list-leave-to[data-v-6bcae87a]{opacity:0;transform:translateY(20px)}.group-list-leave-active[data-v-6bcae87a]{position:absolute}.ungrouped-section[data-v-6bcae87a]{background:#fff;border:2px dashed var(--color-neutral-300);border-radius:var(--radius-lg);padding:var(--space-4);transition:var(--transition-all)}.ungrouped-section.dragging-over[data-v-6bcae87a]{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-md)}.ungrouped-header[data-v-6bcae87a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-neutral-200)}.ungrouped-header h3[data-v-6bcae87a]{margin:0;color:var(--color-neutral-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.monster-grid[data-v-6bcae87a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.ungrouped-monster[data-v-6bcae87a]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);transition:var(--transition-all);cursor:grab;position:relative}.ungrouped-monster[data-v-6bcae87a]:hover{background:var(--color-neutral-100);box-shadow:var(--shadow-sm);border-color:var(--color-neutral-300)}.ungrouped-monster[data-v-6bcae87a]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.ungrouped-monster.dragging[data-v-6bcae87a]{opacity:.5}.monster-drag-icon[data-v-6bcae87a]{color:var(--color-neutral-400);display:flex;align-items:center;justify-content:center;flex-shrink:0}.monster-content[data-v-6bcae87a]{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.monster-name-row[data-v-6bcae87a]{display:flex;align-items:center;gap:var(--space-2)}.monster-name[data-v-6bcae87a]{font-weight:var(--font-weight-semibold);color:var(--color-neutral-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.monster-link[data-v-6bcae87a]{color:var(--color-primary-600);text-decoration:none;transition:color .2s ease}.monster-link[data-v-6bcae87a]:hover{color:var(--color-primary-700);text-decoration:underline}.monster-link[data-v-6bcae87a]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px;border-radius:var(--radius-sm)}.monster-count-badge[data-v-6bcae87a]{background:var(--color-primary-600);color:#fff;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.monster-stats-row[data-v-6bcae87a]{display:flex;gap:var(--space-2);flex-wrap:wrap}.stat[data-v-6bcae87a]{font-size:var(--font-size-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);padding:2px var(--space-2);border-radius:var(--radius-base)}.ungrouped-controls[data-v-6bcae87a]{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.btn[data-v-6bcae87a]{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn[data-v-6bcae87a]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.btn-primary[data-v-6bcae87a]{background:var(--color-primary-600);color:#fff}.btn-primary[data-v-6bcae87a]:hover{background:var(--color-primary-700);box-shadow:var(--shadow-sm)}.btn-secondary[data-v-6bcae87a]{background:var(--color-neutral-100);color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.btn-secondary[data-v-6bcae87a]:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-400)}.btn-sm[data-v-6bcae87a]{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-icon[data-v-6bcae87a]{background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;transition:var(--transition-colors);color:var(--color-neutral-600);flex-shrink:0}.btn-icon[data-v-6bcae87a]:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.btn-icon[data-v-6bcae87a]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.btn-split[data-v-6bcae87a]{color:var(--color-info-600)}.btn-split[data-v-6bcae87a]:hover{background:var(--color-info-100);color:var(--color-info-700)}.btn-remove[data-v-6bcae87a]{color:var(--color-error-600)}.btn-remove[data-v-6bcae87a]:hover{background:var(--color-error-100);color:var(--color-error-700)}.empty-state[data-v-6bcae87a]{text-align:center;padding:var(--space-12);background:#fff;border:2px dashed var(--color-neutral-300);border-radius:var(--radius-lg)}.empty-icon[data-v-6bcae87a]{font-size:64px;margin-bottom:var(--space-4)}.empty-state h3[data-v-6bcae87a]{color:var(--color-neutral-800);margin:0 0 var(--space-2) 0;font-size:var(--font-size-xl)}.empty-state p[data-v-6bcae87a]{color:var(--color-neutral-600);margin:0;font-size:var(--font-size-base)}.help-text[data-v-6bcae87a]{background:var(--color-info-50);border:1px solid var(--color-info-200);border-radius:var(--radius-md);padding:var(--space-4)}.help-text h4[data-v-6bcae87a]{margin:0 0 var(--space-2) 0;color:var(--color-info-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.help-text ul[data-v-6bcae87a]{margin:0;padding-left:var(--space-5);color:var(--color-info-700);font-size:var(--font-size-sm)}.help-text li[data-v-6bcae87a]{margin-bottom:var(--space-1)}.help-text kbd[data-v-6bcae87a]{background:#fff;border:1px solid var(--color-info-300);border-radius:var(--radius-sm);padding:2px var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-info-900);box-shadow:0 1px 0 var(--color-info-300)}@media (max-width: 768px){.tracker-header[data-v-6bcae87a]{flex-direction:column;align-items:flex-start}.header-actions[data-v-6bcae87a]{width:100%}.header-actions .btn[data-v-6bcae87a]{flex:1}.monster-grid[data-v-6bcae87a]{grid-template-columns:1fr}.help-text[data-v-6bcae87a]{display:none}}.modal-overlay[data-v-66d34c94]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content[data-v-66d34c94]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-66d34c94]{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-66d34c94]{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.btn-close[data-v-66d34c94]{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-neutral-500);cursor:pointer;padding:var(--space-2);line-height:1;transition:color .2s}.btn-close[data-v-66d34c94]:hover{color:var(--color-neutral-700)}.modal-body[data-v-66d34c94]{padding:var(--space-6);overflow-y:auto}.form-group[data-v-66d34c94]{margin-bottom:var(--space-4)}.form-label[data-v-66d34c94]{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.form-input[data-v-66d34c94]{width:100%;padding:var(--space-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s}.form-input[data-v-66d34c94]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}textarea.form-input[data-v-66d34c94]{resize:vertical;min-height:80px;font-family:inherit}.validation-error[data-v-66d34c94]{padding:var(--space-3);background:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-danger-700);margin-bottom:var(--space-4)}.encounter-summary[data-v-66d34c94]{padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200)}.encounter-summary h3[data-v-66d34c94]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.summary-stats[data-v-66d34c94]{display:flex;gap:var(--space-4);flex-wrap:wrap}.stat-item[data-v-66d34c94]{display:flex;gap:var(--space-2);align-items:baseline}.stat-label[data-v-66d34c94]{font-size:var(--font-size-sm);color:var(--color-neutral-600)}.stat-value[data-v-66d34c94]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.modal-footer[data-v-66d34c94]{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-neutral-200)}@media (max-width: 640px){.modal-content[data-v-66d34c94]{max-height:95vh}.modal-header[data-v-66d34c94],.modal-body[data-v-66d34c94],.modal-footer[data-v-66d34c94]{padding:var(--space-4)}.summary-stats[data-v-66d34c94]{flex-direction:column;gap:var(--space-2)}.modal-footer[data-v-66d34c94]{flex-direction:column}.modal-footer .btn[data-v-66d34c94]{width:100%}}.saved-encounters[data-v-cad457e0]{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);padding:var(--space-6)}.encounters-header[data-v-cad457e0]{margin-bottom:var(--space-4)}.encounters-header h3[data-v-cad457e0]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.empty-message[data-v-cad457e0]{margin:0;color:var(--color-neutral-500);font-style:italic}.count-message[data-v-cad457e0]{margin:0;color:var(--color-neutral-600);font-size:var(--font-size-sm)}.encounters-list[data-v-cad457e0]{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.encounter-card[data-v-cad457e0]{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);gap:var(--space-4);transition:all .2s}.encounter-card[data-v-cad457e0]:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.encounter-info[data-v-cad457e0]{flex:1;min-width:0}.encounter-name[data-v-cad457e0]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.encounter-description[data-v-cad457e0]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed)}.encounter-stats[data-v-cad457e0]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.stat-badge[data-v-cad457e0]{font-size:var(--font-size-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);padding:2px var(--space-2);border-radius:var(--radius-base)}.ev-badge[data-v-cad457e0]{background:var(--color-primary-100);color:var(--color-primary-700)}.target-badge[data-v-cad457e0]{background:var(--color-success-100);color:var(--color-success-700)}.encounter-meta[data-v-cad457e0]{font-size:var(--font-size-xs);color:var(--color-neutral-500)}.meta-date[data-v-cad457e0]{cursor:help}.encounter-actions[data-v-cad457e0]{display:flex;flex-direction:column;gap:var(--space-2)}.import-section[data-v-cad457e0]{padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);margin-bottom:var(--space-4)}.import-section h4[data-v-cad457e0]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.import-options[data-v-cad457e0]{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.import-option[data-v-cad457e0]{display:flex;flex-direction:column;gap:var(--space-2)}.import-label[data-v-cad457e0]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.file-input-wrapper[data-v-cad457e0]{display:flex;align-items:center;gap:var(--space-3)}.file-input-hidden[data-v-cad457e0]{display:none}.file-select-btn[data-v-cad457e0]{flex-shrink:0}.file-help-text[data-v-cad457e0]{font-size:var(--font-size-sm);color:var(--color-neutral-500);font-style:italic}.import-textarea[data-v-cad457e0]{width:100%;font-family:monospace;font-size:var(--font-size-sm);resize:vertical;min-height:120px}.import-actions[data-v-cad457e0]{display:flex;gap:var(--space-3);justify-content:flex-end}.error-message[data-v-cad457e0]{margin:var(--space-3) 0 0 0;padding:var(--space-3);background:var(--color-danger-50);border:1px solid var(--color-danger-200);border-radius:var(--radius-md);color:var(--color-danger-700);font-size:var(--font-size-sm)}.footer-actions[data-v-cad457e0]{padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200);display:flex;justify-content:center}.modal-overlay[data-v-cad457e0]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.confirmation-dialog[data-v-cad457e0]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);width:100%;max-width:400px;padding:var(--space-6)}.confirmation-dialog h3[data-v-cad457e0]{margin:0 0 var(--space-4) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.confirmation-dialog p[data-v-cad457e0]{margin:0 0 var(--space-3) 0;color:var(--color-neutral-700)}.warning-text[data-v-cad457e0]{color:var(--color-danger-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dialog-actions[data-v-cad457e0]{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}@media (max-width: 640px){.encounter-card[data-v-cad457e0]{flex-direction:column}.encounter-actions[data-v-cad457e0]{flex-direction:row;width:100%}.encounter-actions .btn[data-v-cad457e0]{flex:1}.file-input-wrapper[data-v-cad457e0]{flex-direction:column;align-items:stretch;gap:var(--space-2)}.file-help-text[data-v-cad457e0]{text-align:center}.import-actions[data-v-cad457e0],.dialog-actions[data-v-cad457e0]{flex-direction:column}.import-actions .btn[data-v-cad457e0],.dialog-actions .btn[data-v-cad457e0]{width:100%}}.encounter-templates[data-v-83167fe9]{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);padding:var(--space-6)}.templates-header[data-v-83167fe9]{text-align:center;margin-bottom:var(--space-6)}.templates-header h3[data-v-83167fe9]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.templates-header p[data-v-83167fe9]{margin:0;color:var(--color-neutral-600);font-size:var(--font-size-base)}.templates-grid[data-v-83167fe9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.template-card[data-v-83167fe9]{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:all .2s;border-left:4px solid var(--color-primary-500);display:flex;flex-direction:column;gap:var(--space-3)}.template-card[data-v-83167fe9]:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-header[data-v-83167fe9]{display:flex;flex-direction:column;gap:var(--space-2)}.template-name[data-v-83167fe9]{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.template-badges[data-v-83167fe9]{display:flex;gap:var(--space-2);flex-wrap:wrap}.stat-badge[data-v-83167fe9]{font-size:var(--font-size-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);padding:2px var(--space-2);border-radius:var(--radius-base)}.ev-badge[data-v-83167fe9]{background:var(--color-primary-100);color:var(--color-primary-700)}.template-description[data-v-83167fe9]{margin:0;font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-relaxed);flex:1}.template-monsters[data-v-83167fe9]{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.monster-preview[data-v-83167fe9]{display:flex;align-items:center;gap:var(--space-2)}.monster-count[data-v-83167fe9]{font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.monster-name[data-v-83167fe9]{color:var(--color-neutral-700)}.more-monsters[data-v-83167fe9]{color:var(--color-neutral-500);font-style:italic;margin-top:var(--space-1)}.template-card .btn[data-v-83167fe9]{margin-top:auto}.coming-soon[data-v-83167fe9]{text-align:center;padding:var(--space-8);color:var(--color-neutral-600);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-lg);margin:var(--space-4) 0}.coming-soon h4[data-v-83167fe9]{margin:0 0 var(--space-3) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-700)}.coming-soon p[data-v-83167fe9]{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);max-width:400px;margin:0 auto}@media (max-width: 768px){.templates-grid[data-v-83167fe9]{grid-template-columns:1fr}}.encounter-builder[data-v-be9107e6]{max-width:1400px;margin:0 auto;padding:var(--space-6)}.page-header[data-v-be9107e6]{margin-bottom:var(--space-8);text-align:center}.page-header h1[data-v-be9107e6]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.page-subtitle[data-v-be9107e6]{margin:0;font-size:var(--font-size-lg);color:var(--color-neutral-600)}.builder-layout[data-v-be9107e6]{display:grid;grid-template-columns:350px 1fr;gap:var(--space-6)}.builder-sidebar[data-v-be9107e6],.builder-main[data-v-be9107e6]{display:flex;flex-direction:column;gap:var(--space-6)}.section-card[data-v-be9107e6]{padding:var(--space-6);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm)}.section-card h2[data-v-be9107e6]{margin:0 0 var(--space-4) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.empty-state[data-v-be9107e6]{padding:var(--space-8);text-align:center;color:var(--color-neutral-500);font-style:italic}.encounter-name-section[data-v-be9107e6]{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-200)}.encounter-name-label[data-v-be9107e6]{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700)}.encounter-name-input[data-v-be9107e6]{width:100%;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-primary-700)}.search-section[data-v-be9107e6]{margin-bottom:var(--space-4)}.search-input[data-v-be9107e6]{width:100%;margin-bottom:var(--space-3)}.filter-controls[data-v-be9107e6]{display:flex;gap:var(--space-3)}.filter-select[data-v-be9107e6]{flex:1}.no-results[data-v-be9107e6]{padding:var(--space-6);text-align:center;color:var(--color-neutral-500);font-style:italic}.available-monsters[data-v-be9107e6]{display:flex;flex-direction:column;gap:var(--space-3);max-height:80vh;overflow-y:auto;color:var(--color-neutral-900)}@media (max-width: 1024px){.available-monsters[data-v-be9107e6]{max-height:60vh}}.available-monster[data-v-be9107e6]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);gap:var(--space-3);transition:all .2s}.available-monster[data-v-be9107e6]:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-sm)}.available-monster .monster-name[data-v-be9107e6]{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.monster-stats[data-v-be9107e6]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stat-badge[data-v-be9107e6]{font-size:var(--font-size-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);padding:2px var(--space-2);border-radius:var(--radius-base)}.ev-badge[data-v-be9107e6]{background:var(--color-primary-100);color:var(--color-primary-700)}.monster-add-buttons[data-v-be9107e6]{display:flex;gap:var(--space-2);flex-wrap:wrap}.results-note[data-v-be9107e6]{margin-top:var(--space-3);padding:var(--space-3);text-align:center;font-size:var(--font-size-sm);color:var(--color-neutral-600);background:var(--color-neutral-50);border-radius:var(--radius-md)}.malice-list[data-v-be9107e6]{display:flex;flex-direction:column;gap:var(--space-4)}.malice-entry[data-v-be9107e6]{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);gap:var(--space-4)}.malice-info[data-v-be9107e6]{flex:1}.malice-name[data-v-be9107e6]{margin:0 0 var(--space-2) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.malice-link[data-v-be9107e6]{color:var(--color-primary-600);text-decoration:none;transition:color .2s ease}.malice-link[data-v-be9107e6]:hover{color:var(--color-primary-700);text-decoration:underline}.malice-link[data-v-be9107e6]:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px;border-radius:var(--radius-sm)}.malice-stats[data-v-be9107e6]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.malice-flavor[data-v-be9107e6]{margin:var(--space-2) 0 0 0;font-size:var(--font-size-sm);color:var(--color-neutral-600);font-style:italic;line-height:var(--line-height-relaxed)}.available-malice[data-v-be9107e6]{display:flex;flex-direction:column;gap:var(--space-3);max-height:80vh;overflow-y:auto}@media (max-width: 1024px){.available-malice[data-v-be9107e6]{max-height:60vh}}.available-malice-item[data-v-be9107e6]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);gap:var(--space-3);transition:all .2s}.available-malice-item[data-v-be9107e6]:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-sm)}.available-malice-item .malice-name[data-v-be9107e6]{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.malice-flavor-preview[data-v-be9107e6]{margin:var(--space-1) 0 0 0;font-size:var(--font-size-xs);color:var(--color-neutral-600);font-style:italic;line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section-navigator[data-v-be9107e6]{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-neutral-200)}.section-content-container[data-v-be9107e6]{position:relative;min-height:400px}.section-content[data-v-be9107e6]{opacity:1;transition:opacity .2s ease-in-out}.nav-tab[data-v-be9107e6]{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);color:var(--color-neutral-700);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;text-align:center}.nav-tab[data-v-be9107e6]:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-400)}.nav-tab.active[data-v-be9107e6]{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;box-shadow:var(--shadow-sm)}.nav-tab.active[data-v-be9107e6]:hover{background:var(--color-primary-700);border-color:var(--color-primary-700)}@media (max-width: 1024px){.builder-layout[data-v-be9107e6]{grid-template-columns:1fr}.builder-sidebar[data-v-be9107e6]{order:2}.builder-main[data-v-be9107e6]{order:1}}.encounter-management[data-v-be9107e6]{padding:var(--space-6);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm)}.management-actions[data-v-be9107e6]{display:flex;flex-direction:column;gap:var(--space-3)}.management-actions .btn[data-v-be9107e6]{width:100%}@media (max-width: 640px){.encounter-builder[data-v-be9107e6]{padding:var(--space-4)}.available-monster[data-v-be9107e6]{flex-direction:column;align-items:stretch}.filter-controls[data-v-be9107e6]{flex-direction:column}.nav-tab[data-v-be9107e6]{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}}.malice-feature-block[data-v-fd5ec13f]{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%;position:relative}.malice-feature-block.edit-mode[data-v-fd5ec13f]{border-color:var(--color-warning-400);background:var(--color-warning-50)}.malice-feature-block[data-v-fd5ec13f]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--color-primary-500),var(--color-primary-700),var(--color-primary-500));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.malice-feature-block.edit-mode[data-v-fd5ec13f]:before{background:linear-gradient(to right,var(--color-warning-500),var(--color-warning-700),var(--color-warning-500))}.header[data-v-fd5ec13f]{text-align:center;margin-bottom:var(--space-4)}.malice-name[data-v-fd5ec13f]{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}.malice-name-edit[data-v-fd5ec13f]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:1px;background:transparent;border:2px solid var(--color-primary-300);border-radius:var(--radius-md);padding:var(--space-2);text-align:center;width:100%;margin-bottom:var(--space-2)}.malice-meta[data-v-fd5ec13f]{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.malice-type[data-v-fd5ec13f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);margin:0}.malice-level[data-v-fd5ec13f]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary-700)}.malice-type-edit[data-v-fd5ec13f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);background:transparent;border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);padding:var(--space-2);text-align:center;width:100%}.divider[data-v-fd5ec13f]{height:2px;background:linear-gradient(to right,transparent,var(--color-primary-600),transparent);margin:var(--space-4) 0}.flavor-section[data-v-fd5ec13f]{margin-bottom:var(--space-4)}.flavor-label[data-v-fd5ec13f]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-primary-600);margin-bottom:var(--space-2)}.flavor-text[data-v-fd5ec13f]{font-size:var(--font-size-base);color:var(--color-neutral-800);text-align:center;line-height:var(--line-height-relaxed)}.flavor-text p[data-v-fd5ec13f]{margin:0}.flavor-edit[data-v-fd5ec13f]{width:100%;font-size:var(--font-size-base);color:var(--color-neutral-700);border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);padding:var(--space-3);resize:vertical;min-height:80px}.features-section[data-v-fd5ec13f]{margin:var(--space-4) 0}.features-edit-header[data-v-fd5ec13f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.features-edit-header h3[data-v-fd5ec13f]{margin:0;color:var(--color-primary-600)}.add-buttons[data-v-fd5ec13f]{display:flex;gap:var(--space-2)}.features-list-edit[data-v-fd5ec13f]{display:flex;flex-direction:column;gap:var(--space-4)}.feature-edit-item[data-v-fd5ec13f]{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-neutral-50)}.feature-edit-header[data-v-fd5ec13f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);gap:var(--space-2)}.feature-edit-name[data-v-fd5ec13f]{flex:1}.feature-name-input[data-v-fd5ec13f]{width:100%;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-600);border:1px solid var(--color-primary-300);border-radius:var(--radius-sm);padding:var(--space-2)}.btn-edit-small[data-v-fd5ec13f]{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:1px solid var(--color-primary-600);color:var(--color-primary-600);background:transparent;cursor:pointer;transition:all .2s ease}.btn-edit-small[data-v-fd5ec13f]:hover{background:var(--color-primary-600);color:#fff}.feature-edit-preview[data-v-fd5ec13f]{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary-400)}.feature-effects[data-v-fd5ec13f]{margin-top:var(--space-2)}.effect-text[data-v-fd5ec13f]{margin-bottom:var(--space-2)}.feature-power-roll[data-v-fd5ec13f]{font-size:var(--font-size-sm);color:var(--color-primary-700);margin-bottom:var(--space-1)}.effect-description[data-v-fd5ec13f]{font-size:var(--font-size-sm);color:var(--color-neutral-700);line-height:var(--line-height-relaxed)}.tier-count[data-v-fd5ec13f]{font-size:var(--font-size-xs);color:var(--color-neutral-500);font-style:italic}.feature-meta-info[data-v-fd5ec13f]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.feature-type-badge[data-v-fd5ec13f]{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.feature-type-badge.feature[data-v-fd5ec13f]{background:var(--color-info-100);color:var(--color-info-700);border:1px solid var(--color-info-300)}.feature-type-badge.ability[data-v-fd5ec13f]{background:var(--color-success-100);color:var(--color-success-700);border:1px solid var(--color-success-300)}.feature-cost.missing[data-v-fd5ec13f]{background:var(--color-warning-100);color:var(--color-warning-700);border:1px solid var(--color-warning-300)}.ability-info[data-v-fd5ec13f]{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.ability-usage[data-v-fd5ec13f],.ability-distance[data-v-fd5ec13f],.ability-target[data-v-fd5ec13f]{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background:var(--color-neutral-100);border-radius:var(--radius-sm);color:var(--color-neutral-700)}.feature-cost-edit[data-v-fd5ec13f]{margin-bottom:var(--space-3)}.feature-cost-edit label[data-v-fd5ec13f]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-primary-600);margin-bottom:var(--space-1);font-size:var(--font-size-sm)}.feature-cost-input[data-v-fd5ec13f]{width:100%;border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);padding:var(--space-2)}.feature-effects-edit[data-v-fd5ec13f]{margin-bottom:var(--space-3)}.feature-effects-edit label[data-v-fd5ec13f]{display:block;font-weight:var(--font-weight-semibold);color:var(--color-primary-600);margin-bottom:var(--space-2)}.effect-edit[data-v-fd5ec13f]{margin-bottom:var(--space-4);padding:var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);background:var(--color-neutral-50)}.effect-description-edit[data-v-fd5ec13f]{width:100%;border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);padding:var(--space-2);resize:vertical;margin-bottom:var(--space-2)}.tier-effects-edit[data-v-fd5ec13f]{margin:var(--space-3) 0;padding:var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary-400)}.tier-effect-row[data-v-fd5ec13f]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.tier-effect-row label[data-v-fd5ec13f]{min-width:60px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.tier-input[data-v-fd5ec13f]{flex:1;border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);padding:var(--space-1);font-size:var(--font-size-sm)}.effect-controls[data-v-fd5ec13f]{display:flex;gap:var(--space-2);align-items:center}.feature[data-v-fd5ec13f]{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-neutral-50)}.feature[data-v-fd5ec13f]:last-child{margin-bottom:0}.feature-header[data-v-fd5ec13f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.feature-name[data-v-fd5ec13f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary-600);margin:0;flex:1;display:flex;align-items:center;gap:var(--space-2)}.power-roll-badge[data-v-fd5ec13f]{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)}.power-roll-badge.clickable[data-v-fd5ec13f]{cursor:pointer;transition:var(--transition-colors)}.power-roll-badge.clickable[data-v-fd5ec13f]:hover{background:var(--color-primary-100);color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.feature-cost[data-v-fd5ec13f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-error-700);background:var(--color-error-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-error-200)}.actions-list[data-v-fd5ec13f]{display:flex;flex-direction:column;gap:var(--space-2)}.edit-controls[data-v-fd5ec13f]{margin-top:var(--space-4)}.button-group[data-v-fd5ec13f]{display:flex;gap:var(--space-3);justify-content:center}.btn[data-v-fd5ec13f]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-success[data-v-fd5ec13f]{background:var(--color-success-600);color:#fff}.btn-success[data-v-fd5ec13f]:hover{background:var(--color-success-700)}.btn-secondary[data-v-fd5ec13f]{background:var(--color-neutral-600);color:#fff}.btn-secondary[data-v-fd5ec13f]:hover{background:var(--color-neutral-700)}.btn-outline[data-v-fd5ec13f]{border:1px solid var(--color-primary-600);color:var(--color-primary-600);background:transparent}.btn-outline[data-v-fd5ec13f]:hover{background:var(--color-primary-600);color:#fff}.btn-link[data-v-fd5ec13f]{background:transparent;border:none;color:var(--color-primary-600);text-decoration:underline;cursor:pointer;font-size:var(--font-size-sm)}.btn-link[data-v-fd5ec13f]:hover{color:var(--color-primary-700)}.btn-add-small[data-v-fd5ec13f],.btn-remove-small[data-v-fd5ec13f]{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);border-radius:var(--radius-sm);border:1px solid;cursor:pointer;transition:all .2s ease}.btn-add-small[data-v-fd5ec13f]{border-color:var(--color-success-600);color:var(--color-success-600);background:transparent}.btn-add-small[data-v-fd5ec13f]:hover{background:var(--color-success-600);color:#fff}.btn-remove-small[data-v-fd5ec13f]{border-color:var(--color-error-600);color:var(--color-error-600);background:transparent}.btn-remove-small[data-v-fd5ec13f]:hover{background:var(--color-error-600);color:#fff}.no-features[data-v-fd5ec13f]{text-align:center;padding:var(--space-6);color:var(--color-neutral-500);font-style:italic}.source-info[data-v-fd5ec13f]{margin-top:var(--space-4)}.source-text[data-v-fd5ec13f]{font-size:var(--font-size-xs);color:var(--color-neutral-500);text-align:center}@media (max-width: 768px){.malice-feature-block[data-v-fd5ec13f]{padding:var(--space-4)}.malice-name[data-v-fd5ec13f],.malice-name-edit[data-v-fd5ec13f]{font-size:var(--font-size-2xl)}.malice-type[data-v-fd5ec13f],.malice-type-edit[data-v-fd5ec13f]{font-size:var(--font-size-base)}.malice-level[data-v-fd5ec13f]{font-size:var(--font-size-sm)}.feature[data-v-fd5ec13f],.feature-edit-item[data-v-fd5ec13f]{padding:var(--space-3)}.feature-header[data-v-fd5ec13f]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.feature-name[data-v-fd5ec13f]{font-size:var(--font-size-lg)}.features-edit-header[data-v-fd5ec13f]{flex-direction:column;align-items:stretch;gap:var(--space-2)}.add-buttons[data-v-fd5ec13f]{justify-content:center}.button-group[data-v-fd5ec13f]{flex-direction:column}}@media (max-width: 480px){.malice-feature-block[data-v-fd5ec13f]{padding:var(--space-3)}.malice-name[data-v-fd5ec13f],.malice-name-edit[data-v-fd5ec13f]{font-size:var(--font-size-xl);letter-spacing:.5px}.feature[data-v-fd5ec13f],.feature-edit-item[data-v-fd5ec13f]{padding:var(--space-2)}.feature-name[data-v-fd5ec13f]{font-size:var(--font-size-base)}.tier-effects[data-v-fd5ec13f],.tier-effects-edit[data-v-fd5ec13f]{padding:var(--space-3)}.tier-outcome[data-v-fd5ec13f]{padding:var(--space-2)}.tier-number[data-v-fd5ec13f]{min-width:2.5rem;height:1.25rem;font-size:var(--font-size-xs);margin-right:var(--space-2);padding:0 var(--space-1)}.tier-effect-row[data-v-fd5ec13f]{flex-direction:column;align-items:stretch;gap:var(--space-1)}.action-mechanics[data-v-fd5ec13f]{flex-direction:column;gap:var(--space-1)}.action-usage[data-v-fd5ec13f],.action-distance[data-v-fd5ec13f],.action-target[data-v-fd5ec13f]{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}}.feature-effects[data-v-fd5ec13f] p{margin:0 0 var(--space-2) 0}.feature-effects[data-v-fd5ec13f] p:last-child{margin-bottom:0}.feature-effects[data-v-fd5ec13f] strong,.effect-description[data-v-fd5ec13f] strong{color:var(--color-primary-700)}.editor-modal-overlay[data-v-fd5ec13f]{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.editor-modal-container[data-v-fd5ec13f]{background:var(--color-neutral-50);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;width:800px}.editor-modal-overlay[data-v-fd5ec13f]::backdrop{background-color:#000000b3}.malice-view[data-v-d6c141e1]{min-height:100vh;background:var(--color-background-100);padding:var(--space-4)}.error-message[data-v-d6c141e1],.not-found[data-v-d6c141e1]{text-align:center;padding:var(--space-8);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:600px;margin:0 auto}.error-message h2[data-v-d6c141e1],.not-found h2[data-v-d6c141e1]{color:var(--color-danger-600);margin-bottom:var(--space-4)}.error-message p[data-v-d6c141e1],.not-found p[data-v-d6c141e1]{color:var(--color-neutral-600);margin-bottom:var(--space-6)}.malice-content[data-v-d6c141e1]{max-width:800px;margin:0 auto}.malice-nav[data-v-d6c141e1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding:var(--space-4);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.nav-link[data-v-d6c141e1]{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color .2s ease}.nav-link[data-v-d6c141e1]:hover{color:var(--color-primary-700);text-decoration:underline}.nav-actions[data-v-d6c141e1]{display:flex;gap:var(--space-3)}.btn[data-v-d6c141e1]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.btn-primary[data-v-d6c141e1]{background:var(--color-primary-600);color:#fff}.btn-primary[data-v-d6c141e1]:hover{background:var(--color-primary-700)}.btn-outline[data-v-d6c141e1]{border:1px solid var(--color-primary-600);color:var(--color-primary-600);background:transparent}.btn-outline[data-v-d6c141e1]:hover{background:var(--color-primary-600);color:#fff}.btn-secondary[data-v-d6c141e1]{background:var(--color-neutral-600);color:#fff}.btn-secondary[data-v-d6c141e1]:hover{background:var(--color-neutral-700)}.btn-danger[data-v-d6c141e1]{background:var(--color-danger-600);color:#fff}.btn-danger[data-v-d6c141e1]:hover{background:var(--color-danger-700)}.related-monsters[data-v-d6c141e1]{margin-top:var(--space-8);padding:var(--space-6);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.related-monsters h3[data-v-d6c141e1]{text-align:center;color:var(--color-primary-600);margin-bottom:var(--space-6);font-size:var(--font-size-2xl)}.divider[data-v-d6c141e1]{height:2px;background:linear-gradient(to right,transparent,var(--color-primary-600),transparent);margin:var(--space-4) 0}.monster-grid[data-v-d6c141e1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.monster-card[data-v-d6c141e1]{padding:var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-background-50);text-decoration:none;color:inherit;transition:all .2s ease}.monster-card[data-v-d6c141e1]:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.monster-card h4[data-v-d6c141e1]{margin:0 0 var(--space-2) 0;color:var(--color-primary-600);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.monster-info[data-v-d6c141e1]{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold)}.monster-keywords[data-v-d6c141e1]{font-size:var(--font-size-xs);color:var(--color-neutral-500);font-style:italic;line-height:var(--line-height-relaxed)}@media (max-width: 768px){.malice-view[data-v-d6c141e1]{padding:var(--space-2)}.malice-nav[data-v-d6c141e1]{flex-direction:column;gap:var(--space-3);align-items:stretch}.nav-actions[data-v-d6c141e1]{justify-content:center}.monster-grid[data-v-d6c141e1]{grid-template-columns:1fr}.related-monsters[data-v-d6c141e1]{padding:var(--space-4)}.related-monsters h3[data-v-d6c141e1]{font-size:var(--font-size-xl)}}@media (max-width: 480px){.malice-view[data-v-d6c141e1]{padding:var(--space-1)}.malice-nav[data-v-d6c141e1],.related-monsters[data-v-d6c141e1],.monster-card[data-v-d6c141e1]{padding:var(--space-3)}}