@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-tracking:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--tracking-widest:.1em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--primary-50:#eef2ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#111827;--gray-900:#0f172a;--background:#f8fafc;--surface:#fff;--surface-hover:#f9fafb;--text-primary:#0f172a;--text-secondary:#475569;--border-light:#e5e7eb;--text-on-dark:#f8fafcf5;--text-on-dark-muted:#e2e8f0d1;--text-on-surface:#0f172a;--text-on-surface-muted:#475569;--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;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-title:"Cinzel", "Trajan Pro", "Garamond", serif;--font-body:"Alegreya", "Crimson Text", "Georgia", serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--bg-ink:#1b1a17;--bg-stone:#2a2722;--paper:#efe2c7;--paper-2:#e7d7b8;--paper-edge:#c9b189;--paper-deep:#d5c09a;--ink:#2a231b;--ink-soft:#2a231bb8;--ink-muted:#2a231b80;--wood:#5a3a22;--wood-2:#6b4528;--wood-edge:#2c1b10;--wood-light:#a07050;--gold:#d2b16a;--gold-2:#b99343;--gold-bright:#f0cc70;--gold-deep:#7a5c1e;--good:#2f7d4a;--warn:#b9852c;--bad:#a33a2d;--info:#2f6d8a;--shadow-sm:0 2px 8px #00000038;--shadow-md:0 10px 30px #0000004d;--shadow-lg:0 20px 50px #00000061;--shadow-inset:inset 0 1px 0 #ffffff61, inset 0 -2px 8px #00000029;--line:#2b221838;--line-strong:#2b221861;--line-gold:#d2b16a47;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--parchment-50:#fdf9ee;--parchment-100:var(--paper);--parchment-200:var(--paper-2);--parchment-300:var(--paper-edge);--parchment-400:var(--paper-deep);--wood-900:#0f0900;--wood-800:#1a1005;--wood-700:var(--wood-edge);--wood-600:var(--wood);--wood-500:var(--wood-2);--wood-400:var(--wood-light);--wood-300:#c8a070;--gold-dark:var(--gold-2);--fern:#3a7a38;--danger:var(--bad);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.68, -.55, .265, 1.55);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-in-out-expo:cubic-bezier(.87, 0, .13, 1);--ease-spring:cubic-bezier(.68, -.55, .265, 1.55);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-glow:0 0 20px #3b82f64d;--shadow-glow-lg:0 0 40px #3b82f666;--glass-bg:#ffffffb3;--glass-border:#ffffff2e;--glass-blur:blur(12px);--surface-light:#f8f9fa;--surface-dark:#2d3748;--border-dark:#4a5568;--text-muted:#6b7280;--border-hover:#d1d5db;--danger-50:#fef2f2;--danger-200:#fecaca;--danger-700:#b91c1c;--warning-50:#fffbeb;--warning-200:#fed7aa;--warning-700:#b45309;--success-50:#f0fdf4;--success-200:#bbf7d0;--success-700:#15803d;--shadow-2xl:0 25px 50px -12px #00000040;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--ui-bg-main:url(/images/ui/gui_04_bg_03.png);--ui-bg-panel:url(/images/ui/gui_02_bg_02.png);--ui-bg-modal:url(/images/ui/gui_01_bg_03.png);--ui-plank:url(/images/ui/gui_04_plank_merged.png);--ui-title:url(/images/ui/gui_03_title.png);--ui-button:url(/images/ui/gui_03_button_01_bg.png);--ui-button-hover:url(/images/ui/gui_03_button_01_bg_x.png)}}@layer components{html{scroll-behavior:smooth;font-size:16px}body{background:radial-gradient(circle at 8% 0%,#3b82f61a 0%,transparent 36%),radial-gradient(circle at 92% 100%,#2563eb14 0%,transparent 34%),var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.main-content{min-height:calc(100vh - 64px)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}p{color:var(--text-secondary);line-height:1.6}a{color:inherit;text-decoration:none}.section,.card,.hero-section,.generator-card,.description-section,.evolution-section,.actions-section,.metadata-section,.evolution-card,.details-main,.details-sidebar,.action-card,.character-card,.auth-card,.header-content,.tabletop-modal-content,.tabletop-header,.tabletop-toolbar,.room-info,.token-controls,.mobile-nav-menu,.user-dropdown,.cheat-card,.cheatsheet-header,.form-section,.field-group,.quick-actions,.creator-header{--text-primary:var(--text-on-surface);--text-secondary:var(--text-on-surface-muted);color:var(--text-primary)}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.page-header{text-align:center;padding:var(--space-10) 0 var(--space-6)}.page-title{color:var(--text-primary);letter-spacing:-.02em;text-shadow:0 2px 12px #0f172a14;margin-bottom:var(--space-2);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800}.page-subtitle{max-width:60ch;color:var(--text-secondary);margin:0 auto;font-size:1rem}.section,.card{border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);background:#fff}.scroll-to-top{bottom:var(--space-4);right:var(--space-4);background:var(--primary-600);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:var(--transition-fast);z-index:1000;border:none;border-radius:50%;font-size:1rem;position:fixed}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background:var(--primary-700);transform:translateY(-2px)}.text-center{text-align:center}.text-muted{color:var(--text-secondary)!important}.text-danger{color:#dc3545!important}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-3{margin-bottom:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.d-flex{display:flex}.d-grid{display:grid}.gap-2{gap:var(--space-2)}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.main-navigation{border-bottom:1px solid var(--border-light);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:0;box-shadow:0 10px 25px #0f172a14}.nav-container{max-width:1200px;padding:0 var(--space-4);justify-content:space-between;align-items:center;height:68px;margin:0 auto;display:flex}.nav-brand .brand-link{align-items:center;gap:var(--space-2);color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;font-size:1.125rem;font-weight:700;display:flex}.brand-icon{font-size:1.4rem}.brand-text{font-weight:800}.nav-links{align-items:center;gap:var(--space-1);display:flex}.nav-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid #0000;padding:.55rem .85rem;font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);border-color:var(--gray-200);background:#fff;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.nav-active{box-shadow:0 10px 20px #16a34a40;color:#f8fafcfa!important;background:#16a34a!important}.auth-links{align-items:center;gap:var(--space-2);display:flex}.auth-links>.nav-item{border:1px solid var(--gray-200);background:#fff}.mobile-nav{border-bottom:1px solid var(--border-light);z-index:1000;background:#fff;display:none;position:sticky;top:0}.mobile-nav-header{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;height:56px;display:flex}.mobile-nav-brand .brand-link{align-items:center;gap:var(--space-2);color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;font-weight:700;display:flex}.mobile-nav-toggle{padding:var(--space-2);cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;display:flex}.hamburger-line{background:var(--gray-600);width:20px;height:2px;transition:var(--transition-fast)}.mobile-nav-menu{border-top:1px solid var(--border-light);padding:var(--space-2) 0;background:#fff;display:none}.mobile-nav-menu.show{display:block}.mobile-nav-section-title{padding:var(--space-2) var(--space-4);color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.mobile-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);transition:var(--transition-fast);font-weight:500;display:flex}.mobile-nav-item:hover{background:var(--gray-50)}.mobile-nav-active{background:var(--primary-50);color:var(--primary-600)}.user-menu{position:relative}.user-menu-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;background:#fff;font-family:inherit;font-size:.875rem;display:flex}.user-avatar{background:var(--primary-600);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.user-dropdown{top:calc(100% + var(--space-2));border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;min-width:180px;transition:var(--transition-fast);z-index:1000;background:#fff;position:absolute;right:0;transform:translateY(-8px)}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit;font-size:.875rem;display:flex}.dropdown-item:hover{background:var(--gray-50);color:var(--text-primary)}.dropdown-divider{background:var(--border-light);height:1px;margin:var(--space-1) 0}@media(max-width:768px){.main-navigation{display:none}.mobile-nav{display:block}.mobile-nav-header{padding:var(--space-2) var(--space-3);height:48px}.mobile-nav-brand .brand-link{gap:var(--space-1);font-size:.9375rem}.mobile-nav-menu{padding:var(--space-1) 0}.mobile-nav-section-title{padding:var(--space-1) var(--space-3);font-size:.6875rem}.mobile-nav-item{padding:var(--space-2) var(--space-3);gap:var(--space-2);font-size:.875rem}}.modern-footer{color:var(--text-secondary);border-top:1px solid var(--border-light);margin-top:var(--space-12);padding:var(--space-10) var(--space-4) var(--space-6);background:linear-gradient(#fff,#f8fafc)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:1fr 2fr;display:grid}.footer-logo{align-items:center;gap:var(--space-2);color:var(--text-primary);margin-bottom:var(--space-3);font-size:1.25rem;font-weight:700;display:flex}.footer-description{color:var(--text-secondary);max-width:56ch;font-size:.95rem;line-height:1.7}.footer-links{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.footer-title{color:var(--text-primary);margin-bottom:var(--space-3);font-size:.875rem;font-weight:600}.footer-list{list-style:none}.footer-link{color:var(--text-secondary);padding:var(--space-1) 0;transition:var(--transition-fast);font-size:.875rem;display:block}.footer-link:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-light);padding-top:var(--space-6);text-align:center}.footer-copyright{color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.modern-footer{padding:var(--space-6) var(--space-3) var(--space-4);margin-top:var(--space-6)}.footer-content{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr}.footer-links{gap:var(--space-3)}.footer-bottom{padding-top:var(--space-4)}}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:var(--transition-fast);cursor:pointer;border:none;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-secondary:hover{background:var(--gray-200);border-color:var(--primary-300)}.btn-outline-danger{color:#dc3545;background:0 0;border:1px solid #dc3545}.btn-outline-danger:hover{color:#fff;background:#dc3545}.btn-danger{color:#fff;background:#dc3545;border:1px solid #dc3545}.btn-danger:hover{background:#c82333}.btn-full{width:100%;padding:var(--space-3) var(--space-4);justify-content:center;font-size:1rem}input,select,textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-fast);background:#fff;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.home-container{max-width:1200px;padding:var(--space-8) var(--space-4) var(--space-12);align-items:stretch;gap:var(--space-10);flex-direction:column;margin:0 auto;display:flex}.home-banner{border-radius:var(--radius-xl);margin-bottom:var(--space-10);color:#f8fafc;box-shadow:var(--shadow-lg);flex-direction:column;width:100%;min-height:300px;padding:clamp(2rem,4vw,3.5rem);animation:.6s ease-out fadeInUp;display:flex}.home-banner-content{align-items:inherit;justify-content:inherit;flex-direction:column;width:100%;height:100%;display:flex}.home-banner h1{color:#f8fafc;margin:0 0 var(--space-3);font-size:clamp(2rem,4vw,3rem)}.home-banner p{color:#f8fafcd9;margin:0 0 var(--space-5);max-width:60ch;font-size:1.05rem}.home-banner-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-section{text-align:center;padding:var(--space-10) var(--space-4);margin-bottom:var(--space-10);background:linear-gradient(135deg,var(--primary-50) 0%,white 100%);border-radius:var(--radius-2xl);border:1px solid var(--primary-100)}.home-title{color:var(--primary-600);margin-bottom:var(--space-4);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.home-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);font-size:1.125rem;line-height:1.6}.hero-stats{justify-content:center;gap:var(--space-8);display:flex}.stat-item{text-align:center}.stat-number{color:var(--primary-600);margin-bottom:var(--space-1);font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.generator-cards{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:repeat(3,minmax(280px,1fr));justify-content:center;width:100%;display:grid}.generator-card{border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--gray-200);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);opacity:0;background:linear-gradient(#fff,#fbfdff);flex-direction:column;animation:.5s ease-out both fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a0f}.generator-card:before{content:"";background:linear-gradient(90deg,var(--primary-500),var(--primary-300));opacity:.85;height:3px;position:absolute;top:0;left:0;right:0}.generator-card:first-child{animation-delay:.1s}.generator-card:nth-child(2){animation-delay:.2s}.generator-card:nth-child(3){animation-delay:.3s}.generator-card:nth-child(4){animation-delay:.4s}.generator-card:nth-child(5){animation-delay:.5s}.generator-card:nth-child(6){animation-delay:.6s}.generator-card:nth-child(7){animation-delay:.7s}.generator-card:hover{border-color:var(--primary-200);transform:translateY(-6px);box-shadow:0 18px 36px #0f172a24}.generator-card.animon{border-top:3px solid #f59e0b}.generator-card.kid{border-top:3px solid #ec4899}.generator-card.cheatsheet{border-top:3px solid #3b82f6}.generator-card.rules{border-top:3px solid #06b6d4}.generator-card.api{border-top:3px solid #10b981}.generator-card.tabletop{border-top:3px solid #8b5cf6}.generator-card.tools{border-top:3px solid #f97316}.card-icon{border-radius:var(--radius-lg);background:var(--primary-50);width:46px;height:46px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:2.5rem;display:inline-flex}.card-image{width:calc(100% + var(--space-6) * 2);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-4);object-fit:cover;border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:160px;display:block}.card-title{color:var(--text-primary);margin-bottom:var(--space-2);transition:color var(--transition-fast);font-size:1.25rem;font-weight:700}.generator-card:hover .card-title{color:var(--primary-700)}.card-description{color:var(--text-secondary);margin-bottom:var(--space-4);flex-grow:1;font-size:.875rem;line-height:1.6}.card-features{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.feature-tag{color:var(--primary-700);border-radius:var(--radius-full);background:#eef5ff;border:1px solid #dbeafe;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.card-cta{padding:var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#f8fbff;border:1px solid #dbeafe;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.cta-text{color:var(--text-primary);font-size:.875rem;font-weight:600}.cta-arrow{color:var(--primary-600);transition:var(--transition-fast);font-weight:700}.generator-card:hover .cta-arrow{transform:translate(4px)}.generator-card:hover .card-cta{background:#f1f7ff;border-color:#bfdbfe}.features-section{margin-bottom:var(--space-10)}.features-title{text-align:center;color:var(--primary-600);margin-bottom:var(--space-8);font-size:2rem;font-weight:800}.features-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.feature-item{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-light);text-align:center;transition:var(--transition-normal);background:#fff}.feature-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.feature-icon{margin-bottom:var(--space-2);font-size:2rem}.feature-name{color:var(--text-primary);margin-bottom:var(--space-1);font-size:1rem;font-weight:600}.feature-description{color:var(--text-secondary);font-size:.875rem}@media(max-width:768px){.home-container{padding:var(--space-4) var(--space-3) var(--space-6)}.hero-section{padding:var(--space-4) var(--space-3);margin-bottom:var(--space-4)}.hero-stats{gap:var(--space-2);flex-direction:column}.generator-cards{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr}.generator-card{padding:var(--space-4)}.card-icon{margin-bottom:var(--space-2);font-size:2rem}.card-title{margin-bottom:var(--space-1);font-size:1.125rem}.card-description{margin-bottom:var(--space-3);font-size:.8125rem;line-height:1.5}.card-features{gap:var(--space-1);margin-bottom:var(--space-3)}.feature-tag{padding:2px var(--space-1);font-size:.6875rem}.card-cta{padding:var(--space-2)}.cta-text{font-size:.8125rem}.features-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}}.dashboard-container{max-width:1200px;padding:var(--space-6) var(--space-4);margin:0 auto}.dashboard-header{margin-bottom:var(--space-8)}.header-content{border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff}.dashboard-title{color:var(--primary-600);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.dashboard-subtitle{color:var(--text-secondary)}.character-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.character-card{border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff}.card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-actions{gap:var(--space-2);margin-top:var(--space-4);display:flex}.stats-display{gap:var(--space-4);margin-top:var(--space-4);display:grid}@media(min-width:640px)and (max-width:1023px){.stats-display{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.stats-display{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}}.stats-display .stat-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-normal);background:linear-gradient(135deg,#fff,#f8fafc);display:flex}.stats-display .stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200);transform:translateY(-2px)}.stats-display .stat-icon{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border:1px solid var(--primary-200);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.35rem;display:flex;position:relative}.stats-display .stat-icon:after{content:"";z-index:-1;filter:blur(6px);opacity:.9;background:radial-gradient(circle at 30% 30%,#3b82f640,#0000 60%),radial-gradient(circle at 70% 70%,#8b5cf62e,#0000 60%);border-radius:9999px;position:absolute;inset:-6px}.stats-display .stat-info{column-gap:var(--space-3);grid-template-columns:1fr auto;grid-template-areas:"label value""desc value";align-items:center;row-gap:2px;width:100%;min-width:0;display:grid}.stats-display .stat-info label{color:var(--text-primary);grid-area:label;margin:0;font-size:.875rem;font-weight:700}.stats-display .stat-value{color:var(--primary-700);grid-area:value;font-size:1.6rem;font-weight:800;line-height:1}.stats-display .stat-description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;grid-area:desc;font-size:.75rem;overflow:hidden}.action-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:var(--transition-normal);background:#fff;display:flex}.action-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.action-icon{background:var(--primary-50);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.action-title{color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.action-description{color:var(--text-secondary);font-size:.875rem}.action-arrow{color:var(--primary-600);margin-left:auto;font-weight:700}.actions-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.empty-state{text-align:center;padding:var(--space-8)}.empty-icon{margin-bottom:var(--space-3);opacity:.5;font-size:3rem}.empty-title{margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600}.empty-description{color:var(--text-secondary);margin-bottom:var(--space-4)}.traits-container{margin-top:var(--space-4)}.traits-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media(min-width:1024px){.traits-grid{grid-template-columns:repeat(3,minmax(220px,1fr));align-items:start}.trait-item{height:100%}}.trait-item{border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff}.trait-header h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-weight:700}.trait-description{margin:0 0 var(--space-3) 0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.trait-select{width:100%}@media(max-width:768px){.dashboard-container{padding:var(--space-4) var(--space-3)}.header-content{padding:var(--space-4)}.dashboard-title{font-size:1.5rem}.character-grid{gap:var(--space-3);grid-template-columns:1fr}}.auth-container{min-height:calc(100vh - 200px);padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--border-light);width:100%;max-width:420px;box-shadow:var(--shadow-lg);background:#fff}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-header .logo{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.auth-header .logo-icon{font-size:2rem}.auth-header .logo-text{color:var(--primary-600);font-size:1.5rem;font-weight:700}.auth-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);font-size:.875rem}.auth-form{margin-bottom:var(--space-6)}.auth-link{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--border-light)}.auth-link a{color:var(--primary-600);transition:var(--transition-fast);font-size:.875rem;font-weight:500}.auth-link a:hover{color:var(--primary-700);text-decoration:underline}.form-group{margin-bottom:var(--space-4)}.form-label{color:var(--text-primary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}.form-input,.form-control{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-fast);color:#1f2937;background:#fff;font-family:inherit;font-size:1rem}.form-input:focus,.form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-input::placeholder{color:#6b7280}select.form-input,textarea.form-input,select.form-input option{color:#1f2937;background-color:#fff}.form-control.is-invalid{border-color:#dc3545}.form-hint,small.form-hint,.form-text{color:#6b7280;margin-top:var(--space-1);font-size:.875rem;display:block}.invalid-feedback{color:#dc3545;margin-top:var(--space-1);font-size:.875rem}.form-actions{margin-top:var(--space-6)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-checkbox{align-items:center;gap:var(--space-2);display:flex}.form-checkbox input[type=checkbox]{width:auto;margin:0}.form-checkbox label{color:var(--text-secondary);cursor:pointer;font-size:.875rem}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:.875rem}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.alert-danger{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.alert-dismissible{padding-right:3rem;position:relative}.btn-close{top:50%;right:var(--space-3);cursor:pointer;opacity:.5;background:0 0;border:none;font-size:1.25rem;position:absolute;transform:translateY(-50%)}.btn-close:hover{opacity:1}.error-list{margin:0;padding:0;list-style:none}.error-item{padding:var(--space-1) 0}.modal{z-index:2000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.show{display:flex}.modal-dialog{border-radius:var(--radius-xl);color:#1f2937;background:#fff;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content{border-radius:var(--radius-xl);color:#1f2937;background:#fff}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.modal-body{padding:var(--space-6);color:#1f2937}.modal-body h1,.modal-body h2,.modal-body h3,.modal-body h4,.modal-body h5,.modal-body h6,.modal-body p,.modal-body label{color:#1f2937}.modal-body small{color:#4b5563}.modal-body input,.modal-body textarea,.modal-body select{color:#1f2937;background-color:#fff}.modal-body input::placeholder,.modal-body textarea::placeholder{color:#6b7280}.modal-footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);display:flex}.row{margin:0 calc(var(--space-4) * -.5);flex-wrap:wrap;display:flex}.col-md-6{max-width:50%;padding:0 calc(var(--space-4) * .5);flex:0 0 50%}.col-md-8{max-width:66.6667%;padding:0 calc(var(--space-4) * .5);flex:0 0 66.6667%}.me-md-2{margin-right:var(--space-2)}.justify-content-md-end{justify-content:flex-end}.card-header{background:var(--gray-50);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}.card-header h3,.card-header h4{margin:0;font-size:1.125rem;font-weight:600}@media(max-width:480px){.auth-card{padding:var(--space-6);margin:var(--space-4)}.auth-title{font-size:1.5rem}.form-row{grid-template-columns:1fr}}@media(max-width:768px){.col-md-6,.col-md-8{flex:0 0 100%;max-width:100%}.justify-content-md-end{justify-content:stretch}.me-md-2{margin-right:0}}.cheatsheet-container{max-width:1200px;padding:var(--space-6) var(--space-4) var(--space-10);margin:0 auto}.cheatsheet-header{text-align:center;margin-bottom:var(--space-6);padding:var(--space-6) var(--space-4);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#3b82f6,#6366f1,#1d4ed8);position:relative;overflow:hidden;box-shadow:0 12px 40px #3b82f659,0 4px 12px #0000001a}.cheatsheet-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffffff1f,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14,#0000 50%);position:absolute;inset:0}.cheatsheet-title{color:#fff;margin-bottom:var(--space-2);justify-content:center;align-items:center;gap:var(--space-3);text-shadow:0 2px 8px #00000026;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;display:flex;position:relative}.title-icon{filter:drop-shadow(0 2px 4px #00000026);padding:0;font-size:1.75rem}.cheatsheet-subtitle{color:#ffffffeb;margin-bottom:var(--space-4);font-size:1rem;font-weight:500;position:relative}.cheatsheet-search{max-width:480px;margin:0 auto;position:relative}.cheatsheet-search input{border-radius:var(--radius-full);color:#1e293b;background:#fffffff7;border:2px solid #0000;width:100%;padding:.7rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .25s;box-shadow:0 4px 16px #0000001f}.cheatsheet-search input::placeholder{color:#9ca3af;opacity:1}.cheatsheet-search input:focus{border-color:#fff9;outline:none;box-shadow:0 4px 24px #ffffff59}.cheatsheet-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cheat-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;transition:box-shadow .3s,transform .3s,border-color .3s;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a}.cheat-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a,0 4px 10px #0000000f}.cheat-card.wide{grid-column:span 2}.cheat-card[data-category=combat]{order:98}.cheat-card[data-category=rest]{order:99}.cheat-card .card-header{padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);border-bottom:none;display:flex;position:relative}.cheat-card .card-header:after{content:"";bottom:0;left:var(--space-4);right:var(--space-4);background:#fff3;height:1px;position:absolute}.cheat-card .card-header.mechanics-header{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.cheat-card .card-header.combat-header{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.cheat-card .card-header.stats-header{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.cheat-card .card-header.bond-header{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777)}.cheat-card .card-header.conditions-header{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.cheat-card .card-header.evolution-header{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.cheat-card .card-header.elements-header{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2)}.cheat-card .card-header{color:#fff;background:linear-gradient(135deg,#64748b,#475569)}.header-icon{filter:drop-shadow(0 2px 4px #0003);font-size:1.3rem}.cheat-card .card-title{color:inherit;text-shadow:0 1px 3px #0000001f;letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.cheat-card .card-body{padding:var(--space-4);background:#fff}.mechanics-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.mechanic-item{background:var(--gray-50);padding:var(--space-3);border-left:4px solid #3b82f6;border-radius:10px;transition:all .2s;box-shadow:0 1px 3px #0000000f}.mechanic-item:hover{background:#fff;transform:translate(3px);box-shadow:0 4px 12px #0000001a}.mechanic-icon{margin-bottom:2px;font-size:1.1rem}.mechanic-item h4{margin:0 0 var(--space-2);color:#1e293b;font-size:1rem;font-weight:700}.mechanic-details{flex-direction:column;gap:6px;display:flex}.detail-row{gap:var(--space-1);flex-wrap:wrap;align-items:baseline;display:flex}.detail-label{color:#475569;min-width:72px;font-size:.875rem;font-weight:700}.detail-value{color:#1e293b;flex:1;font-size:.875rem}.detail-value.highlight{color:#059669;background:#d1fae5;border-radius:6px;padding:2px 10px;font-size:.8125rem;font-weight:700}.detail-value.warning{color:#dc2626;background:#fee2e2;border-radius:6px;padding:2px 10px;font-size:.8125rem;font-weight:700}.difficulty-levels{flex-direction:column;gap:6px;display:flex}.difficulty-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border:2px solid;border-radius:10px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.difficulty-item:hover{transform:translate(4px);box-shadow:0 4px 10px #0000001a}.difficulty-item.easy{background:linear-gradient(90deg,#d1fae5,#fff 25%);border-color:#10b981}.difficulty-item.standard{background:linear-gradient(90deg,#dbeafe,#fff 25%);border-color:#3b82f6}.difficulty-item.hard{background:linear-gradient(90deg,#fee2e2,#fff 25%);border-color:#ef4444}.difficulty-badge{text-align:center;border-radius:20px;min-width:72px;padding:5px 14px;font-size:.8125rem;font-weight:700;box-shadow:0 2px 4px #0000001a}.difficulty-item.easy .difficulty-badge{color:#fff;background:#10b981}.difficulty-item.standard .difficulty-badge{color:#fff;background:#3b82f6}.difficulty-item.hard .difficulty-badge{color:#fff;background:#ef4444}.difficulty-desc{color:#1e293b;font-size:.875rem;font-weight:500}.combat-sequence{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.combat-sequence li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gray-50);border-left:4px solid #ef4444;border-radius:10px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.combat-sequence li:hover{background:#fff;transform:translate(4px);box-shadow:0 4px 10px #0000001a}.sequence-number{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 4px #ef44444d}.sequence-content{color:#1e293b;flex:1;font-size:.875rem;line-height:1.4}.stat-list{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cheat-card .stat-list .stat-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#fff;border-left:5px solid;border-radius:10px;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000f}.stat-item:hover{transform:translate(3px);box-shadow:0 4px 12px #0000001a}.stat-item.stat-power{background:linear-gradient(90deg,#fee2e2,#fff 30%);border-left-color:#ef4444}.stat-item.stat-heart{background:linear-gradient(90deg,#fce7f3,#fff 30%);border-left-color:#ec4899}.stat-item.stat-brains{background:linear-gradient(90deg,#f3e8ff,#fff 30%);border-left-color:#8b5cf6}.stat-item.stat-agility{background:linear-gradient(90deg,#dbeafe,#fff 30%);border-left-color:#3b82f6}.stat-icon{flex-shrink:0;font-size:1.35rem}.stat-content strong{color:#1e293b;margin-bottom:2px;font-size:.9375rem;font-weight:700;display:block}.stat-content p{color:#64748b;margin:0;font-size:.8125rem;line-height:1.3}.bond-actions{flex-direction:column;gap:6px;display:flex}.bond-action{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gray-50);border:2px solid #fce7f3;border-radius:10px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.bond-action:hover{background:#fff;border-color:#ec4899;transform:translate(4px);box-shadow:0 4px 12px #ec489933}.bond-cost{color:#fff;text-align:center;background:linear-gradient(135deg,#ec4899,#db2777);border-radius:14px;flex-shrink:0;min-width:46px;padding:4px 10px;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #ec489940}.bond-content strong{color:#1e293b;margin-bottom:1px;font-size:.875rem;font-weight:700;display:block}.bond-content p{color:#64748b;margin:0;font-size:.8125rem}.critical-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.critical-item{padding:var(--space-3);text-align:center;background:linear-gradient(135deg,#fffbeb,#fff);border:2px solid #f59e0b;border-radius:10px;transition:all .2s;box-shadow:0 1px 4px #f59e0b1f}.critical-item:hover{border-color:#d97706;transform:translateY(-3px);box-shadow:0 6px 18px #f59e0b40}.critical-item h4{color:#1e293b;margin:0 0 4px;font-size:.875rem;font-weight:700}.critical-item p{color:#64748b;margin:0;font-size:.75rem;line-height:1.3}.conditions-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.condition-item{padding:var(--space-2);text-align:center;border:1.5px solid;border-radius:10px;transition:all .2s;box-shadow:0 1px 4px #0000000f}.condition-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.condition-item.negative{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#fca5a5}.condition-item.positive{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-color:#6ee7b7}.condition-icon{margin-bottom:2px;font-size:1.1rem;display:block}.condition-item h5{color:#1e293b;margin:0 0 2px;font-size:.8125rem;font-weight:700}.condition-item p{color:#475569;margin:0;font-size:.7rem;line-height:1.2}.stats-table{margin-bottom:var(--space-3);-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto;box-shadow:0 1px 4px #0000000f}.stats-table table{border-collapse:collapse;background:#fff;width:100%;font-size:.9375rem}.stats-table th,.stats-table td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:middle;border-bottom:1px solid #f1f5f9}.stats-table th{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#1e293b,#334155);font-size:.8125rem;font-weight:700}.stats-table tbody tr{height:48px;transition:background .2s}.stats-table tbody tr:nth-child(2n){background:#f8fafc}.stats-table tbody tr:hover{background:#eef2ff}.stats-table td{color:#1e293b;font-size:.9375rem;font-weight:600}.stats-table td strong{color:#1e293b;font-weight:700}.matchup-elements{flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;display:flex}.matchup-elements .element-badge{justify-content:center;min-width:86px}.element-badge{white-space:nowrap;border:1px solid;border-radius:14px;align-items:center;gap:3px;padding:4px 10px;font-size:.8125rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0000001a}.element-badge.fire{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#b91c1c}.element-badge.water{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8}.element-badge.earth{color:#fff;background:linear-gradient(135deg,#a16207,#92400e);border-color:#78350f}.element-badge.air{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b);border-color:#475569}.element-badge.ice{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#0e7490}.element-badge.plant{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#047857}.element-badge.electric{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b45309}.element-badge.shadow{color:#fff;background:linear-gradient(135deg,#475569,#334155);border-color:#1e293b}.element-badge.light{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#d97706}.rule-box{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-3);background:#fff;border:2px solid;border-left-width:5px;border-radius:10px;display:flex;box-shadow:0 1px 4px #0000000f}.rule-box.highlight-box{background:linear-gradient(90deg,#fef3c7,#fffcf5 30%,#fff);border-color:#f59e0b}.rule-box.info-box{background:linear-gradient(90deg,#dbeafe,#eff6ff 30%,#fff);border-color:#3b82f6}.rule-icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.rule-content p{margin:0 0 var(--space-1);color:#1e293b;padding:0;font-size:.9375rem;font-weight:500;line-height:1.5}.rule-content p:last-child{margin-bottom:0}.cheat-list{margin:0 0 var(--space-3);padding-left:var(--space-5)}.cheat-list li{color:#1e293b;margin-bottom:6px;padding:2px 0;font-size:.9375rem;line-height:1.5}.cheat-list li strong{color:#0f172a;font-weight:700}.cheat-card h4{color:#1e293b;margin:0 0 var(--space-2);padding:2px 0 var(--space-2) 0;border-bottom:1px solid #e2e8f0;font-size:1rem;font-weight:700}@media(max-width:900px){.cheatsheet-container{padding:var(--space-4) var(--space-3) var(--space-8)}.cheatsheet-header{padding:var(--space-5) var(--space-4);border-radius:var(--radius-xl)}.cheatsheet-grid{gap:var(--space-3);grid-template-columns:1fr}.cheat-card.wide{grid-column:span 1}.mechanics-grid{grid-template-columns:1fr}.conditions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-list,.critical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-table th,.stats-table td{padding:var(--space-2);font-size:.875rem}.matchup-elements .element-badge{min-width:74px;padding:3px 7px;font-size:.75rem}}@media(max-width:580px){.cheatsheet-container{padding:var(--space-3) var(--space-2) var(--space-6)}.cheatsheet-header{padding:var(--space-4) var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-lg)}.cheatsheet-title{gap:var(--space-2);font-size:1.35rem}.title-icon{font-size:1.4rem}.cheatsheet-subtitle{margin-bottom:var(--space-3);font-size:.875rem}.cheatsheet-search input{padding:.6rem 1rem;font-size:.875rem}.cheatsheet-grid{gap:var(--space-2)}.cheat-card .card-header{padding:var(--space-2) var(--space-3)}.cheat-card .card-title{font-size:.9375rem}.header-icon{font-size:1.1rem}.cheat-card .card-body{padding:var(--space-3)}.cheat-card:hover{transform:none}.stat-list{grid-template-columns:1fr}.conditions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.condition-icon{font-size:.95rem}.condition-item h5{font-size:.75rem}.condition-item p{font-size:.65rem}.critical-item{padding:var(--space-2)}.critical-item h4{font-size:.8125rem}.critical-item p{font-size:.7rem}.stats-table{border-radius:8px}.stats-table th,.stats-table td{padding:6px 8px;font-size:.8125rem}.stats-table th{letter-spacing:.3px;font-size:.6875rem}.stats-table tbody tr{height:auto}.matchup-elements{flex-wrap:wrap;gap:4px}.matchup-elements .element-badge{min-width:0;padding:2px 6px;font-size:.6875rem}.element-badge{padding:3px 7px;font-size:.75rem}.bond-action{padding:var(--space-2)}.bond-cost{min-width:42px;padding:3px 8px;font-size:.7rem}.combat-sequence li{padding:var(--space-2)}.sequence-number{width:24px;height:24px;font-size:.7rem}.sequence-content{font-size:.8125rem}.rule-box{padding:var(--space-2);gap:var(--space-2)}.rule-content p{font-size:.8125rem;line-height:1.4}.cheat-list li{margin-bottom:4px;font-size:.8125rem}.cheat-card h4,.mechanic-item h4{font-size:.9375rem}.detail-label,.detail-value{font-size:.8125rem}.difficulty-badge{min-width:60px;padding:4px 10px;font-size:.75rem}.difficulty-desc{font-size:.8125rem}}.api-reference-container{max-width:1400px;padding:var(--space-6) var(--space-4);background:linear-gradient(#f1f5f9,#fff);min-height:100vh;margin:0 auto}.api-header{text-align:center;margin-bottom:var(--space-8);padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0f172a66,0 4px 12px #0003}.api-header:before{content:"";pointer-events:none;background:linear-gradient(135deg,#3b82f61a,#10b9811a);position:absolute;inset:0}.api-title{color:#fff;margin-bottom:var(--space-3);justify-content:center;align-items:center;gap:var(--space-3);text-shadow:0 2px 8px #0000004d;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;display:flex;position:relative}.api-subtitle{color:#ffffffe6;margin-bottom:var(--space-6);font-size:1.125rem;font-weight:500;position:relative}.api-base-url{align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:inline-flex;position:relative}.base-url-label{color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.base-url-value{color:#10b981;background:#0000004d;border-radius:4px;padding:4px 12px;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.api-search{max-width:500px;margin:0 auto;position:relative}.api-search input{background:#fff;border:2px solid #0000;transition:all .2s;box-shadow:0 4px 12px #00000026}.api-search input:focus{border-color:#10b981;box-shadow:0 4px 20px #10b9814d}.api-content{gap:var(--space-6);flex-direction:column;display:flex}.api-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px #0000000d,0 2px 4px #00000008}.api-section:hover{box-shadow:0 12px 24px #00000014,0 4px 8px #0000000a}.section-header{padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);color:#fff;border-bottom:2px solid;display:flex}.section-header.auth-header{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-bottom-color:#5b21b6}.section-header.characters-header{background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-color:#1d4ed8}.section-header.animons-header{background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom-color:#b45309}.section-header.evolution-header{background:linear-gradient(135deg,#10b981,#059669);border-bottom-color:#047857}.section-header.humans-header{background:linear-gradient(135deg,#ec4899,#db2777);border-bottom-color:#be185d}.section-header.pairs-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom-color:#6d28d9}.section-header.tabletop-header{background:linear-gradient(135deg,#ef4444,#dc2626);border-bottom-color:#b91c1c}.section-header.sessions-header{background:linear-gradient(135deg,#06b6d4,#0891b2);border-bottom-color:#0e7490}.section-header.uploads-header{background:linear-gradient(135deg,#64748b,#475569);border-bottom-color:#334155}.section-header.broadcast-header{background:linear-gradient(135deg,#14b8a6,#0d9488);border-bottom-color:#0f766e}.section-header.help-header{background:linear-gradient(135deg,#f97316,#ea580c);border-bottom-color:#c2410c}.section-title{color:#fff;text-shadow:0 1px 2px #0000001a;margin:0;font-size:1.25rem;font-weight:700}.section-body{padding:var(--space-5);background:#fafafa}.auth-notice{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:linear-gradient(90deg,#ede9fe,#f5f3ff,#fff);border-left:4px solid #7c3aed;border-radius:10px;display:flex;box-shadow:0 2px 4px #0000000d}.notice-icon{flex-shrink:0;font-size:1.5rem}.notice-content p{margin:0 0 var(--space-2);color:#1e293b;font-size:.9375rem;line-height:1.6}.notice-content p:last-child{margin-bottom:0}.notice-content code{color:#7c3aed;background:#0000000d;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:.875rem;font-weight:600}.endpoint-card{margin-bottom:var(--space-4);background:#fff;border:2px solid #e2e8f0;border-radius:10px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.endpoint-card:last-child{margin-bottom:0}.endpoint-card:hover{border-color:#cbd5e1;transform:translate(4px);box-shadow:0 4px 8px #0000001a}.endpoint-card.featured{background:linear-gradient(90deg,#fffbeb,#fff 40%);border-color:#fbbf24}.endpoint-card.featured:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.endpoint-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.http-method,.method{text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:6px;min-width:60px;padding:4px 12px;font-size:.75rem;font-weight:800;box-shadow:0 2px 4px #0000001a}.http-method.get,.method.get{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.http-method.post,.method.post{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.http-method.put,.method.put{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.http-method.delete,.method.delete{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.endpoint-path{color:#1e293b;flex:1;font-family:Courier New,monospace;font-size:.9375rem;font-weight:600}.endpoint-body{padding:var(--space-4)}.endpoint-description{margin:0 0 var(--space-3);color:#475569;font-size:.9375rem;line-height:1.6}.endpoint-meta{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.meta-badge{align-items:center;gap:var(--space-1);border-radius:20px;padding:4px 12px;font-size:.8125rem;font-weight:600;display:inline-flex}.meta-badge.auth-required{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.meta-badge.public-badge{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.meta-badge.featured-badge{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.meta-badge.file-badge{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.endpoint-params{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid #e2e8f0}.endpoint-params h4{color:#1e293b;margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:700}.param-item{align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;display:flex}.param-item:last-child{border-bottom:none}.param-name{color:#7c3aed;background:#f5f3ff;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:.875rem;font-weight:700}.param-type{color:#64748b;font-size:.8125rem;font-style:italic}.param-desc{color:#475569;flex:1;min-width:200px;font-size:.875rem}.swagger-container{background:linear-gradient(135deg,#667eea,#764ba2);height:calc(100vh - 60px);display:flex;overflow:hidden}.swagger-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;width:300px;overflow-y:auto;box-shadow:2px 0 15px #0000001a}.swagger-info{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #0000001a;padding:2rem 1.5rem}.swagger-logo{color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.swagger-version{background:#fff3;border-radius:12px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.swagger-base-url{margin-top:1rem}.base-url-code{word-break:break-all;cursor:pointer;background:#0003;border-radius:8px;padding:.75rem;font-family:Monaco,Courier New,monospace;font-size:.875rem;transition:all .2s;display:block}.base-url-code:hover{background:#0000004d;transform:translateY(-1px)}.swagger-nav{padding:1rem 0}.nav-link{color:#4a5568;border-left:3px solid #0000;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-link:hover{color:#667eea;background:#667eea1a;border-left-color:#667eea}.nav-link.active{color:#667eea;background:#667eea26;border-left-color:#667eea;font-weight:600}.swagger-content{background:#fff;flex:1;padding:3rem;overflow-y:auto}.swagger-content .api-section{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:3rem;scroll-margin-top:2rem}.swagger-content .api-section:hover{box-shadow:none}.swagger-content .section-title{color:#1a202c;text-shadow:none;border-bottom:3px solid #667eea;margin-bottom:.75rem;padding-bottom:.75rem;font-size:1.875rem;font-weight:700}.section-desc{color:#4a5568;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.code-block{border-radius:8px;margin:1.5rem 0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.code-header{color:#fff;background:#2d3748;border-bottom:2px solid #667eea;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.code-block pre{color:#68d391;background:#1a202c;margin:0;padding:1.25rem;font-size:.9375rem;overflow-x:auto}.code-block code{font-family:Monaco,Courier New,monospace}.endpoint{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;transition:all .2s;box-shadow:0 1px 3px #0000000d}.endpoint:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.endpoint-row{align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.path{color:#1a202c;flex:1;font-family:Monaco,Courier New,monospace;font-size:.9375rem;font-weight:600}.summary{color:#64748b;font-size:.875rem}.toggle{color:#667eea;margin-left:auto;font-size:.875rem;font-weight:700}.endpoint-details{border-top:1px solid #e2e8f0;padding:0 1.25rem 1.25rem;animation:.2s ease-out slideDown;display:none}.endpoint-details p{color:#4a5568;margin-bottom:1rem;line-height:1.6}.detail-group{margin-top:1.25rem}.detail-group h4{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.875rem;font-weight:700}.param-table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:6px;width:100%;margin-top:.5rem;overflow:hidden}.param-table tr{border-bottom:1px solid #e2e8f0}.param-table tr:last-child{border-bottom:none}.param-table td{vertical-align:top;padding:.75rem;font-size:.875rem}.param-table td:first-child{color:#667eea;background:#f7fafc;width:25%;font-family:Monaco,Courier New,monospace;font-weight:600}.param-table td:nth-child(2){color:#718096;width:20%}.param-table td:nth-child(3){color:#a0aec0;text-transform:uppercase;width:15%;font-size:.8125rem;font-weight:600}.param-table td:nth-child(4){color:#4a5568;width:40%}.response{background:#f7fafc;border-radius:6px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.625rem;font-size:.875rem;display:flex}.status-200,.status-201{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;min-width:40px;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.status-400,.status-401,.status-404,.status-500{color:#fff;text-align:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:4px;min-width:40px;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-block}.badge{border-radius:6px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-block}.badge.auth{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 4px #fbbf244d}@media(max-width:768px){.api-reference-container{padding:var(--space-4) var(--space-3)}.api-header{padding:var(--space-6) var(--space-4)}.api-title{font-size:1.5rem}.api-subtitle{font-size:1rem}.api-base-url{text-align:center;gap:var(--space-2);flex-direction:column}.base-url-value{word-break:break-all;font-size:.875rem}.section-header{padding:var(--space-3) var(--space-4)}.section-title{font-size:1.125rem}.section-body{padding:var(--space-4)}.endpoint-header{flex-wrap:wrap}.endpoint-path{word-break:break-all;font-size:.8125rem}.param-item{align-items:flex-start;gap:var(--space-1);flex-direction:column}.swagger-container{flex-direction:column;height:auto}.swagger-sidebar{z-index:100;width:100%;max-height:50vh;position:sticky;top:0}.swagger-content{padding:1.5rem 1rem}.swagger-content .section-title{font-size:1.5rem}.endpoint-row{flex-wrap:wrap;gap:.5rem}.method{min-width:50px;padding:.25rem .5rem;font-size:.6875rem}.path{word-break:break-all;font-size:.8125rem}.summary{width:100%;font-size:.8125rem}.param-table{font-size:.8125rem}.param-table td{padding:.5rem}}body{min-height:100vh;color:var(--ink);font-size:1.05rem;display:block;overflow-x:hidden;flex-direction:unset!important;grid-template-columns:unset!important;grid-template-areas:unset!important;font-family:var(--font-body)!important;background:radial-gradient(1200px 700px at 35% 15%,#ffffff0f,#0000 60%),radial-gradient(900px 500px at 72% 62%,#ffd27812,#0000 55%),linear-gradient(#24211d,#141311)!important}.main-content{width:100%;min-height:calc(100vh - 68px);padding:0 var(--space-4,1rem);box-sizing:border-box;max-width:100%!important;margin-left:0!important;padding-left:0!important}.page-wrapper{box-sizing:border-box;background-color:#0000;background-image:linear-gradient(#140e0973,#140e099e),url(/images/background.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:18px;flex-direction:column;gap:1.35rem;max-width:1280px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,2vw,2rem) 3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 60px #00000061}.page-wrapper:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 18%,#ffbf532e,#0000 44%),radial-gradient(circle at 80% 80%,#ff924d24,#0000 40%);position:absolute;inset:0}.page-wrapper>*{z-index:1;position:relative}.parchment-card{background:linear-gradient(180deg,#fff6,#0000000a),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border:4px solid var(--wood-edge);box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 12px 48px #00000059,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73;border-radius:12px;padding:1.5rem;position:relative}.parchment-card:before{content:"";pointer-events:none;z-index:1;border:1px solid #d2b16a38;border-radius:8px;position:absolute;inset:0}.page-header-fantasy{text-align:center;padding:1rem 0}.page-header-fantasy h1{text-shadow:0 2px 8px #00000080;letter-spacing:.02em;margin:0;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;font-family:var(--font-title)!important;color:var(--paper)!important}.page-header-fantasy p{font-family:var(--font-body);color:#efe2c7cc;margin:.5rem 0 0;font-size:1rem}.mobile-nav{display:none!important}@media(max-width:768px){.main-navigation{display:none!important}.mobile-nav{display:block!important}.page-wrapper{border-radius:0;margin:0;padding:1rem .75rem 2rem}}h1,h2,h3,h4,h5,h6{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--ink);font-family:var(--font-title)!important}p{font-family:var(--font-body)}label{font-family:var(--font-ui);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--ink-soft)}.stat,.chip,.badge,.tag,.action-title,.qa-label,.panel-title,.char-card-title,.trainer-badge,.sidebar-badge,.feature-tag,.char-tag{font-family:var(--font-ui)!important}.text-primary{color:var(--ink)!important}.text-secondary{color:var(--ink-soft)!important}.page-title{text-shadow:0 2px 8px #00000080;font-family:var(--font-title)!important;color:#f0e2c4!important}.page-subtitle,.dashboard-subtitle{font-family:var(--font-body)!important;color:#f0e2c4d1!important}.dashboard-title{text-shadow:0 2px 12px #0000008c;font-family:var(--font-title)!important;color:#f0e2c4!important}.section h1,.section h2,.section h3,.section h4,.card h1,.card h2,.card h3,.card h4,.character-card h1,.character-card h2,.character-card h3,.character-card h4,.cheat-card h1,.cheat-card h2,.cheat-card h3,.form-section h1,.form-section h2,.form-section h3,.panel-title,.char-name,.auth-title,.card-header h3,.empty-title,.action-title,.qa-label,.evo-stage-name{font-family:var(--font-title)!important;color:var(--ink)!important}.section p,.card p,.character-card p,.cheat-card p,.form-section p,.char-desc,.card-description,.empty-description,.action-description,.qa-desc{font-family:var(--font-body)!important;color:var(--ink-soft)!important}strong{color:var(--ink)}.main-navigation,header.main-navigation{top:calc(var(--spacing) * 0);width:100%;display:block;position:sticky;overflow:visible;height:auto!important;max-height:none!important;min-height:unset!important;z-index:1000!important;left:unset!important;box-shadow:0 4px 20px #0000006b,0 1px 0 var(--line-gold)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:radial-gradient(900px 180px at 20%,#d2b16a14,#0000 55%),linear-gradient(#3a332b,#2a241e)!important;border-bottom:1px solid #ffffff0f!important;flex-direction:row!important}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;margin-inline:auto;display:flex;gap:1rem!important;max-width:1280px!important;height:62px!important;padding:0 1.25rem!important}.nav-links{flex-flow:row;align-items:center;height:100%;display:flex;gap:.25rem!important}.auth-links{flex-direction:row;align-items:center;display:flex;gap:.5rem!important}.brand-link{align-items:center;gap:calc(var(--spacing) * 2.5);display:flex}.brand-gem{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold-2) 100%);border-radius:10px;flex-shrink:0;width:28px;height:28px;display:inline-block;box-shadow:0 6px 16px #0000004d,inset 0 1px #ffffff59}.brand-text{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-transform:uppercase;font-family:var(--font-title)!important;color:#f0e2c4!important;letter-spacing:.08em!important;text-shadow:0 2px #0006!important}.nav-item{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);font-family:var(--font-ui)!important;letter-spacing:.01em!important;color:#f0e2c4bf!important;border-radius:var(--radius-md)!important;background:#00000024!important;border:1px solid #0000!important;padding:.5rem .8rem!important;font-size:.775rem!important;transition:background .15s,border-color .15s,color .15s!important}.nav-item:hover{border-color:var(--line-gold)!important;color:#f5e9cc!important;box-shadow:none!important;background:#0000003d!important;transform:none!important}.nav-active{color:var(--gold-bright)!important;background:linear-gradient(#d2b16a38,#0003)!important;border-color:#d2b16a52!important;box-shadow:0 6px 14px #00000038!important}.nav-icon{opacity:.75}.nav-active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.auth-links>.nav-item{border-color:#ffffff14!important}.user-menu-toggle{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);padding:.45rem .8rem;transition:all .15s;display:flex;font-family:var(--font-ui)!important;color:#f0e2c4cc!important;background:#0000002e!important;border:1px solid #ffffff14!important;font-size:.775rem!important}.user-menu-toggle:hover{border-color:var(--line-gold)!important;color:#f5e9cc!important;background:#00000047!important}.user-avatar{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);background:linear-gradient(180deg,var(--gold-bright),var(--gold-2));width:26px;height:26px;color:var(--ink);font-size:.72rem;font-family:var(--font-ui);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 8px #00000040}.dropdown-arrow{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));opacity:.5}.user-dropdown{box-shadow:var(--shadow-md)!important;border-radius:var(--radius-md)!important;background:linear-gradient(#3a332b,#2a241e)!important;border:1px solid #ffffff14!important}.dropdown-item{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);font-family:var(--font-ui)!important;color:#f0e2c4bf!important;padding:.55rem 1rem!important;font-size:.775rem!important}.dropdown-item:hover{color:#f5e9cc!important;background:#d2b16a1f!important}.dropdown-divider{border-color:#ffffff14!important}.logout-item{color:#ffb4b4a6!important}.logout-item:hover{color:#fca5a5!important;background:#a33a2d24!important}.mobile-nav{background:linear-gradient(#3a332b,#2a241e)!important;border-bottom:1px solid #ffffff0f!important}.mobile-nav-brand .brand-link{color:#f0e2c4!important}.hamburger-line{background:#f0e2c4bf!important}.mobile-nav-menu{background:#2a241e!important;border-top-color:#ffffff0f!important}.mobile-nav-section-title{font-family:var(--font-ui);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:#d2b16a8c!important}.mobile-nav-item{font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#f0e2c4bf!important}.mobile-nav-item:hover{color:#f5e9cc!important;background:#d2b16a1a!important}.mobile-nav-active{color:var(--gold-bright)!important;background:#d2b16a2e!important}.mobile-nav-button{cursor:pointer;--tw-border-style:none;text-align:left;background-color:#0000;border-style:none;width:100%}.section,.card,.character-card,.action-card,.generator-card,.auth-card,.cheat-card,.form-section,.field-group,.hero-section,.cheatsheet-header,.creator-header,.page-header,.panel{background:linear-gradient(180deg,#ffffff61,#0000000a),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:4px solid var(--wood-edge)!important;box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 8px 28px #0000004d,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73!important;color:var(--ink)!important;border-radius:12px!important}.section:before,.card:before,.character-card:before,.generator-card:before,.panel:before{background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-bright),var(--gold),var(--gold-deep))!important;opacity:1!important;height:3px!important}.hero-section:after,.home-container:before{content:"";pointer-events:none;inset:calc(var(--spacing) * 0);mix-blend-mode:multiply;opacity:.45;border-radius:inherit;background:radial-gradient(900px 300px at 40% 0,#0000000d,#0000 55%),repeating-linear-gradient(90deg,#00000005,#00000005 1px,#0000 1px 6px);position:absolute}.hero-section{position:relative;overflow:hidden}.stat-number{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-family:var(--font-ui)!important;color:var(--gold-2)!important}.stat-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;font-family:var(--font-ui)!important;color:var(--ink-muted)!important}.trainer-badge,.chip{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-shadow:0 1px 2px #00000073;align-items:center;display:inline-flex;position:relative;font-family:var(--font-ui)!important;background:linear-gradient(180deg,#ffffff1a,#00000047),linear-gradient(180deg,var(--wood-2),var(--wood))!important;color:#f2e6cf!important;border:1px solid #0006!important;border-radius:999px!important;gap:.35rem!important;padding:.38rem 1rem!important;font-size:.78rem!important;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff24!important}.trainer-badge:after,.chip:after{content:"";pointer-events:none;inset:calc(var(--spacing) * 0);border-radius:inherit;border:1px solid #d2b16a3d;position:absolute}.badge-level{color:#fff5d8!important;text-shadow:0 1px 3px #0006!important;background:linear-gradient(#ffffff24,#0000003d),linear-gradient(#e8a030,#c07818)!important;border-color:#64320080!important;box-shadow:0 4px 14px #c078184d,inset 0 1px #ffffff2e!important}.badge-xp{color:#c8dcff!important;text-shadow:0 1px 3px #0006!important;background:linear-gradient(#ffffff1a,#00000042),linear-gradient(#3a6ecc,#1e3f80)!important;border-color:#0a1e5a80!important;box-shadow:0 4px 14px #1e3f804d,inset 0 1px #ffffff24!important}.badge-active{color:#a8fce0!important;text-shadow:0 1px 3px #0006!important;background:linear-gradient(#ffffff1a,#00000042),linear-gradient(#2a9668,#16604a)!important;border-color:#00281980!important;box-shadow:0 4px 14px #16604a4d,inset 0 1px #ffffff24!important}.badge,.sidebar-badge{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);letter-spacing:.03em;border:1px solid #00000024;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .65rem;font-size:.72rem;display:inline-flex;font-family:var(--font-ui)!important}.badge.good{color:#1e6e3e!important;background:#2f7d4a24!important;border-color:#2f7d4a40!important}.badge.bad{color:var(--bad)!important;background:#a33a2d1f!important;border-color:#a33a2d40!important}.badge.warn{color:#8a5e10!important;background:#b9852c1f!important;border-color:#b9852c40!important}.char-card{background:linear-gradient(#ffffff73,#00000005),linear-gradient(#f8f0dd,#eddfbc)!important;border:1px solid #a0783259!important;border-radius:12px!important;transition:box-shadow .18s,transform .18s!important;box-shadow:0 3px 12px #00000029,inset 0 1px #ffffff8c!important}.char-card:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);box-shadow:0 8px 22px #0003,inset 0 1px #ffffff8c!important}.char-card.animon-card:after{background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright))}.char-card.human-card:after{background:linear-gradient(90deg,#1a5c28,#5aad48)}.char-tag{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);letter-spacing:.03em;border-color:var(--line-gold)!important;font-family:var(--font-ui)!important;background:#d2b16a29!important;font-size:.7rem!important}.panel{background:linear-gradient(#ffffff6b,#00000008),linear-gradient(#f5edda,#ebe0c0)!important;border:1px solid #a0783261!important;border-radius:16px!important;transition:box-shadow .18s!important;box-shadow:0 6px 22px #0a060047,inset 0 1px #ffffff8c,inset 0 -2px 8px #00000014!important}.panel:hover{box-shadow:0 10px 28px #0a060052,inset 0 1px #ffffff8c,inset 0 -2px 8px #00000014!important}.panel-title{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase}.stat-bar-track{border:1px solid var(--line)!important;background:#2b22181f!important}.stat-bar-fill-inner.atk{background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright))!important}.stat-bar-fill-inner.def{background:linear-gradient(90deg,#1a5228,#4aad40)!important}.stat-bar-fill-inner.spd{background:linear-gradient(90deg,#1a3a8c,#4080e0)!important}.stat-val{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-family:var(--font-ui)!important}.action-card{align-items:center;gap:calc(var(--spacing) * 4);display:flex}.action-title,.action-description{font-size:.88rem!important}.action-arrow{font-size:1.1rem;color:var(--gold-2)!important}.empty-icon{margin-bottom:calc(var(--spacing) * 2);font-size:2.2rem}.quick-action-item{background:linear-gradient(180deg,#ffffff4d,#0000000a),var(--paper-2)!important;border:1px solid var(--line)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm),var(--shadow-inset)!important}.quick-action-item:hover{background:linear-gradient(180deg,#fff6,#00000005),var(--paper)!important;border-color:var(--line-gold)!important;box-shadow:0 8px 20px #0000002e,var(--shadow-inset)!important}.qa-arrow{color:var(--gold-2)!important}.btn{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);font-family:var(--font-ui)!important;border-radius:12px!important}.btn-secondary,.btn:not(.btn-primary):not(.btn-danger){border:1px solid var(--line-strong)!important;color:var(--ink)!important;box-shadow:var(--shadow-sm),var(--shadow-inset)!important;background:linear-gradient(#ffffff8c,#0000000f),linear-gradient(#f4e7cb,#e7d1a6)!important}.btn-secondary:hover,.btn:not(.btn-primary):not(.btn-danger):hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);box-shadow:0 10px 18px #0003,var(--shadow-inset)!important;background:linear-gradient(#ffffffa6,#0000000a),linear-gradient(#faf0d8,#ecdbb8)!important}.btn-primary{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);background:linear-gradient(180deg,#ffffff24,#0000002e),linear-gradient(180deg,var(--gold-bright),var(--gold-2))!important;color:var(--ink)!important;border:1px solid #2b221873!important;box-shadow:0 6px 18px #c0901847,inset 0 1px #ffffff47,inset 0 -2px 6px #00000024!important}.btn-primary:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);box-shadow:0 10px 24px #c0901859,inset 0 1px #ffffff47,inset 0 -2px 6px #00000024!important}.btn-xs-gold{text-shadow:0 1px #fff3;color:#2a1a04!important;background:linear-gradient(#ffffff29,#00000038),linear-gradient(#f0c84a,#c88c18)!important;border:1px solid #2b22187a!important;box-shadow:0 3px 10px #b4821447,inset 0 1px #ffffff47,inset 0 -2px 5px #0000002e!important}.btn-xs-gold:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);color:#2a1a04!important;background:linear-gradient(#ffffff38,#00000029),linear-gradient(#f8d460,#d89c28)!important;box-shadow:0 6px 16px #b4821461,inset 0 1px #ffffff47,inset 0 -2px 5px #0000002e!important}.btn-xs{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 1);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);letter-spacing:.03em;text-decoration-line:none;display:inline-flex;font-family:var(--font-ui)!important;border-radius:8px!important;padding:.32rem .85rem!important;font-size:.72rem!important;transition:all .16s!important}.btn-xs-outline{border:1px solid var(--line-strong)!important;color:var(--ink)!important;background:linear-gradient(#ffffff85,#0000000f),linear-gradient(#f4e9d0,#e6d4ae)!important;box-shadow:0 2px 6px #0000002e,inset 0 1px #ffffff73!important}.btn-xs-outline:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);color:var(--ink)!important;background:linear-gradient(#ffffff9e,#00000005),linear-gradient(#faf2de,#eeddbc)!important;box-shadow:0 5px 12px #00000038,inset 0 1px #ffffff73!important}input,select,textarea{font-size:1rem;background:linear-gradient(180deg,#ffffff8c,#fff3),var(--paper)!important;border:1px solid var(--line-strong)!important;color:var(--ink)!important;font-family:var(--font-body)!important;border-radius:var(--radius-sm)!important;box-shadow:inset 0 2px 6px #00000014!important}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)!important;box-shadow:0 0 0 3px #d2b16a38,inset 0 2px 6px #00000014!important}input::placeholder,textarea::placeholder{opacity:1;color:var(--ink-muted)!important}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:1.5rem 1rem;display:flex}.auth-header .logo-text{font-family:var(--font-title)!important;color:var(--gold)!important}.auth-title{font-family:var(--font-title)!important}.auth-subtitle{font-family:var(--font-body)!important;color:var(--ink-soft)!important}.form-label{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);font-family:var(--font-ui)!important;color:var(--ink-soft)!important;font-size:.78rem!important}.auth-link,a.auth-link{color:var(--gold-2)!important}.auth-link:hover{color:var(--gold)!important}th{font-family:var(--font-ui);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);text-transform:uppercase;border-bottom:2px solid var(--line-strong);background:linear-gradient(180deg,#ffffff40,#0000000a),var(--paper-2)!important;color:var(--ink)!important}td{border-bottom:1px solid var(--line);color:var(--ink-soft);font-family:var(--font-body)}tr:hover td{background:#d2b16a0f}.home-container{padding:0 var(--space-4,1rem);box-sizing:border-box;width:100%}.home-wrapper{box-sizing:border-box;background-color:#0000;background-image:linear-gradient(#140e0973,#140e099e),url(/images/background.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:18px;flex-direction:column;gap:1.35rem;max-width:1280px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,2vw,2rem) 3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 60px #00000061}.home-wrapper:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 18%,#ffbf532e,#0000 44%),radial-gradient(circle at 80% 80%,#ff924d24,#0000 40%);position:absolute;inset:0}.home-wrapper>*{z-index:1;position:relative}.home-scenic-strip{border-radius:var(--radius-lg);background-position:50%;background-size:cover;border:1px solid #d2b16a59;height:clamp(100px,13vw,150px);position:relative;overflow:hidden;box-shadow:0 8px 24px #00000057,inset 0 0 0 2px #ffffff1a}.home-scenic-strip:before{content:"";background:linear-gradient(#0000001a,#00000059);position:absolute;inset:0}.home-hero{background:linear-gradient(180deg,#fff6,#0000000a),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border:4px solid var(--wood-edge);box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 12px 48px #00000059,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73;border-radius:12px;align-items:stretch;min-height:420px;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;z-index:2;border:1px solid #d2b16a38;border-radius:8px;position:absolute;inset:0}.home-hero:after{content:"";pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.040'/%3E%3C/svg%3E");position:absolute;inset:0}.home-hero-content{z-index:1;flex-direction:column;flex:56%;justify-content:center;gap:1rem;min-width:0;padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,3vw,3rem);display:flex;position:relative}.home-eyebrow{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2);background:#d2b16a26;border:1px solid #d2b16a59;border-radius:20px;width:fit-content;padding:3px 14px;font-size:.78rem;font-weight:700;display:inline-block}.home-hero-title{text-shadow:0 1px #ffffff80;margin:0;font-size:clamp(1.9rem,4vw,3.2rem);font-weight:700;line-height:1.1;font-family:var(--font-title)!important;color:var(--ink)!important}.home-hero-sub{font-family:var(--font-body);color:var(--ink-soft);max-width:44ch;margin:0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.65}.home-hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:.5rem;display:flex}.home-btn-primary{font-family:var(--font-ui);letter-spacing:.02em;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 55%,var(--gold-2) 100%);border:1px solid var(--gold-deep);border-radius:10px;padding:.65rem 1.6rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 3px 10px #00000038,inset 0 1px #ffffff73;color:var(--wood)!important}.home-btn-primary--lg{border-radius:12px;padding:.78rem 2.1rem;font-size:1.05rem;box-shadow:0 4px 16px #00000042,inset 0 1px #ffffff80}.home-btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 6px 18px #00000042,inset 0 1px #ffffff73;color:var(--wood)!important}.home-btn-outline{font-family:var(--font-ui);background:#d2b16a1a;border:1.5px solid #a0783273;border-radius:10px;padding:.65rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-block;box-shadow:inset 0 1px #ffffff59;color:var(--ink-soft)!important}.home-btn-outline:hover{border-color:var(--gold-2);background:#d2b16a38;transform:translateY(-2px);color:var(--ink)!important}.home-hero-art{background:radial-gradient(circle,#d2b16a2e,#0000 60%),linear-gradient(135deg,#d2b16a1f,#5a3a2238);border-left:1px solid #a0783240;flex:44%;justify-content:center;align-items:center;min-width:0;padding:1.5rem;display:flex;position:relative}.home-hero-img{object-fit:cover;opacity:.88;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.home-hero-art:after{content:"";background:linear-gradient(#120c0838,#120c0857);position:absolute;inset:0}.home-art-stage{z-index:1;width:320px;height:320px;position:relative}.home-art-ring{border-radius:50%;animation:30s linear infinite hv2-spin-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-ring-outer{border:1.5px dashed #d2b16a59;width:280px;height:280px}.home-ring-inner{border:1.5px solid #d2b16a33;width:180px;height:180px;animation-duration:20s;animation-direction:reverse}@keyframes hv2-spin-ring{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.home-orb{transform-origin:50%;filter:drop-shadow(0 0 8px #d2b16a73);margin-top:-.825rem;margin-left:-.825rem;font-size:1.65rem;transition:filter .3s;animation:18s linear infinite hv2-orbit;position:absolute;top:50%;left:50%}.home-orb:hover{filter:drop-shadow(0 0 16px #d2b16acc)}.home-orb-fire{animation-delay:0s}.home-orb-water{animation-delay:-2s}.home-orb-earth{animation-delay:-4s}.home-orb-air{animation-delay:-6s}.home-orb-ice{animation-delay:-8s}.home-orb-plant{animation-delay:-10s}.home-orb-electric{animation-delay:-12s}.home-orb-shadow{animation-delay:-14s}.home-orb-light{animation-delay:-16s}@keyframes hv2-orbit{0%{transform:rotate(0)translate(130px)rotate(0)}to{transform:rotate(360deg)translate(130px)rotate(-360deg)}}.home-art-center{background:radial-gradient(circle at 40% 38%,#fff9ec,var(--paper-2));border:2px solid #d2b16aa6;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;animation:3s ease-in-out infinite hv2-center-pulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #d2b16a1a,0 0 40px #d2b16a59,0 6px 22px #00000038,inset 0 1px #ffffffa6}@keyframes hv2-center-pulse{0%,to{box-shadow:0 0 0 6px #d2b16a1a,0 0 40px #d2b16a59,0 6px 22px #00000038,inset 0 1px #ffffffa6}50%{box-shadow:0 0 0 12px #d2b16a14,0 0 60px #d2b16a80,0 6px 22px #00000038,inset 0 1px #ffffffa6}}.home-art-star{font-family:var(--font-title);color:var(--gold);text-shadow:0 0 12px #d2b16ab3;font-size:2.4rem;line-height:1;animation:12s linear infinite hv2-star-spin}@keyframes hv2-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-particles{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-particle{left:var(--x);top:var(--y);width:4px;height:4px;animation:hv2-float var(--d,4s) ease-in-out infinite;animation-delay:var(--delay,0s);opacity:0;background:radial-gradient(circle,#d2b16acc,#d2b16a00);border-radius:50%;position:absolute}@keyframes hv2-float{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translateY(-40px)scale(1.2)}}.home-hero-content{animation:.7s cubic-bezier(.22,1,.36,1) both hv2-fadeInUp}.home-hero-art{animation:.7s cubic-bezier(.22,1,.36,1) .15s both hv2-fadeInUp}.home-feat-card:first-child{animation:.5s cubic-bezier(.22,1,.36,1) .25s both hv2-fadeInUp}.home-feat-card:nth-child(2){animation:.5s cubic-bezier(.22,1,.36,1) .35s both hv2-fadeInUp}.home-feat-card:nth-child(3){animation:.5s cubic-bezier(.22,1,.36,1) .45s both hv2-fadeInUp}.home-quests{animation:.5s cubic-bezier(.22,1,.36,1) .4s both hv2-fadeInUp}.home-story-strip{animation:.5s cubic-bezier(.22,1,.36,1) .5s both hv2-fadeInUp}.home-play-wrap{animation:.5s cubic-bezier(.22,1,.36,1) .55s both hv2-fadeInUp}@keyframes hv2-fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.home-main{grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:1rem;display:grid}.home-main-left{flex-direction:column;flex:1;gap:1rem;display:flex}.home-features{flex:none;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.home-features-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feat-card{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border:4px solid var(--wood-edge);box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 8px 28px #00000059,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73;color:var(--ink);border-radius:12px;flex-direction:column;min-height:245px;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:flex;position:relative;overflow:hidden}.home-feat-card:before{content:"";pointer-events:none;z-index:1;border:1px solid #d2b16a38;border-radius:8px;position:absolute;inset:0}.home-feat-card:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 0 0,#d2b16a2e,#0000 25%),radial-gradient(circle at 100% 0,#d2b16a2e,#0000 25%),radial-gradient(circle at 0 100%,#d2b16a2e,#0000 25%),radial-gradient(circle at 100% 100%,#d2b16a2e,#0000 25%);position:absolute;inset:0}.home-feat-card:hover{box-shadow:0 0 0 1.5px var(--gold),0 0 0 5px var(--wood-edge),0 20px 48px #00000059,0 0 20px #d2b16a26,inset 0 0 0 1.5px #d2b16a66,inset 0 1px #ffffff73;transform:translateY(-6px)scale(1.015)}.home-feat-art{background:linear-gradient(135deg,#d2b16a26,#5a3a2233);border-bottom:1px solid #a0783233;justify-content:center;align-items:center;height:100px;transition:background .3s;display:flex;overflow:hidden}.home-feat-card:hover .home-feat-art{background:linear-gradient(135deg,#d2b16a40,#5a3a2247)}.home-feat-img{object-fit:cover;width:100%;height:100%}.home-feat-emoji{filter:drop-shadow(0 2px 6px #00000040);font-size:2.4rem;line-height:1;transition:transform .3s cubic-bezier(.22,1,.36,1)}.home-feat-card:hover .home-feat-emoji{transform:scale(1.2)translateY(-2px)}.home-feat-title{margin:0;padding:.8rem 1rem .18rem;font-size:1.1rem;font-family:var(--font-title)!important;color:var(--ink)!important}.home-feat-desc{font-family:var(--font-body);color:var(--ink-soft);flex:1;margin:0;padding:0 1rem 1rem;font-size:.88rem;line-height:1.55}.home-quests{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border:4px solid var(--wood-edge);min-width:280px;max-width:320px;box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 8px 28px #00000059,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73;border-radius:12px;flex:0 320px;height:100%;position:relative;overflow:hidden}.home-quests:before{content:"";pointer-events:none;z-index:1;border:1px solid #d2b16a38;border-radius:8px;position:absolute;inset:0}.home-quests-title{border-bottom:1px solid #a0783233;margin:0;padding:.85rem 1rem .65rem;font-size:1.05rem;font-family:var(--font-title)!important;color:var(--ink)!important}.home-quest-list{flex-direction:column;padding:.5rem 0;display:flex}.home-quest-row{color:var(--ink-soft);font-family:var(--font-body);border-bottom:1px solid #a078321f;align-items:center;gap:.65rem;padding:.58rem 1rem;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s,transform .12s;display:flex;position:relative}.home-quest-row:last-child{border-bottom:none}.home-quest-row:before{content:"";background:linear-gradient(180deg,transparent,var(--gold-2),transparent);opacity:0;border-radius:2px;width:2px;transition:opacity .15s;position:absolute;top:20%;bottom:20%;left:0}.home-quest-row:hover{color:var(--ink);background:#d2b16a24;transform:translate(3px)}.home-quest-row:hover:before{opacity:1}.home-qbadge{font-family:var(--font-ui);letter-spacing:.06em;white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:.65rem;font-weight:700}.home-qbadge-new{color:#7a5a1a;background:#d2b16a47;border:1px solid #d2b16a80}.home-qbadge-ref{color:#3a4a7a;background:#6482c82e;border:1px solid #6482c859}.home-qbadge-tool{color:#1e6047;background:#50a0782e;border:1px solid #50a07859}.home-qname{flex:1;line-height:1.3}.home-qxp{font-family:var(--font-ui);letter-spacing:.03em;color:var(--gold-deep);background:#d2b16a38;border:1px solid #a0783259;border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:700}.home-quests-cta{text-align:center;font-family:var(--font-ui);background:#d2b16a2e;border:1.5px solid #a0783266;border-radius:8px;margin:.75rem 1rem 1rem;padding:.5rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:block;color:var(--ink-soft)!important}.home-story-play-row{grid-template-columns:1fr auto;align-items:center;gap:1rem;display:grid}.home-quests-cta:hover{background:#d2b16a52;color:var(--ink)!important}.home-story-strip{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border:4px solid var(--wood-edge);box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 6px 20px #0000004d,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.2rem;padding:1rem 1.2rem;display:flex;position:relative;overflow:hidden}.home-story-strip:before{content:"";pointer-events:none;border:1px solid #d2b16a38;border-radius:8px;position:absolute;inset:0}.home-story-strip:after{display:none}.home-story-line{font-family:var(--font-body);color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;font-size:clamp(.95rem,1.8vw,1.1rem);font-style:italic}.home-story-sep{color:var(--gold-2);opacity:.6;font-size:.7rem}.home-play-wrap{justify-content:center;padding:0;display:flex}.home-play-btn{font-family:var(--font-title);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 45%,var(--gold-2) 80%,#a07828 100%);border:1.5px solid var(--gold-deep);border-radius:14px;align-items:center;gap:.65rem;padding:.9rem 2.5rem;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700;text-decoration:none;transition:filter .18s,transform .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 3px #d2b16a38,0 8px 28px #0000004d,inset 0 1px #ffffff8c;color:var(--wood)!important}.home-play-btn:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff47,#0000 70%);width:60%;height:100%;transition:left .55s;position:absolute;top:0;left:-100%}.home-play-btn:hover:before{left:160%}.home-play-btn:hover{filter:brightness(1.08);transform:translateY(-3px)scale(1.02);box-shadow:0 0 0 5px #d2b16a40,0 14px 38px #00000057,0 0 30px #d2b16a33,inset 0 1px #ffffff8c;color:var(--wood)!important}.home-play-glyph{opacity:.75;font-size:.85em;animation:2.5s ease-in-out infinite hv2-glyph-pulse}@keyframes hv2-glyph-pulse{0%,to{opacity:.65}50%{opacity:1}}@media(max-width:1024px){.home-wrapper{padding:1rem .9rem 2rem}.home-main{grid-template-columns:1fr}.home-features{grid-template-columns:repeat(3,minmax(0,1fr))}.home-quests{flex:none;width:100%}.home-story-play-row{grid-template-columns:1fr}.home-art-stage{width:260px;height:260px}.home-ring-outer{width:230px;height:230px}.home-ring-inner{width:150px;height:150px}.home-orb{font-size:1.4rem;animation-name:hv2-orbit-md}}@keyframes hv2-orbit-md{0%{transform:rotate(0)translate(105px)rotate(0)}to{transform:rotate(360deg)translate(105px)rotate(-360deg)}}@media(max-width:768px){.home-hero{flex-direction:column;min-height:auto}.home-hero-content{text-align:center;flex:none;align-items:center;padding:2rem 1.5rem}.home-hero-sub{max-width:100%}.home-hero-actions{justify-content:center}.home-hero-art{border-top:1px solid #a0783233;border-left:none;flex:none;height:260px}.home-art-stage{width:240px;height:240px}.home-ring-outer{width:210px;height:210px}.home-ring-inner{width:140px;height:140px}.home-art-center{width:76px;height:76px}.home-art-star{font-size:2rem}.home-orb{font-size:1.35rem;animation-name:hv2-orbit-sm}.home-features{grid-template-columns:repeat(2,minmax(0,1fr))}.home-feat-card:last-child{grid-column:1/-1;justify-self:center;max-width:50%}.home-feat-card{min-height:0}.home-play-btn{padding:.9rem 2.5rem}.home-story-strip{gap:.5rem .8rem;padding:1rem 1.25rem}.home-story-line{white-space:normal;text-align:center}.home-story-sep{display:none}}@media(max-width:520px){.home-wrapper{border-radius:12px;gap:1rem;padding:.75rem .6rem 2rem}.home-hero-content{padding:1.5rem 1.25rem}.home-hero-title{font-size:1.7rem!important}.home-hero-art{height:220px}.home-art-stage{width:200px;height:200px}.home-ring-outer{width:175px;height:175px}.home-ring-inner{width:115px;height:115px}.home-art-center{width:64px;height:64px}.home-art-star{font-size:1.7rem}.home-orb{font-size:1.15rem;animation-name:hv2-orbit-xs}.home-features{grid-template-columns:1fr}.home-feat-card:last-child{grid-column:auto;justify-self:auto;max-width:100%}.home-feat-card{min-height:0}.home-feat-art{height:72px}.home-hero-actions{flex-direction:column}.home-btn-primary,.home-btn-outline{text-align:center;width:100%}.home-play-btn{padding:.75rem 1.8rem;font-size:.9rem}.home-quests-title{font-size:.95rem}.home-quest-row{padding:.5rem .85rem;font-size:.85rem}}@keyframes hv2-orbit-sm{0%{transform:rotate(0)translate(100px)rotate(0)}to{transform:rotate(360deg)translate(100px)rotate(-360deg)}}@keyframes hv2-orbit-xs{0%{transform:rotate(0)translate(80px)rotate(0)}to{transform:rotate(360deg)translate(80px)rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.home-orb,.home-art-ring,.home-art-star,.home-art-center,.home-particle,.home-play-glyph,.home-hero-content,.home-hero-art,.home-feat-card,.home-quests,.home-story-strip,.home-play-wrap{animation:none!important}.home-hero-content,.home-hero-art,.home-feat-card,.home-quests,.home-story-strip,.home-play-wrap{opacity:1!important;transform:none!important}}.container:not(.animon-page-wrapper .container):not(.home-container .container),.rules-container,.cheatsheet-container,.tools-page,.trainer-dashboard,.profile-container,.battle-container,.character-show-container,.creator-page,.auth-container{box-sizing:border-box!important;background-color:#0000!important;background-image:linear-gradient(#140e0973,#140e099e),url(/images/background.png)!important;background-position:50%!important;background-repeat:repeat,repeat!important;background-size:cover!important;background-attachment:scroll,scroll!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important;border-radius:18px!important;max-width:1280px!important;margin:0 auto!important;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,2vw,2rem) 3rem!important;position:relative!important;overflow:hidden!important;box-shadow:0 26px 60px #00000061!important}.container:not(.animon-page-wrapper .container):not(.home-container .container):before,.rules-container:before,.cheatsheet-container:before,.tools-page:before,.trainer-dashboard:before,.profile-container:before,.battle-container:before,.character-show-container:before,.creator-page:before,.auth-container:before{content:""!important;pointer-events:none!important;z-index:0!important;background:radial-gradient(circle at 15% 18%,#ffbf532e,#0000 44%),radial-gradient(circle at 80% 80%,#ff924d24,#0000 40%)!important;position:absolute!important;inset:0!important}.container:not(.animon-page-wrapper .container):not(.home-container .container)>*,.rules-container>*,.cheatsheet-container>*,.tools-page>*,.trainer-dashboard>*,.profile-container>*,.battle-container>*,.character-show-container>*,.creator-page>*,.auth-container>*{z-index:1!important;position:relative!important}.page-header,.rules-header,.cheatsheet-header,.tools-hero,.trainer-overview-header{text-align:center!important;padding:1rem 0 1.5rem!important}.page-header .page-title,.page-title,.rules-title,.cheatsheet-title,.tools-hero h1,.trainer-overview-title{font-family:var(--font-title)!important;color:var(--paper)!important;text-shadow:0 2px 8px #00000080!important;letter-spacing:.02em!important;margin:0!important;font-size:clamp(1.6rem,3.5vw,2.4rem)!important;font-weight:700!important}.page-header .page-subtitle,.page-subtitle,.rules-subtitle,.cheatsheet-subtitle,.tools-hero p{font-family:var(--font-body)!important;color:#efe2c7cc!important;margin:.5rem 0 0!important;font-size:1rem!important}.action-bar,.stats-summary{background:linear-gradient(180deg,#fff6,#0000000a),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:4px solid var(--wood-edge)!important;box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 8px 28px #00000059,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73!important;border-radius:12px!important;padding:1rem 1.25rem!important;position:relative!important}.action-bar:before,.stats-summary:before{content:""!important;pointer-events:none!important;z-index:1!important;border:1px solid #d2b16a38!important;border-radius:8px!important;position:absolute!important;inset:0!important}.action-bar .stat-card,.stats-summary .stat-card{color:var(--ink)!important;background:#d2b16a26!important;border:1px solid #a0783259!important;border-radius:10px!important;padding:.75rem 1rem!important}.action-bar .stat-number,.stats-summary .stat-number{font-family:var(--font-title)!important;color:var(--ink)!important;font-size:1.5rem!important;font-weight:700!important}.action-bar .stat-label,.stats-summary .stat-label{font-family:var(--font-ui)!important;color:var(--ink-soft)!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:.75rem!important}.animon-grid,.characters-grid,.rules-grid,.tools-grid{gap:1rem!important;display:grid!important}.animon-card,.character-card,.rule-card,.tool-card{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:4px solid var(--wood-edge)!important;box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 8px 28px #00000059,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73!important;color:var(--ink)!important;border-radius:12px!important;text-decoration:none!important;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s!important;position:relative!important;overflow:hidden!important}.animon-card:before,.character-card:before,.rule-card:before,.tool-card:before{content:""!important;pointer-events:none!important;z-index:1!important;border:1px solid #d2b16a38!important;border-radius:8px!important;position:absolute!important;inset:0!important}.animon-card:hover,.character-card:hover,.rule-card:hover,.tool-card:hover{box-shadow:0 0 0 1.5px var(--gold),0 0 0 5px var(--wood-edge),0 20px 48px #00000059,0 0 20px #d2b16a26,inset 0 0 0 1.5px #d2b16a66,inset 0 1px #ffffff73!important;transform:translateY(-6px)scale(1.015)!important}.animon-card .animon-name,.character-card .character-name,.rule-card .rule-card-title,.tool-card h3{font-family:var(--font-title)!important;color:var(--ink)!important;font-size:1.1rem!important}@media(max-width:768px){.container:not(.animon-page-wrapper .container):not(.home-container .container),.rules-container,.cheatsheet-container,.tools-page,.trainer-dashboard,.profile-container,.battle-container,.character-show-container,.creator-page,.auth-container{border-radius:0!important;margin:0!important;padding:1rem .75rem 2rem!important}}.auth-card{background:linear-gradient(180deg,#fff6,#0000000a),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:4px solid var(--wood-edge)!important;box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 12px 48px #00000059,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73!important;border-radius:12px!important;max-width:420px!important;margin:0 auto!important;padding:2rem!important;position:relative!important}.cheat-card .card-header .card-title,.cheatsheet-container .card-title{color:#f5edda!important;font-family:var(--font-title)!important;text-shadow:0 1px 4px #0006!important}.auth-card:before{content:""!important;pointer-events:none!important;z-index:1!important;border:1px solid #d2b16a38!important;border-radius:8px!important;position:absolute!important;inset:0!important}.auth-title{font-family:var(--font-title)!important;color:var(--ink)!important;text-align:center!important;margin-bottom:.5rem!important;font-size:1.5rem!important}.auth-subtitle{font-family:var(--font-body)!important;color:var(--ink-soft)!important;text-align:center!important;margin-bottom:1.5rem!important}.animon-page-wrapper{min-height:unset!important;max-width:100%!important;padding:0 var(--space-4,1rem)!important;box-sizing:border-box!important;background-color:#0000!important;background-image:linear-gradient(#140e0973,#140e099e),url(/images/background.png)!important;background-position:50%!important;background-repeat:repeat,repeat!important;background-size:cover!important;background-attachment:scroll,scroll!important;background-origin:padding-box,padding-box!important;background-clip:border-box,border-box!important;overflow-x:hidden!important}.animon-page-wrapper:before{content:""!important;pointer-events:none!important;z-index:0!important;background:radial-gradient(circle at 15% 18%,#ffbf532e,#0000 44%),radial-gradient(circle at 80% 80%,#ff924d24,#0000 40%)!important;position:fixed!important;inset:0!important}.animon-page-wrapper .container{max-width:1280px!important;box-shadow:none!important;z-index:1!important;background:0 0!important;border-radius:0!important;margin:0 auto!important;padding:0 0 3rem!important;position:relative!important}.animon-page-wrapper .container:before{display:none!important}.animon-hero-banner{background:0 0!important;padding:0!important;overflow:visible!important}.animon-hero-banner .hero-background,.animon-hero-banner .hero-gradient,.animon-hero-banner .hero-pattern,.hero-element--fire .hero-gradient,.hero-element--water .hero-gradient,.hero-element--earth .hero-gradient,.hero-element--air .hero-gradient,.hero-element--ice .hero-gradient,.hero-element--plant .hero-gradient,.hero-element--electric .hero-gradient,.hero-element--shadow .hero-gradient,.hero-element--dark .hero-gradient,.hero-element--light .hero-gradient,.hero-element--neutral .hero-gradient{display:none!important}.hero-card{background:linear-gradient(180deg,#ffffff6b,#0000000a),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm),var(--shadow-inset)!important;-webkit-backdrop-filter:none!important;margin:1.25rem 0 0!important;position:relative!important}.hero-card:before{top:0;left:0;content:""!important;background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-bright),var(--gold),var(--gold-deep))!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;opacity:1!important;height:3px!important;transition:none!important;position:absolute!important;right:0!important}.hero-card:hover:before{opacity:1!important}.hero-icon-wrapper{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1.5px solid #a0783273!important;box-shadow:inset 0 1px #ffffff80,0 2px 6px #00000026!important}.hero-title{font-family:var(--font-title)!important;color:var(--ink)!important;text-shadow:0 1px #ffffff80!important;letter-spacing:.01em!important;font-size:clamp(1.4rem,3vw,1.9rem)!important}.hero-subtitle{color:var(--ink-soft)!important;font-family:var(--font-body)!important;white-space:normal!important}.hero-tool-btn{color:var(--ink-soft)!important;background:linear-gradient(#ffffff73,#00000008),#d2b16a2e!important;border:1px solid #a0783273!important;border-radius:8px!important;box-shadow:inset 0 1px #fff6!important}.hero-tool-btn:hover{border-color:var(--gold-2)!important;color:var(--ink)!important;background:#d2b16a52!important}.hero-tool-btn--danger:hover{color:#7a1a1a!important;background:#c83c3c2e!important;border-color:#c83c3c73!important}.hero-card-bottom{border-top-color:#a0783233!important}.hero-chip{color:var(--ink-soft)!important;background:#d2b16a2e!important;border-color:#a0783259!important}.hero-chip--readonly{color:var(--ink-soft)!important;background:#d2b16a2e!important;border-color:#a078324d!important}.hero-divider{background:#a078324d!important}.hero-date,.hero-date-sep{opacity:.75;color:var(--ink-soft)!important}.hero-vis-toggle{color:var(--ink-soft)!important;background:#d2b16a26!important;border-color:#a0783259!important}.hero-vis-toggle.is-public{color:#1e5c33!important;background:#50a0642e!important;border-color:#50a06466!important}.hero-vis-toggle.is-private{color:var(--ink-soft)!important;background:#7864502e!important;border-color:#78645059!important}.hero-vis-toggle:hover{color:var(--ink)!important;background:#d2b16a4d!important}.evolution-section,.metadata-section{background:linear-gradient(180deg,#fff6,#00000008),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:1px solid var(--line-strong)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm),var(--shadow-inset)!important;position:relative!important}.evolution-section:before,.metadata-section:before{top:0;left:0;content:""!important;background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-bright),var(--gold),var(--gold-deep))!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;height:3px!important;position:absolute!important;right:0!important}.evolution-section:hover,.metadata-section:hover{box-shadow:0 10px 28px #00000038,var(--shadow-inset)!important;transform:none!important}.evolution-section-header{border-bottom-color:#a0783238!important}.evolution-section-header .section-title,.section-title{font-family:var(--font-title)!important;color:var(--ink)!important}.animon-page-wrapper .btn-primary,.evolution-section-header .btn-primary{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 55%,var(--gold-2) 100%)!important;color:var(--wood)!important;border:1px solid var(--gold-deep)!important;font-family:var(--font-ui)!important;font-weight:700!important;box-shadow:0 3px 10px #0003,inset 0 1px #ffffff73!important}.animon-page-wrapper .btn-primary:hover,.evolution-section-header .btn-primary:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important;box-shadow:0 6px 18px #0000003d,inset 0 1px #ffffff73!important}.evolution-card{background:linear-gradient(#ffffff73,#00000005),linear-gradient(#f9f0dd,#f0e2c0)!important;border:1px solid #a078324d!important;border-radius:14px!important;box-shadow:0 3px 14px #00000024,inset 0 1px #ffffff8c!important}.evolution-card:before{background:linear-gradient(90deg,var(--gold-deep),var(--gold),var(--gold-bright),var(--gold),var(--gold-deep))!important;opacity:1!important;height:3px!important;transition:none!important}.evolution-card:hover{border-color:#d2b16a8c!important;transform:none!important;box-shadow:0 8px 28px #0000002e,inset 0 1px #ffffff8c!important}.evolution-card:hover:before{opacity:1!important}.evolution-stage-badge{background:linear-gradient(180deg,var(--wood) 0%,#3d2510 100%)!important;color:var(--gold-bright)!important;font-family:var(--font-title)!important;border:1.5px solid #d2b16a66!important;border-radius:10px!important;box-shadow:0 3px 8px #00000047,inset 0 1px #ffffff26!important}.evolution-name{font-family:var(--font-title)!important;color:var(--ink)!important;font-size:1.15rem!important}.btn-icon{color:var(--ink-soft)!important;background:#d2b16a26!important;border:1px solid #a0783259!important;box-shadow:inset 0 1px #fff6!important}.btn-icon:hover{border-color:var(--gold-2)!important;color:var(--ink)!important;background:#d2b16a4d!important;transform:translateY(-1px)!important;box-shadow:0 3px 10px #00000026!important}.evolution-avatar{background:var(--paper)!important;border:2px solid #a0783266!important;border-radius:10px!important;box-shadow:0 4px 16px #0000002e!important}.evolution-avatar-placeholder{background:linear-gradient(135deg,var(--paper) 0%,var(--paper-2) 100%)!important;color:var(--ink-soft)!important;border:2px dashed #a0783259!important}.evolution-left-description{color:var(--ink-soft)!important;background:#d2b16a1f!important;border-radius:8px!important}.evolution-left-description strong{color:var(--ink)!important}.evolution-stats-row{background:#d2b16a26!important;border:1px solid #a0783247!important;border-radius:12px!important}.stat-pill{background:linear-gradient(180deg,#ffffff8c,#00000005),var(--paper)!important;color:var(--ink)!important;border:1px solid #a0783259!important;border-radius:10px!important;box-shadow:inset 0 1px #fff9,0 2px 6px #0000001a!important}.stat-pill strong{color:var(--ink-soft)!important;font-family:var(--font-ui)!important}.clickable-stats .stat-pill:hover{border-color:var(--gold-2)!important;background:#d2b16a47!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #00000024!important}.evolution-calculated-stats{background:#648c641a!important;border:1px solid #508c5040!important;border-radius:10px!important}.calc-stat-pill{background:linear-gradient(180deg,#ffffff8c,#00000005),var(--paper)!important;border:1px solid #508c5047!important;border-radius:10px!important;box-shadow:inset 0 1px #fff9!important}.calc-stat-pill strong{color:#2e6644!important;font-family:var(--font-ui)!important}.calc-stat-pill em{color:#1a4429!important;font-weight:800!important}.evolution-nature-row{color:var(--ink-soft)!important;background:#d2b16a1f!important;border-radius:10px!important}.evolution-nature-row strong{color:var(--ink)!important}.evolution-attack-row{background:linear-gradient(135deg,#fdf3dc,#f5e4a0)!important;border:1px solid #d2b16a8c!important;border-radius:10px!important}.evolution-attack-row strong{color:#6b4a10!important;font-family:var(--font-title)!important}.attack-pill{color:#6b4a10!important;background:#ffffffa6!important;border:1px solid #d2b16a80!important}.evolution-qualities-row{color:var(--ink-soft)!important;background:#d2b16a1a!important;border-radius:10px!important}.evolution-qualities-row strong{color:var(--ink)!important}.quality-pill{color:var(--ink-soft)!important;background:#d2b16a38!important;border:1px solid #a0783259!important}.quality-pill--signature{color:#6b4a10!important;background:#fae69680!important;border:1px solid #d2b16a8c!important}.quality-description{color:var(--ink-soft)!important;background:#ffffff8c!important;border-color:#a0783233!important}.uses-pill{color:var(--ink)!important;font-family:var(--font-ui)!important;background:#d2b16a40!important;border:1px solid #a0783266!important}.evolution-field{color:var(--ink-soft)!important;background:#d2b16a1a!important;border-radius:10px!important}.evolution-field strong{color:var(--ink)!important}.evolution-stats-note{color:var(--ink-soft)!important;background:#d2b16a1a!important}.evolution-stats-note small{color:var(--ink-soft)!important}.meta-pill{font-family:var(--font-ui)!important}.meta-pill--stage{color:#6b4a10!important;background:#d2b16a40!important;border-color:#a0783266!important}.meta-pill--element,.meta-pill--class{color:var(--ink-soft)!important;background:#b4b4c833!important;border-color:#8c8ca04d!important}.empty-value{color:var(--ink-soft)!important;opacity:.65!important}.animon-details{margin-top:var(--space-4)!important}.character-hero{background:linear-gradient(180deg,#ffffff6b,#0000000a),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:4px solid var(--wood-edge)!important;box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 12px 40px #0000004d,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73!important;border-radius:12px!important;margin-bottom:1.5rem!important;animation:none!important;position:relative!important;overflow:visible!important}.character-hero:before{content:""!important;pointer-events:none!important;opacity:1!important;z-index:2!important;background:0 0!important;border:1px solid #d2b16a38!important;border-radius:8px!important;height:auto!important;position:absolute!important;inset:0!important}.character-hero:after{display:none!important}.character-avatar-img{border:3px solid var(--wood-edge)!important;box-shadow:0 0 0 1px var(--gold-2),0 0 0 3px var(--wood-edge),0 6px 24px #00000047!important;border-radius:14px!important}.character-avatar-placeholder{background:linear-gradient(135deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:3px solid var(--wood-edge)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 0 0 1px var(--gold-2),0 0 0 3px var(--wood-edge),0 4px 16px #0003!important;border-radius:14px!important}.character-type-badge{background:linear-gradient(135deg,var(--wood) 0%,#3d2510 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--gold-bright)!important;font-family:var(--font-title)!important;letter-spacing:.04em!important;border:1.5px solid #d2b16a66!important;box-shadow:inset 0 1px #ffffff1f,0 2px 8px #00000040!important}.character-type-badge:hover{background:linear-gradient(135deg,var(--wood-2) 0%,var(--wood) 100%)!important}.character-hero-name{font-family:var(--font-title)!important;color:var(--ink)!important;text-shadow:0 1px #ffffff8c!important;letter-spacing:.04em!important}.character-hero-description{color:var(--ink-soft)!important;font-family:var(--font-body)!important}.hero-text-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#d2b16a1a!important;border:1px solid #a0783240!important}.hero-description-input{color:var(--ink)!important;background:#ebd7b466!important;border:1px solid #a0783266!important;border-radius:10px!important}.hero-description-input::placeholder{color:var(--ink-soft)!important;opacity:.6!important}.hero-description-input:focus{border-color:var(--gold-2)!important;background:#ebd7b499!important;box-shadow:0 0 0 3px #d2b16a38!important}.hero-meta-item{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--ink-soft)!important;background:#d2b16a2e!important;border:1px solid #a0783259!important}.hero-meta-item:hover{color:var(--ink)!important;background:#d2b16a4d!important}.character-hero-actions .btn{font-family:var(--font-ui)!important;font-weight:700!important}.character-hero-actions .btn-primary{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 55%,var(--gold-2) 100%)!important;color:var(--wood)!important;border:1px solid var(--gold-deep)!important;box-shadow:0 3px 10px #0003,inset 0 1px #ffffff73!important}.character-hero-actions .btn-primary:hover{filter:brightness(1.06)!important;box-shadow:0 6px 18px #0000003d,inset 0 1px #ffffff73!important}.character-hero-actions .hero-btn-json{color:#d4f0db!important;background:linear-gradient(135deg,#28783ccc,#145a28e6)!important;border-color:#28783c99!important}.character-hero-actions .hero-btn-pdf{color:#f8d0d0!important;background:linear-gradient(135deg,#b42828cc,#8c1414e6)!important;border-color:#b4282899!important}.hero-toggle-label{color:var(--ink)!important;font-family:var(--font-ui)!important}.hero-visibility-hint{color:var(--ink-soft)!important}.hero-view-only-badge{color:var(--ink-soft)!important;background:#d2b16a33!important;border:1px solid #a0783259!important}.hero-visibility-toggle{font-family:var(--font-ui)!important;border-radius:20px!important}.hero-visibility-toggle.is-public{background:linear-gradient(135deg,#288c46d9,#146e32e6)!important;border-color:#28783c8c!important;box-shadow:0 2px 8px #1e783c4d!important}.hero-visibility-toggle.is-private{color:#e8d8b0!important;background:linear-gradient(135deg,#6450328c,#503c23a6)!important;border-color:#785a3273!important}.character-section{background:linear-gradient(180deg,#fff6,#00000008),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:4px solid var(--wood-edge)!important;box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 8px 28px #00000040,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73!important;border-radius:12px!important}.character-section:before{content:""!important;pointer-events:none!important;opacity:1!important;z-index:1!important;background:0 0!important;border:1px solid #d2b16a38!important;border-radius:8px!important;height:auto!important;position:absolute!important;inset:0!important}.character-section:hover{box-shadow:0 0 0 1.5px var(--gold),0 0 0 5px var(--wood-edge),0 12px 32px #0000004d,0 0 16px #d2b16a1a,inset 0 0 0 1.5px #d2b16a66,inset 0 1px #ffffff73!important;transform:none!important}.character-section:hover:before{opacity:1!important}.section-header{border-bottom-color:#a0783238!important}.section-title{font-family:var(--font-title)!important;color:var(--ink)!important}.trait-card{border:3px solid var(--wood-edge)!important;background:linear-gradient(#ffffff80,#00000005),linear-gradient(#f8efda,#eed9b5)!important;border-radius:14px!important;box-shadow:0 0 0 1px #d2b16a66,0 4px 16px #0000002e,inset 0 1px #ffffffa6!important}.trait-body{border-top:4px solid #4a9e5c!important}.trait-mind{border-top:4px solid #6d3daa!important}.trait-spirit{border-top:4px solid #c9900e!important}.trait-card:hover{box-shadow:0 0 0 1px var(--gold),0 10px 28px #00000038,inset 0 1px #ffffffa6!important;border-color:#a078328c!important;transform:translateY(-4px)!important}.trait-body:after,.trait-mind:after,.trait-spirit:after{background:0 0!important}.trait-score{font-family:var(--font-title)!important;text-shadow:0 2px 4px #0000001f!important;font-size:3rem!important;font-weight:700!important}.trait-body .trait-score{color:#2d6e3e!important;-webkit-text-fill-color:#2d6e3e!important}.trait-mind .trait-score{color:#5a2d8a!important;-webkit-text-fill-color:#5a2d8a!important}.trait-spirit .trait-score{color:#8a5d0a!important;-webkit-text-fill-color:#8a5d0a!important}.trait-info h3{font-family:var(--font-title)!important;color:var(--ink)!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:.82rem!important}.trait-info p{color:var(--ink-soft)!important;font-family:var(--font-body)!important}.roll-hint{color:var(--ink-soft)!important}.talent-card{background:linear-gradient(180deg,#ffffff6b,#00000005),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:1px solid #a078324d!important;border-left:4px solid var(--gold-2)!important;border-radius:14px!important;box-shadow:0 2px 10px #0000001f,inset 0 1px #ffffff8c!important}.talent-card:before{display:none!important}.talent-card:hover{border-left-color:var(--gold-bright)!important;transform:translateY(-2px)!important;box-shadow:0 8px 22px #00000029,inset 0 1px #ffffff8c!important}.talent-name{font-family:var(--font-title)!important;color:var(--ink)!important;font-size:1.05rem!important}.talent-description{color:var(--ink-soft)!important;font-family:var(--font-body)!important}.talent-rank-badge{background:linear-gradient(135deg,var(--wood) 0%,#3d2510 100%)!important;color:var(--gold-bright)!important;font-family:var(--font-ui)!important;border:1.5px solid #d2b16a66!important;border-radius:999px!important;padding:.2rem .75rem!important;font-weight:700!important;box-shadow:inset 0 1px #ffffff26,0 2px 6px #00000040!important}.talent-card:hover .talent-rank-badge{transform:none!important;box-shadow:inset 0 1px #ffffff26,0 4px 14px #0000004d!important}.character-stats-bar{background:linear-gradient(180deg,#fff6,#00000008),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:4px solid var(--wood-edge)!important;box-shadow:0 0 0 1.5px var(--gold-2),0 0 0 5px var(--wood-edge),0 8px 28px #00000040,inset 0 0 0 1.5px #d2b16a4d,inset 0 1px #ffffff73!important;border-radius:12px!important}.stat-tile{background:linear-gradient(#ffffff80,#00000005),linear-gradient(#f8efda,#eed9b5)!important;border:1.5px solid #a078324d!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff8c!important}.stat-tile:hover{box-shadow:0 6px 18px #00000024,inset 0 1px #ffffff8c!important}.stat-tile-value{font-family:var(--font-title)!important;color:var(--ink)!important}.stat-tile-value.stat-bounce{color:var(--gold-2)!important}.stat-tile-label{color:var(--ink-soft)!important;font-family:var(--font-ui)!important}.stat-tile--stamina{border-color:#c07050!important}.stat-tile--bond-points{border-color:var(--gold-2)!important}.stat-tile--bond-level{border-color:#c9900e!important}.stat-tile--xp{border-color:#8a6d20!important}.stat-tile-btn{color:var(--ink)!important;background:#d2b16a33!important;border:1px solid #a0783266!important}.stat-tile-btn:hover{border-color:var(--gold-2)!important;background:#d2b16a61!important;box-shadow:0 3px 8px #00000024!important}.stat-tile-cap{color:var(--ink-soft)!important}.character-stats-bar--inline .stat-card{background:0 0!important;border:1px solid #a0783240!important;border-radius:14px!important;box-shadow:inset 0 1px #ffffff80!important}.stat-card{background:linear-gradient(180deg,#ffffff6b,#00000005),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important}.stat-card:not(:last-child):after{background:#a0783238!important}.stat-card:hover{background:#d2b16a2e!important}.stat-card-label{color:var(--ink-soft)!important;font-family:var(--font-ui)!important}.stat-card-value{font-family:var(--font-title)!important;color:var(--ink)!important}.stat-card-value.stat-bounce{color:var(--gold-2)!important}.stat-edit-btn{color:var(--ink)!important;background:#d2b16a33!important;border:1px solid #a0783266!important}.stat-edit-btn:hover{border-color:var(--gold-2)!important;background:#d2b16a61!important;transform:scale(1.12)!important}.stat-edit-status{color:var(--ink-soft)!important}.detail-card{background:linear-gradient(180deg,#ffffff6b,#00000005),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)!important;border:1px solid #a0783247!important;border-radius:14px!important;box-shadow:0 2px 10px #0000001a,inset 0 1px #ffffff8c!important}.detail-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px #00000024,inset 0 1px #ffffff8c!important}.detail-virtue{border-left:4px solid #6d3daa!important}.detail-flaw{border-left:4px solid #c9900e!important}.detail-desire{border-left:4px solid #c04070!important}.detail-item{border-left:4px solid #2d7a4a!important}.detail-content h4{font-family:var(--font-title)!important;color:var(--ink)!important}.detail-content p{color:var(--ink-soft)!important;font-family:var(--font-body)!important}.description-card{border:1px solid #a078324d!important;border-left-width:4px!important;border-left-color:var(--gold-2)!important;background:#ebd7af59!important;border-radius:14px!important}.description-card p{color:var(--ink)!important;font-family:var(--font-body)!important}.sheet-textarea{color:var(--ink)!important;font-family:var(--font-body)!important;background:#ebd7af80!important;border:1px solid #a0783259!important;border-radius:10px!important}.sheet-textarea::placeholder{color:var(--ink-soft)!important;opacity:.6!important}.sheet-textarea:focus{border-color:var(--gold-2)!important;box-shadow:0 0 0 3px #d2b16a38!important}.sheet-edit-footer .btn.btn-primary.btn-sm{background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 55%,var(--gold-2) 100%)!important;color:var(--wood)!important;border:1px solid var(--gold-deep)!important;font-family:var(--font-ui)!important;font-weight:700!important;box-shadow:0 3px 10px #0000002e,inset 0 1px #ffffff73!important}.sheet-save-status{color:var(--ink-soft)!important}@media(min-width:1025px){.character-section--description{grid-column:1/-1!important}}.type-info-card{border:1px solid #a078324d!important;border-left:4px solid var(--gold-2)!important;background:#ebd7af59!important;border-radius:14px!important}.type-info-card p{color:var(--ink)!important;font-family:var(--font-body)!important}.type-info-card strong{color:var(--wood)!important;font-family:var(--font-title)!important}.type-info-card:hover{transform:none!important;box-shadow:0 6px 18px #00000024!important}.character-section--relationships .detail-card .detail-icon{font-family:var(--font-title)!important;color:var(--gold-2)!important;filter:none!important;flex-shrink:0!important;width:32px!important;font-size:1.4rem!important}.character-section--relationships .detail-card .detail-content p{color:var(--ink)!important;font-family:var(--font-body)!important;font-size:1rem!important}.alert{font-family:var(--font-body);background:linear-gradient(180deg,#ffffff59,#0000000a),var(--paper)!important;border-left:4px solid var(--gold)!important;color:var(--ink-soft)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important}.alert-success{border-left-color:var(--good)!important}.alert-danger{border-left-color:var(--bad)!important}.text-red-600,.text-danger,.invalid-feedback{font-family:var(--font-body);color:var(--bad)!important}.modern-footer{color:#f0e2c466!important;background:linear-gradient(#3a332b,#2a241e)!important;border-top:1px solid #ffffff0f!important}.footer-logo{color:var(--gold-bright)!important;font-family:var(--font-title)!important}.footer-description{color:#f0e2c46b!important;font-family:var(--font-body)!important}.app-footer{font-family:var(--font-ui);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#f0e2c459;border-top:1px solid #ffffff0f}.swal2-popup{background:linear-gradient(180deg,#ffffff61,#0000000a),linear-gradient(180deg,var(--paper),var(--paper-2))!important;border:1px solid var(--line-strong)!important;box-shadow:var(--shadow-md)!important;font-family:var(--font-body)!important;border-radius:var(--radius-lg)!important}.swal2-title{font-family:var(--font-title)!important;color:var(--ink)!important}.swal2-html-container{color:var(--ink-soft)!important;font-family:var(--font-body)!important}.swal2-confirm{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);background:linear-gradient(180deg,#ffffff1f,#0000002e),linear-gradient(180deg,var(--gold-bright),var(--gold-2))!important;color:var(--ink)!important;font-family:var(--font-ui)!important;box-shadow:var(--shadow-sm),var(--shadow-inset)!important;border:1px solid #2b221861!important;border-radius:12px!important}.form-group{margin-bottom:var(--space-6);animation:fadeInUp .4s var(--ease-out-expo);position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-label{color:var(--text-primary);margin-bottom:var(--space-2);transition:color var(--transition-fast);font-size:.875rem;font-weight:600;display:block}.form-label.required:after{content:" *";color:#ef4444;margin-left:2px;font-weight:700}.form-input,.form-select,.form-textarea{width:100%;color:var(--text-primary);background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);outline:none;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;position:relative}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400);opacity:.7}.form-select:hover:not(:disabled){border-color:var(--primary-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-input:hover:not(:disabled):not(:readonly){border-color:var(--primary-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-textarea:hover:not(:disabled):not(:readonly){border-color:var(--primary-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a,var(--shadow-md);background:#fff;transform:translateY(-2px)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-50)}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.form-hint{margin-top:var(--space-2);color:var(--text-secondary);opacity:.8;animation:fadeIn var(--duration-fast) ease;font-size:.8125rem;display:block}.form-error{margin-top:var(--space-2);color:#ef4444;animation:slideDown .3s var(--ease-out-expo);font-size:.8125rem;font-weight:500;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-select{cursor:pointer;appearance:none;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 .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}.form-select:focus{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='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:before{width:300px;height:300px}.btn:focus{outline:none;box-shadow:0 0 0 4px #3b82f633}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-md{padding:.75rem 1.5rem;font-size:.9375rem}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.btn-full{width:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:var(--shadow-md),0 0 #3b82f666}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.btn-secondary{background:var(--gray-100);color:var(--text-primary);border:2px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-danger{color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-lg),0 0 20px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.btn-outline{color:var(--primary-600);border:2px solid var(--primary-300);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-icon{transition:transform var(--transition-fast);align-items:center;font-size:1.125em;display:inline-flex}.btn:hover .btn-icon{transform:scale(1.1)}.btn-text{z-index:1;position:relative}.btn-loading{pointer-events:none;opacity:.8}.btn-spinner{margin-right:var(--space-2);align-items:center;display:inline-flex}.spinner{width:1em;height:1em;animation:1s linear infinite spin}.spinner-path{stroke:currentColor;stroke-linecap:round;stroke-dasharray:90 150;stroke-dashoffset:0;animation:1.5s ease-in-out infinite dash}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-normal);animation:fadeInUp .4s var(--ease-out-expo);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,var(--primary-500),var(--primary-600));opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-200);transform:translateY(-4px)}.card:hover:before{opacity:1}.card.no-padding .card-body{padding:0}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-light);background:linear-gradient(#fffc,#fff6);justify-content:space-between;align-items:center;display:flex}.card-header-content{align-items:center;gap:var(--space-4);display:flex}.card-icon{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;animation:2s ease-in-out infinite pulseScale;display:flex}@keyframes pulseScale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.card-header-text{flex:1}.card-title{color:var(--text-primary);margin:0 0 var(--space-1) 0;font-size:1.25rem;font-weight:700;line-height:1.3}.card-subtitle{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.card-header-actions{gap:var(--space-2);display:flex}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-light);background:var(--gray-50)}.alert{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-4);animation:slideInRight .4s var(--ease-out-expo);border:2px solid;position:relative;overflow:hidden}.alert:before{content:"";background:currentColor;width:4px;position:absolute;top:0;bottom:0;left:0}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.alert-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.alert-icon{animation:bounceIn .6s var(--ease-spring);flex-shrink:0;font-size:1.5rem}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.alert-title{flex:1;margin:0;font-size:1rem;font-weight:700}.alert-close{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;display:flex}.alert-close:hover{opacity:1;background:#0000000d}.alert-content{margin-left:calc(1.5rem + var(--space-3))}.alert-success{color:#15803d;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e}.alert-error{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.alert-warning{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.alert-info{border-color:var(--primary-500);color:var(--primary-700);background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-icon{align-items:center;font-size:.875em;display:inline-flex}.badge-text{line-height:1}.badge-sm{padding:.25rem .5rem;font-size:.6875rem}.badge-md{padding:.375rem .75rem;font-size:.75rem}.badge-lg{padding:.5rem 1rem;font-size:.875rem}.badge-default{background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--gray-200)}.badge-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-sm)}.badge-success{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#22c55e,#16a34a)}.badge-warning{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f59e0b,#d97706)}.badge-danger{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ef4444,#dc2626)}.badge-info{color:#fff;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#06b6d4,#0891b2)}.badge:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)scale(1.05)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);animation:fadeInScale .5s var(--ease-out-expo)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.empty-icon{margin-bottom:var(--space-4);filter:drop-shadow(0 4px 12px #0000001a);font-size:4rem;animation:3s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-title{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:1.5rem;font-weight:700}.empty-description{color:var(--text-secondary);margin:0 0 var(--space-6) 0;max-width:400px;margin-left:auto;margin-right:auto;font-size:1rem}.empty-action{margin-top:var(--space-6)}.stats-row{gap:var(--space-3);animation:fadeInUp .4s var(--ease-out-expo);flex-wrap:wrap;display:flex}.stat-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:2px solid var(--primary-200);border-radius:var(--radius-lg);color:var(--primary-700);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.stat-pill:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.stat-pill:hover:before{left:100%}.stat-pill.clickable{cursor:pointer}.stat-pill.clickable:hover{border-color:var(--primary-400);box-shadow:var(--shadow-lg),var(--shadow-glow);background:linear-gradient(135deg,var(--primary-100),var(--primary-200));transform:translateY(-3px)scale(1.05)}.stat-pill.clickable:active{transform:translateY(-1px)scale(1.02)}.stat-icon{align-items:center;font-size:1.125em;display:inline-flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.75rem}.stat-value{font-size:1em;font-weight:700}.clickable-stats .stat-pill{animation:fadeInUp .4s var(--ease-out-expo)}.clickable-stats .stat-pill:first-child{animation-delay:50ms}.clickable-stats .stat-pill:nth-child(2){animation-delay:.1s}.clickable-stats .stat-pill:nth-child(3){animation-delay:.15s}.clickable-stats .stat-pill:nth-child(4){animation-delay:.2s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stagger-item{animation:fadeInUp .4s var(--ease-out-expo) backwards}.stagger-item:first-child{animation-delay:50ms}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}@media(max-width:768px){.card-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}.card-header-actions{justify-content:flex-end;width:100%}.btn{padding:.625rem 1.25rem;font-size:.875rem}.stats-row{gap:var(--space-2)}.stat-pill{padding:var(--space-2) var(--space-3);font-size:.8125rem}}.card-gradient{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffd9)}.alert-animated{animation:slideInRight .4s var(--ease-out-expo)}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.glow{box-shadow:var(--shadow-glow)}.glow:hover{box-shadow:var(--shadow-glow-lg)}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.creation-progress{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);animation:slideDown .4s var(--ease-out-expo);background:#fffffff2;position:sticky;top:80px}.progress-steps{justify-content:space-between;align-items:center;margin:0;padding:0;list-style:none;display:flex;position:relative}.progress-steps:before{content:"";background:var(--gray-200);z-index:0;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.progress-line{background:linear-gradient(90deg,var(--primary-500),var(--primary-600));z-index:1;height:3px;transition:width var(--transition-slow) var(--ease-out-expo);border-radius:var(--radius-full);position:absolute;top:50%;left:0;transform:translateY(-50%)}.progress-step{z-index:2;align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex;position:relative}.step-indicator{border:3px solid var(--gray-300);width:48px;height:48px;color:var(--gray-500);transition:all var(--transition-normal);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex;position:relative}.step-indicator:after{content:"";transition:all var(--transition-normal);border:2px solid #0000;border-radius:50%;position:absolute;inset:-4px}.progress-step.active .step-indicator{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:var(--primary-500);color:#fff;box-shadow:var(--shadow-glow);transform:scale(1.1)}.progress-step.active .step-indicator:after{border-color:var(--primary-300);animation:2s ease-in-out infinite pulse-ring}.progress-step.completed .step-indicator{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e}.progress-step.completed .step-indicator:before{content:"✓";font-size:1.25rem}.step-label{color:var(--text-secondary);text-align:center;transition:color var(--transition-fast);font-size:.75rem;font-weight:600}.progress-step.active .step-label{color:var(--primary-600);font-weight:700}.progress-step.completed .step-label{color:#16a34a}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.creation-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);animation:fadeInUp .5s var(--ease-out-expo);transition:all var(--transition-normal);background:#fffffffa}.creation-section:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.creation-section.hidden{display:none}.creation-section.fade-out{animation:.3s forwards fadeOut}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.section-header-enhanced{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-100);display:flex}.section-icon-enhanced{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:var(--radius-lg);width:64px;height:64px;box-shadow:var(--shadow-md);flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;animation:3s ease-in-out infinite float;display:flex}.section-info-enhanced{flex:1}.section-title-enhanced{color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:1.75rem;font-weight:800;line-height:1.2}.section-description-enhanced{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.6}.form-field-enhanced{margin-bottom:var(--space-6);animation:fadeInUp .4s var(--ease-out-expo) backwards;position:relative}.form-field-enhanced:first-child{animation-delay:50ms}.form-field-enhanced:nth-child(2){animation-delay:.1s}.form-field-enhanced:nth-child(3){animation-delay:.15s}.form-field-enhanced:nth-child(4){animation-delay:.2s}.field-label-enhanced{align-items:center;gap:var(--space-2);color:var(--text-primary);margin-bottom:var(--space-2);font-size:.9375rem;font-weight:600;display:flex}.field-label-enhanced .required-mark{color:#ef4444;font-weight:700}.field-hint-enhanced{margin-top:var(--space-2);color:var(--text-secondary);opacity:.8;font-size:.8125rem;animation:.3s fadeIn;display:block}.field-validation{right:var(--space-3);align-items:center;gap:var(--space-2);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.field-validation-icon{width:20px;height:20px;animation:scaleIn .3s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex}.field-validation-icon.valid{color:#fff;background:#22c55e}.field-validation-icon.invalid{color:#fff;background:#ef4444}.form-actions-enhanced{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;margin-top:var(--space-8);border-top:2px solid var(--gray-100);display:flex}.form-actions-enhanced .btn-group{gap:var(--space-3);display:flex}.btn-nav{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:2px solid #0000;font-weight:600;display:inline-flex}.btn-nav-prev{background:var(--gray-100);color:var(--text-primary);border-color:var(--gray-300)}.btn-nav-prev:hover{background:var(--gray-200);transform:translate(-2px)}.btn-nav-next{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-md)}.btn-nav-next:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translate(2px)}.btn-nav:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.character-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);animation:slideInRight .5s var(--ease-out-expo);background:#fffffffa;position:sticky;top:80px}.preview-header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--gray-100)}.preview-avatar{width:120px;height:120px;margin:0 auto var(--space-4);border:4px solid var(--primary-200);box-shadow:var(--shadow-md);object-fit:cover;background:var(--gray-100);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;display:flex}.preview-name{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.preview-stats{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.preview-stat{text-align:center;padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.preview-stat:hover{background:var(--primary-50);transform:scale(1.05)}.preview-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-size:.75rem}.preview-stat-value{color:var(--primary-600);font-size:1.5rem;font-weight:700}.auto-save-indicator{bottom:var(--space-6);right:var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);align-items:center;gap:var(--space-2);color:var(--text-secondary);z-index:1000;animation:slideInUp .4s var(--ease-out-expo);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);background:#fffffff2;font-size:.875rem;display:flex;position:fixed}.auto-save-indicator.show{opacity:1}.auto-save-indicator.saving{color:var(--primary-600)}.auto-save-indicator.saved{color:#22c55e}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.loading-spinner-large{border:4px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;width:64px;height:64px;animation:1s linear infinite spin}.loading-text{margin-top:var(--space-4);color:var(--text-primary);font-size:1.125rem;font-weight:600}@media(max-width:1024px){.creation-progress{position:relative;top:0}.character-preview{margin-top:var(--space-6);position:relative;top:0}.progress-steps{gap:var(--space-4);flex-wrap:wrap}.progress-steps:before,.progress-line{display:none}}@media(max-width:768px){.creation-section{padding:var(--space-4)}.section-title-enhanced{font-size:1.5rem}.form-actions-enhanced{flex-direction:column}.form-actions-enhanced .btn-group{width:100%}.btn-nav{flex:1;justify-content:center}.auto-save-indicator{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}button,.btn,a{touch-action:manipulation;min-height:44px}@media(max-width:768px){.main-navigation{display:none}.mobile-nav{display:block}.container{padding-inline:calc(var(--spacing) * 3)}.home-container,.dashboard-container{padding:calc(var(--spacing) * 3)}}@media(max-width:480px){.container{padding-inline:calc(var(--spacing) * 2)}.home-container,.dashboard-container{padding:calc(var(--spacing) * 2)}}@media(min-width:769px)and (max-width:1024px){.container{padding-inline:calc(var(--spacing) * 6)}}.tabletop-container{max-width:1200px;padding:var(--space-8,2rem) var(--space-4,1rem) var(--space-12,3rem);margin:0 auto}.tabletop-header{text-align:center;margin-bottom:var(--space-6);padding:var(--space-6);background-image:var(--ui-bg-main);border-radius:var(--radius-lg);background-position:50%;background-size:cover;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;background:#fff!important}.tabletop-header-top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex;background-image:linear-gradient(#fffffff2,#fffffff2),var(--ui-bg-panel)!important;background-position:50%!important;background-size:cover!important}.tabletop-header-top>div{text-align:center;flex:1}.header-collapse-button{padding:var(--space-2);color:var(--text-secondary);border:1px solid var(--border-light);z-index:1;background:0 0;flex-shrink:0;position:relative}.tabletop-title:before{content:"";background-image:var(--ui-title);opacity:.3;z-index:-1;border-radius:var(--radius-sm);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;width:min(560px,90%);height:92px;margin-top:-4px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header-collapse-button:hover{background:var(--surface-light);color:var(--text-primary)}.header-collapse-button svg{transition:transform .2s;background-image:linear-gradient(#fffffff0,#fffffff0),var(--ui-plank)!important;background-position:50%!important;background-size:cover!important}.tabletop-header-content{max-height:500px;transition:all .3s;overflow:hidden}.tabletop-header.collapsed .tabletop-header-content{background-image:linear-gradient(#ffffffeb,#ffffffeb),var(--ui-bg-panel);opacity:0;background-position:50%;background-size:cover;max-height:0}.tabletop-title{margin-bottom:var(--space-3);background-image:linear-gradient(#fffffff5,#fffffff5),var(--ui-bg-panel);justify-content:center;align-items:center;gap:var(--space-3);background-position:50%;background-size:cover;font-size:clamp(2rem,4vw,3rem);font-weight:800;display:flex;color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important;background:0 0!important}.tabletop-subtitle{margin-bottom:var(--space-6);font-size:1.125rem;color:#4b5563!important}.room-info{background-image:linear-gradient(#fffffff2,#fffffff2),var(--ui-bg-modal);background-position:50%;background-size:cover;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);display:none}.room-info.show{display:block}.room-info-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex;background-image:linear-gradient(#ffffffe6,#ffffffe6),var(--ui-button)!important;background-position:50%!important;background-size:cover!important}.room-info-content{gap:var(--space-2);align-items:center;display:flex}.room-share-link{padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-light);background-image:linear-gradient(#2563ebd9,#2563ebd9),var(--ui-button);color:var(--text-primary);background-position:50%;background-size:cover;flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.copy-button{background-image:linear-gradient(#1d4ed8d9,#1d4ed8d9),var(--ui-button-hover);padding:var(--space-3);background:var(--primary-500);color:#fff;border-radius:var(--radius-sm);background-image:linear-gradient(#ffffffe6,#ffffffe6),var(--ui-button);cursor:pointer;background-position:50%;background-size:cover;border:none;flex-shrink:0;min-width:auto;transition:all .2s}.copy-button:hover{background:var(--primary-600);background-image:linear-gradient(#f9fafbeb,#f9fafbeb),var(--ui-button-hover);transform:translateY(-1px)}.collapse-button{padding:var(--space-2);min-width:auto;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapse-button:hover{background:var(--surface-light);color:var(--text-primary)}.collapse-button svg{transition:transform .2s}.room-info.collapsed{padding:var(--space-3) var(--space-4)}.tabletop-toolbar{border-radius:var(--radius-lg);margin-bottom:var(--space-4);z-index:100;flex-direction:column;gap:0;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:0 4px 12px -2px #00000014,0 2px 4px -2px #0000000a;background:#fff!important;border:1px solid #e2e5ea!important}.toolbar-status-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(#f8fafc,#f1f5f9);border-bottom:1px solid #e2e5ea;display:flex}.toolbar-status-spacer{flex:1}.toolbar-btn-icon{justify-content:center;min-width:34px;padding:var(--space-2)!important;min-height:34px!important}.toolbar-btn-accent{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.toolbar-btn-accent svg{color:#1d4ed8!important;stroke:#1d4ed8!important}.toolbar-btn-danger{color:#b91c1c!important;border-color:#fecaca!important}.toolbar-btn-danger:hover{color:#991b1b!important;background:#fef2f2!important;border-color:#f87171!important}.toolbar-btn-danger svg{color:#b91c1c!important;stroke:#b91c1c!important}.toolbar-select-sm{border-radius:var(--radius-sm);color:var(--text-primary);background:#fff;border:1px solid #d1d5db;min-height:34px;padding:3px 6px;font-size:.8rem}.toolbar-sections{flex-direction:column;display:flex}.toolbar-group{border-top:1px solid #e8ebef}.toolbar-group:last-child{border-bottom:none}.toolbar-group-header{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;color:#475569;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.toolbar-group-header:hover{color:#1e40af;background:#f8fafc}.toolbar-group-header .toolbar-group-icon{flex-shrink:0;color:#64748b!important;stroke:#64748b!important}.toolbar-group-header:hover .toolbar-group-icon{color:#1e40af!important;stroke:#1e40af!important}.toolbar-group-header span{text-align:left;flex:1}.toolbar-chevron{flex-shrink:0;transition:transform .2s;color:#94a3b8!important;stroke:#94a3b8!important}.toolbar-group.collapsed .toolbar-chevron{transform:rotate(-90deg)}.toolbar-group-content{padding:0 var(--space-3) var(--space-2);opacity:1;max-height:200px;transition:max-height .25s,padding .25s,opacity .2s;overflow:hidden}.toolbar-group.collapsed .toolbar-group-content{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.toolbar-inline-sep{width:1px;height:24px;margin:0 var(--space-1);background:#e2e5ea;flex-shrink:0}.toolbar-section{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.toolbar-separator{width:1px;height:32px;margin:0 var(--space-2);background:#d1d5db!important}.connection-status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.connection-status svg{stroke:currentColor!important}.connection-status.connected{color:#15803d!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}.connection-status.connecting{color:#b45309!important;background:#fffbeb!important;border:1px solid #fed7aa!important}.connection-status.disconnected{color:#b91c1c!important;background:#fef2f2!important;border:1px solid #fecaca!important}.toolbar-button{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;min-height:34px;padding:6px 10px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;color:#1f2937!important;background:#fff!important;border:1px solid #d1d5db!important}.toolbar-button svg{color:#4b5563!important;stroke:#4b5563!important}.toolbar-button:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a;color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.toolbar-button:hover svg{color:#1d4ed8!important;stroke:#1d4ed8!important}.toolbar-button:active{transform:translateY(0)}.toolbar-button.active{box-shadow:0 4px 6px -1px #0000001a;color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.toolbar-button.active svg{color:#fff!important;stroke:#fff!important}.toolbar-button:focus{outline-offset:2px;outline:2px solid #93c5fd}.toolbar-input-group{border-radius:var(--radius-md);align-items:center;gap:6px;min-height:34px;padding:5px 10px;display:flex;background:#fff!important;border:1px solid #d1d5db!important}.toolbar-input-group label{white-space:nowrap;font-size:.8rem;font-weight:500;color:#475569!important}.toolbar-input-group svg{color:#6b7280!important;stroke:#6b7280!important}.toolbar-input-group input[type=color]{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;width:32px;height:32px;padding:0}.toolbar-input-group input[type=range]{background:var(--border-light);cursor:pointer;border-radius:3px;outline:none;width:80px;height:6px}.toolbar-select{border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);background:#fff;padding:4px 8px;font-size:.85rem}.toggle-switch{align-items:center;width:42px;height:22px;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#e2e8f0;border:1px solid #cbd5f5;border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:3px;box-shadow:0 1px 2px #0f172a40}.toggle-switch input:checked+.toggle-slider{background:#3b82f6;border-color:#2563eb}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-label{color:#1f2937;font-size:.8rem;font-weight:600}.toolbar-input-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-500);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%}.toolbar-input-group input[type=range]::-moz-range-thumb{background:var(--primary-500);cursor:pointer;width:18px;height:18px;box-shadow:var(--shadow-sm);border:none;border-radius:50%}.tabletop-canvas-container{border:2px solid var(--border-light);border-radius:var(--radius-lg);width:100%;height:calc(100vh - 400px);min-height:600px;box-shadow:var(--shadow-lg);background:#fff;position:relative;overflow:hidden}.tabletop-canvas{cursor:crosshair;width:100%;height:100%;display:block}.token-controls{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;display:none;position:absolute}.token-controls.show{display:block}.token-controls button{margin-right:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);background:var(--surface-light);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.token-controls button:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.token-controls button:last-child{margin-right:0}.tabletop-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.tabletop-modal.show{display:flex}.tabletop-modal-content{background:var(--surface);padding:var(--space-8);border-radius:var(--radius-2xl);width:90%;max-width:500px;box-shadow:var(--shadow-2xl);border:1px solid var(--border-light);animation:.3s ease-out modalSlideIn;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{top:var(--space-4);right:var(--space-4);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute}.modal-close:hover{color:var(--text-primary);background:var(--surface-light)}.modal-title{color:var(--text-primary);margin-bottom:var(--space-6);align-items:center;gap:var(--space-3);font-size:1.5rem;font-weight:700;display:flex}.tabletop-form-group{margin-bottom:var(--space-4)}.tabletop-form-label{color:var(--text-primary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:600;display:block}.tabletop-form-input{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-light);color:var(--text-primary);font-size:1rem;transition:all .2s}.tabletop-form-input:focus{border-color:var(--primary-300);box-shadow:0 0 0 3px var(--primary-100);outline:none}.tabletop-form-input::placeholder{color:var(--text-muted)}.status-presets{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.status-chip{border:1px solid var(--border-light);background:var(--surface-light);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.status-chip:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}.status-chip.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.token-image-preview{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);border:1px dashed var(--border-light);border-radius:var(--radius-md);background:var(--surface-light);display:none}.token-image-preview.show{display:flex}.token-image-preview img{object-fit:cover;border:2px solid #111;border-radius:50%;width:72px;height:72px}.token-image-clear{min-height:36px;padding:var(--space-2) var(--space-4)}.tabletop-form-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.tabletop-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;min-height:44px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tabletop-btn-primary{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.tabletop-btn-primary:hover{background:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tabletop-btn-secondary{background:var(--surface-light);color:var(--text-primary);border-color:var(--border-light)}.tabletop-btn-secondary:hover{background:var(--surface);border-color:var(--border-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tabletop-btn:focus{outline:2px solid var(--primary-300);outline-offset:2px}@media(max-width:1024px){.tabletop-toolbar{padding:var(--space-3);gap:var(--space-1)}.toolbar-section{padding:0 var(--space-1)}.toolbar-button{padding:var(--space-2);min-height:36px;font-size:.8rem}.toolbar-input-group{padding:var(--space-2);min-height:36px}}@media(max-width:768px){.tabletop-container{padding:var(--space-4,1rem) var(--space-3,.75rem) var(--space-6,1.5rem)}.tabletop-toolbar{align-items:stretch;gap:var(--space-3);flex-direction:column;position:relative}.toolbar-section{flex-wrap:wrap;justify-content:center}.toolbar-separator{display:none}.tabletop-canvas-container{height:calc(100vh - 500px);min-height:400px}.tabletop-modal-content{padding:var(--space-6);margin:var(--space-4)}.tabletop-form-actions{flex-direction:column}.tabletop-btn{width:100%}}@media(max-width:480px){.tabletop-title{font-size:1.75rem}.tabletop-subtitle{font-size:1rem}.toolbar-button{padding:var(--space-1) var(--space-2);font-size:.75rem}.toolbar-input-group label{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.tabletop-modal-content{animation:none}.toolbar-button,.tabletop-btn{transition:none}}@media(prefers-contrast:high){.tabletop-toolbar,.toolbar-button{border-width:2px}.tabletop-canvas-container{border-width:3px}}@media(prefers-color-scheme:dark){.tabletop-header{background:#fff!important;border-color:#e5e7eb!important}.tabletop-title{color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important}.tabletop-subtitle{color:#4b5563!important}.tabletop-toolbar{background:#fff!important;border-color:#e5e7eb!important}.toolbar-button{color:#1f2937!important;background:#fff!important;border-color:#d1d5db!important}.toolbar-button svg{color:#4b5563!important;stroke:#4b5563!important}.toolbar-button:hover{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.toolbar-button:hover svg{color:#1d4ed8!important;stroke:#1d4ed8!important}.toolbar-button.active{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.toolbar-button.active svg{color:#fff!important;stroke:#fff!important}.toolbar-input-group{background:#fff!important;border-color:#d1d5db!important}.toolbar-input-group label{color:#1f2937!important}.toolbar-input-group svg{color:#6b7280!important;stroke:#6b7280!important}.toolbar-separator{background:#d1d5db!important}.tabletop-modal-content,.token-controls{background:#fff!important;border-color:#e5e7eb!important}.token-controls button{color:#1f2937!important;background:#fff!important;border-color:#d1d5db!important}.token-controls button:hover{color:#1d4ed8!important;background:#eff6ff!important}.room-info{background:#fff!important;border-color:#e5e7eb!important}.room-share-link{color:#1f2937!important;background:#f8f9fa!important;border-color:#d1d5db!important}}.tabletop-container{color:var(--ink,var(--text-primary))}.tabletop-header,.tabletop-toolbar,.room-info,.tabletop-modal-content,.token-controls{box-shadow:var(--shadow-sm),var(--shadow-inset);background:linear-gradient(180deg,#fff6,#00000008),linear-gradient(180deg,var(--paper,#efe2c7) 0%,var(--paper-2,#e7d7b8) 100%)!important;border:1px solid var(--line-strong,#2b221861)!important}.tabletop-title{text-shadow:0 1px #ffffff73;color:var(--ink,#2a231b)!important;-webkit-text-fill-color:var(--ink,#2a231b)!important}.tabletop-subtitle,.room-info-header p,.toolbar-group-header,.toolbar-input-group label,.toggle-label{color:var(--ink-soft,#2a231bb8)!important}.toolbar-status-bar{border-bottom:1px solid var(--line,#2b221838);background:linear-gradient(#d2b16a1a,#00000008)!important}.toolbar-group,.toolbar-inline-sep,.toolbar-separator{border-color:var(--line,#2b221838)!important;background:var(--line,#2b221838)!important}.toolbar-button,.tabletop-btn-secondary,.toolbar-input-group,.toolbar-select,.toolbar-select-sm,.room-share-link,.tabletop-form-input,.token-controls button,.status-chip{color:var(--ink-soft,#2a231bb8)!important;background:linear-gradient(#ffffff75,#00000008),#d2b16a2e!important;border:1px solid #a0783273!important}.toolbar-button svg,.toolbar-input-group svg,.toolbar-group-header .toolbar-group-icon,.toolbar-chevron{color:var(--ink-soft,#2a231bb8)!important;stroke:var(--ink-soft,#2a231bb8)!important}.toolbar-button:hover,.tabletop-btn-secondary:hover,.token-controls button:hover,.status-chip:hover,.toolbar-group-header:hover{border-color:var(--gold-2,#b99343)!important;color:var(--ink,#2a231b)!important;box-shadow:none!important;background:#d2b16a4d!important}.toolbar-button:hover svg,.toolbar-group-header:hover .toolbar-group-icon{color:var(--ink,#2a231b)!important;stroke:var(--ink,#2a231b)!important}.toolbar-button.active,.tabletop-btn-primary,.copy-button{background:linear-gradient(180deg,var(--gold-bright,#f0cc70) 0%,var(--gold,#d2b16a) 55%,var(--gold-2,#b99343) 100%)!important;color:var(--wood,#5a3a22)!important;border:1px solid var(--gold-deep,#7a5c1e)!important;box-shadow:0 3px 10px #0003,inset 0 1px #ffffff73!important}.toolbar-button.active svg,.tabletop-btn-primary svg,.copy-button svg{color:var(--wood,#5a3a22)!important;stroke:var(--wood,#5a3a22)!important}.connection-status.connected{color:var(--good,#2f7d4a)!important;background:#2f7d4a24!important;border-color:#2f7d4a59!important}.connection-status.connecting{color:var(--warn,#b9852c)!important;background:#b9852c29!important;border-color:#b9852c59!important}.connection-status.disconnected{color:var(--bad,#a33a2d)!important;background:#a33a2d24!important;border-color:#a33a2d59!important}}@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.right-0{right:calc(var(--spacing) * 0)}.z-0{z-index:0}.z-10{z-index:10}.col-6{grid-column:6}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-px{margin-left:-1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-\[32\.5rem\]{height:32.5rem}.h-\[35\.5rem\]{height:35.5rem}.max-h-32{max-height:calc(var(--spacing) * 32)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-100{width:calc(var(--spacing) * 100)}.w-\[8rem\]{width:8rem}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-top-right{transform-origin:100% 0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:#0000}.border-l-red-500{border-left-color:var(--color-red-500)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-200\/80{background-color:#e5e7ebcc}@supports (color:color-mix(in lab,red,red)){.bg-gray-200\/80{background-color:color-mix(in oklab,var(--color-gray-200) 80%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-white{background-color:var(--color-white)}.fill-red-500{fill:var(--color-red-500)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.wrap-normal{overflow-wrap:normal}.text-blue-500{color:var(--color-blue-500)}.text-gray-50{color:var(--color-gray-50)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.ring-gray-900\/5{--tw-ring-color:#1018280d}@supports (color:color-mix(in lab,red,red)){.ring-gray-900\/5{--tw-ring-color:color-mix(in oklab, var(--color-gray-900) 5%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.default\:col-span-full:default{grid-column:1/-1}.default\:row-span-1:default{grid-row:span 1/span 1}@media(hover:hover){.hover\:rounded-t-md:hover{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.hover\:rounded-b-md:hover{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-100\/75:hover{background-color:#f3f4f6bf}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-100\/75:hover{background-color:color-mix(in oklab,var(--color-gray-100) 75%,transparent)}}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-500:hover{color:var(--color-gray-500)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:text-gray-500:focus{color:var(--color-gray-500)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}@media(min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-10{margin-top:calc(var(--spacing) * 10)}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:max-w-80{max-width:calc(var(--spacing) * 80)}.md\:min-w-64{min-width:calc(var(--spacing) * 64)}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-2{gap:calc(var(--spacing) * 2)}}@media(min-width:64rem){.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:w-\[12rem\]{width:12rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.default\:lg\:col-span-6:default{grid-column:span 6/span 6}}.rtl\:flex-row-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media(prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border{border-style:var(--tw-border-style);border-width:1px}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-gray-800{border-color:var(--color-gray-800)}.dark\:border-gray-900{border-color:var(--color-gray-900)}.dark\:border-l-red-500{border-left-color:var(--color-red-500)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900\/80{background-color:#101828cc}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-900\/80{background-color:color-mix(in oklab,var(--color-gray-900) 80%,transparent)}}.dark\:bg-gray-950\/95{background-color:#030712f2}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-950\/95{background-color:color-mix(in oklab,var(--color-gray-950) 95%,transparent)}}.dark\:bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.dark\:text-gray-100{color:var(--color-gray-100)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}.dark\:text-gray-950{color:var(--color-gray-950)}.dark\:text-white{color:var(--color-white)}.dark\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:ring-gray-800{--tw-ring-color:var(--color-gray-800)}@media(hover:hover){.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-gray-800\/75:hover{background-color:#1e2939bf}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-gray-800\/75:hover{background-color:color-mix(in oklab,var(--color-gray-800) 75%,transparent)}}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}.dark\:hover\:text-gray-500:hover{color:var(--color-gray-500)}}.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:focus\:text-gray-500:focus{color:var(--color-gray-500)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-ink)}::-webkit-scrollbar-thumb{background:#5a4a38;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7a6248}@media print{.main-navigation,.mobile-nav,.modern-footer,.scroll-to-top{display:none!important}body{background:#fff!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}