:root{--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-gray-200: rgba(245, 245, 245, 1);--color-gray-300: rgba(167, 169, 169, 1);--color-gray-400: rgba(119, 124, 124, 1);--color-slate-500: rgba(98, 108, 113, 1);--color-brown-600: rgba(94, 82, 64, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-slate-900: rgba(19, 52, 59, 1);--color-teal-300: rgba(50, 184, 198, 1);--color-teal-400: rgba(45, 166, 178, 1);--color-teal-500: rgba(33, 128, 141, 1);--color-teal-600: rgba(29, 116, 128, 1);--color-teal-700: rgba(26, 104, 115, 1);--color-teal-800: rgba(41, 150, 161, 1);--color-red-400: rgba(255, 84, 89, 1);--color-red-500: rgba(192, 21, 47, 1);--color-orange-400: rgba(230, 129, 97, 1);--color-orange-500: rgba(168, 75, 47, 1);--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 33, 128, 141;--color-slate-900-rgb: 19, 52, 59;--color-slate-500-rgb: 98, 108, 113;--color-red-500-rgb: 192, 21, 47;--color-red-400-rgb: 255, 84, 89;--color-orange-500-rgb: 168, 75, 47;--color-orange-400-rgb: 230, 129, 97;--color-bg-1: rgba(59, 130, 246, .08);--color-bg-2: rgba(245, 158, 11, .08);--color-bg-3: rgba(34, 197, 94, .08);--color-bg-4: rgba(239, 68, 68, .08);--color-bg-5: rgba(147, 51, 234, .08);--color-bg-6: rgba(249, 115, 22, .08);--color-bg-7: rgba(236, 72, 153, .08);--color-bg-8: rgba(6, 182, 212, .08);--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-secondary: rgba(var(--color-brown-600-rgb), .12);--color-secondary-hover: rgba(var(--color-brown-600-rgb), .2);--color-secondary-active: rgba(var(--color-brown-600-rgb), .25);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-btn-primary-text: var(--color-cream-50);--color-card-border: rgba(var(--color-brown-600-rgb), .12);--color-card-border-inner: rgba(var(--color-brown-600-rgb), .12);--color-error: var(--color-red-500);--color-success: var(--color-teal-500);--color-warning: var(--color-orange-500);--color-info: var(--color-slate-500);--color-focus-ring: rgba(var(--color-teal-500-rgb), .4);--color-select-caret: rgba(var(--color-slate-900-rgb), .8);--color-success-rgb: 33, 128, 141;--color-error-rgb: 192, 21, 47;--color-warning-rgb: 168, 75, 47;--color-info-rgb: 98, 108, 113;--focus-ring: 0 0 0 3px var(--color-focus-ring);--focus-outline: 2px solid var(--color-primary);--status-bg-opacity: .15;--status-border-opacity: .25;--select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--accent-primary: #d4af37;--mystical-primary: #9d4edd;--mystical-secondary: #c77dff;--font-family-base: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--letter-spacing-tight: -.01em;--space-0: 0;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-base: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .03);--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-max-width: 1200px}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #334155;--accent-primary: #fbbf24;--accent-secondary: #f59e0b;--accent-hover: #d97706;--mystical-primary: #c4b5fd;--mystical-secondary: #a78bfa;--mystical-hover: #ddd6fe;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-accent: var(--accent-primary);--border-color: #475569;--border-hover: var(--accent-primary);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-mystical: 0 0 20px rgba(139, 92, 246, .3);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--sidebar-width: 280px;--navbar-height: 70px;--container-max-width: 1200px}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-wght-normal-DMUuCU8H.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-ext-wght-normal-CG36JvV6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}html{font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--space-16) 0}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover)}code,pre{font-family:var(--font-family-mono);font-size:calc(var(--font-size-base) * .95);background-color:var(--color-secondary);border-radius:var(--radius-sm)}code{padding:var(--space-1) var(--space-4)}pre{padding:var(--space-16);margin:var(--space-16) 0;overflow:auto;border:1px solid var(--color-border)}pre code{background:none;padding:0}:focus-visible{outline:var(--focus-outline);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.prose{margin-top:var(--space-md)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:1.5em;margin-bottom:.8em;line-height:1.2}.prose h1{font-size:var(--font-size-3xl);font-weight:800;color:var(--accent-primary);letter-spacing:-.02em}.prose h2{font-family:Cinzel,serif;font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-primary);border-bottom:1px solid var(--border-color);padding-bottom:.3em;margin-top:2em}.prose h3,.feature-title{font-size:var(--font-size-xl);font-weight:700;color:var(--mystical-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:1.5em}.class-subclass-item .prose h3,.class-subclass-item .prose h4{color:var(--mystical-secondary)}.prose h4{font-size:var(--font-size-lg);font-weight:400;color:var(--accent-primary);margin-top:1.5em;letter-spacing:.02em}.prose h5{font-size:var(--font-size-base);font-weight:400;color:var(--mystical-primary);margin-top:1.2em;font-style:italic;opacity:1}.prose th,.class-table th{color:var(--accent-primary);font-family:Cinzel,serif;font-weight:700;text-transform:uppercase}.prose h6{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-text-secondary);opacity:.8}.prose p{margin-bottom:var(--space-16)}.prose ul,.prose ol{margin-bottom:var(--space-16);padding-left:var(--space-24)}.prose li{margin-bottom:var(--space-4)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose strong,.prose b{font-weight:var(--font-weight-bold)}.prose--wide{max-width:none}.prose--muted{color:var(--text-secondary)}.form-control{display:block;width:100%;padding:var(--space-8) var(--space-12);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}textarea.form-control{font-family:var(--font-family-base);font-size:var(--font-size-base)}select.form-control{padding:var(--space-8) var(--space-12);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-caret-light);background-repeat:no-repeat;background-position:right var(--space-12) center;background-size:16px;padding-right:var(--space-32)}@media (prefers-color-scheme: dark){select.form-control{background-image:var(--select-caret-dark)}}:root[data-theme=dark] select.form-control,[data-color-scheme=dark] select.form-control{background-image:var(--select-caret-dark)}:root[data-theme=light] select.form-control,[data-color-scheme=light] select.form-control{background-image:var(--select-caret-light)}.form-control:focus{border-color:var(--color-primary);outline:var(--focus-outline)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:1000}.nav-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-lg);max-width:var(--container-max-width);margin:0 auto}.nav-brand h1{color:var(--accent-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.nav-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-left:var(--space-sm)}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.mobile-menu-btn span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:var(--transition-fast)}.sidebar{position:fixed;top:var(--navbar-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--navbar-height));background:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto;transition:transform var(--transition-normal);z-index:100}@media (min-width: 769px){body{background:linear-gradient(to right,var(--bg-secondary) var(--sidebar-width),var(--bg-primary) var(--sidebar-width));background-repeat:no-repeat}}.sidebar-content{padding:var(--space-lg)}.sidebar-nav{margin-bottom:var(--space-xl)}.sidebar-link{display:flex;align-items:center;padding:var(--space-md);color:var(--text-secondary);text-decoration:none;border-radius:8px;margin-bottom:var(--space-sm);transition:var(--transition-fast)}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--mystical-primary);color:var(--text-primary);box-shadow:var(--shadow-mystical)}.sidebar-icon{margin-right:var(--space-md);font-size:var(--font-size-lg)}.sidebar-search{position:relative}.search-input{width:100%;padding:var(--space-md);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:var(--font-size-sm)}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #fbbf2433}.search-input::placeholder{color:var(--text-muted)}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;display:none}.main-content{margin-left:var(--sidebar-width);padding:var(--navbar-height) var(--space-lg) var(--space-lg);min-height:100vh;transition:margin-left var(--transition-normal)}.breadcrumbs{margin-bottom:var(--space-lg);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color)}.update-notification{margin-bottom:var(--space-lg)}.update-notification .ui-alert{align-items:center}.update-notification .ui-btn--ghost{flex-shrink:0;border:1px solid rgba(251,191,36,.35);color:var(--accent-primary);background:#fbbf2414}.update-notification .ui-btn--ghost:hover{border-color:var(--accent-primary);color:var(--bg-primary);background:var(--accent-primary)}.breadcrumb-item{color:var(--text-muted);font-size:var(--font-size-sm)}.breadcrumb-item:not(:last-child):after{content:" > ";margin:0 var(--space-sm)}.breadcrumb-item:last-child{color:var(--text-primary)}.page{display:none;max-width:var(--container-max-width);margin:0 auto}.page.active{display:block}.hero{text-align:center;padding:var(--space-2xl) 0;margin-bottom:var(--space-2xl);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:16px;border:1px solid var(--border-color)}.hero-content{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.hero-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-lg);background:linear-gradient(45deg,var(--accent-primary),var(--mystical-primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.quick-nav{margin-bottom:var(--space-2xl)}.quick-nav h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);color:var(--text-primary)}.quick-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.quick-nav-card{cursor:pointer}.quick-nav-card.disabled{opacity:.5;cursor:not-allowed}.card-icon{font-size:2rem;margin-bottom:var(--space-md)}.quick-nav-card p{color:var(--text-secondary);margin-bottom:var(--space-md)}.card-stats{font-size:var(--font-size-sm);color:var(--text-muted)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-lg)}.page-header h1{font-size:var(--font-size-3xl);color:var(--accent-primary)}.page-controls{display:flex;gap:var(--space-md);flex-wrap:wrap}.filters{display:flex;gap:var(--space-sm);flex-wrap:wrap}.form-control{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:var(--font-size-sm);min-width:120px;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #fbbf2433}.form-control::placeholder{color:var(--text-muted)}select.form-control{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='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:calc(var(--space-md) + 1.5em + var(--space-sm));cursor:pointer}select.form-control option{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-sm)}.resource-grid,.spells-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}.spells-grid>bf-card{content-visibility:auto;contain-intrinsic-size:auto 180px}.classes-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 640px){.classes-grid{grid-template-columns:repeat(2,1fr)}}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}.overlay.active{display:block}.ui-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-16);border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:500;line-height:1.5;cursor:pointer;transition:all var(--duration-normal) var(--ease-standard);border:none;text-decoration:none;position:relative}.ui-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn--accent-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.ui-btn--accent-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#fbbf240d;box-shadow:0 0 15px #fbbf241a}.ui-btn--sm{padding:var(--space-4) var(--space-12);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--ghost{background:transparent;color:var(--text-primary, var(--color-text))}.ui-btn--ghost:hover{background:var(--color-secondary)}.ui-btn--icon{padding:var(--space-6);border-radius:var(--radius-full);line-height:1}bf-card{display:block;height:100%}.ui-card{position:relative;height:100%;display:flex;flex-direction:column;background-color:var(--bg-card, var(--color-surface));border-radius:var(--radius-lg);border:1px solid var(--border-color, var(--color-card-border));color:var(--text-primary, var(--color-text));box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.ui-card:hover{box-shadow:var(--shadow-md)}.ui-card__body{flex:1 1 auto;padding:var(--space-16)}.ui-card--interactive:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--mystical-primary));transform:scaleX(0);transition:transform var(--duration-normal) var(--ease-standard);z-index:1}.ui-card--interactive:hover:before,.ui-card--interactive:focus-within:before{transform:scaleX(1)}.ui-card--interactive:hover,.ui-card--interactive:focus-within{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;border:1px solid var(--border-color, transparent);background:var(--bg-tertiary, var(--color-secondary));color:var(--text-primary, var(--color-text))}.ui-badge--sm{font-size:var(--font-size-xs);padding:3px 8px}.ui-badge--outline{background:transparent;border-color:var(--color-border)}.ui-badge--source{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.ui-badge--magical{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf64d}.ui-badge--martial{background:#ef444426;color:#f87171;border-color:#ef44444d}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);white-space:nowrap;padding:4px 8px;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--font-size-xs);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard);z-index:10}.ui-tooltip:hover:after{opacity:1}.ui-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-xl);background:#0009;z-index:1000}.ui-modal__dialog{width:100%;max-width:720px;background:var(--bg-card, var(--color-surface));border-radius:var(--radius-lg);border:1px solid var(--border-color, var(--color-border));padding:var(--space-lg);box-shadow:var(--shadow-lg)}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.ui-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.ui-modal__body{display:flex;flex-direction:column;gap:var(--space-md)}.ui-modal__status{display:flex;align-items:center;justify-content:center;min-height:36px}.ui-field{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-base);border:1px solid var(--border-color, var(--color-border));background:var(--bg-secondary, var(--color-surface))}.ui-field:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #fbbf2433}.ui-field__icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.ui-field__input{flex:1;border:none;background:transparent;color:var(--text-primary, var(--color-text));font-size:var(--font-size-base);outline:none}.ui-field__input::placeholder{color:var(--text-muted)}.ui-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;background:var(--bg-tertiary);border-radius:999px;position:relative;cursor:pointer;border:1px solid var(--border-color);transition:background var(--duration-fast) var(--ease-standard)}.ui-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-primary);transition:transform var(--duration-fast) var(--ease-standard)}.ui-toggle:checked{background:var(--accent-primary)}.ui-toggle:checked:after{transform:translate(16px)}.ui-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ui-alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-secondary)}.ui-alert--info{background:rgba(var(--color-info-rgb, 98, 108, 113),.15);border-color:rgba(var(--color-info-rgb, 98, 108, 113),.25)}.ui-alert__icon{width:24px;height:24px;color:var(--color-info);flex-shrink:0}.ui-alert__title{font-weight:var(--font-weight-semibold);margin:0}.ui-alert__meta{font-size:var(--font-size-sm);color:var(--text-secondary, var(--color-text))}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.stack--lg{gap:var(--space-lg)}.stack--xl{gap:var(--space-xl)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-secondary)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hidden{display:none}.ui-card--interactive{cursor:pointer;text-align:left}.ui-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.filter-toggle{display:inline-flex;align-items:center;gap:var(--space-sm)}.filter-toggle__label{font-size:var(--font-size-sm);color:var(--text-secondary)}.filter-chips{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.filter-chip{padding:2px 8px;font-size:10px;min-height:0;height:auto}.ui-alert__body{flex:1}.spell-tag{background:#8b5cf633;color:var(--mystical-primary);padding:var(--space-xs) var(--space-sm);border-radius:12px;font-size:var(--font-size-xs);display:inline-flex;align-items:center;height:fit-content}.class-table__cell--center{text-align:center}.class-table__cell--level{width:60px}.class-table__cell--bonus{width:80px}.class-table__bonus{font-family:var(--font-mono);opacity:.8}.class-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-top:var(--space-md);overflow-x:auto;max-width:100%}.prose table{display:block;overflow-x:auto;width:100%;border-collapse:collapse}.class-table{width:100%;border-collapse:collapse}.class-table__cell{vertical-align:top}.class-table th,.prose table th{background:var(--bg-card);color:var(--accent-primary);font-weight:700;text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.1em;padding:var(--space-md);text-align:left;border-bottom:2px solid var(--border-color);white-space:nowrap}.class-table td,.prose table td{padding:var(--space-md);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);white-space:normal;max-width:75vw}@media (min-width: 768px){.class-table td,.prose table td{max-width:50vw}}@media (min-width: 1024px){.class-table td,.prose table td{max-width:25vw}}.class-table tr:last-child td,.prose table tr:last-child td{border-bottom:none}.class-table tr:hover td,.prose table tr:hover td{background:var(--bg-secondary-hover);background:#fbbf240d}.search-summary{margin-top:var(--space-sm);color:var(--text-secondary)}.result-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.result-groups{display:flex;flex-direction:column;gap:var(--space-md);max-height:360px;overflow:auto}.result-list--compact{gap:var(--space-xs)}.result-group{display:flex;flex-direction:column;gap:var(--space-sm)}.result-group__title{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.result-card__header{display:flex;align-items:center;gap:var(--space-sm)}.result-card{text-decoration:none;color:inherit}.result-card__desc{margin-top:var(--space-sm);color:var(--text-secondary)}.result-item{border:1px solid var(--color-card-border);border-radius:var(--radius-md);background:transparent;padding:0;text-align:left;width:100%}.result-item:focus-visible{outline:var(--focus-outline);outline-offset:2px}.result-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.result-item__name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.result-item__badges{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end}.detail-actions{margin-top:var(--space-xl);text-align:center}.detail-badges{margin-top:var(--space-md);display:flex;justify-content:center;gap:var(--space-xs);flex-wrap:wrap}.spell-detail-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg)}.related-section{margin-top:var(--space-2xl)}.related-section__title{margin-bottom:var(--space-lg);color:var(--accent-primary)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.resource-badges{display:flex;gap:var(--space-xs);align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}.resource-footer{margin-top:auto;padding-top:var(--space-md);display:flex;justify-content:flex-end}.resource-meta{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.resource-meta__item{margin-top:var(--space-xs)}.link-back{color:var(--accent-primary);font-weight:var(--font-weight-medium);text-decoration:none}.link-back:hover{color:var(--accent-hover)}.feature-title{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.subclass-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--accent-primary);margin-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-sm)}.class-header-right{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end}.ui-card__body>a{display:flex;flex-direction:column;height:100%;color:var(--text-primary);text-decoration:none}.list-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-md)}.quick-nav-card h3,.list-card-name{font-size:var(--font-size-xl);font-weight:700;color:var(--accent-primary);margin:0;text-transform:none;letter-spacing:normal;line-height:1.3}.spell-school,.list-card-type{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.spell-description{color:var(--text-secondary);margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spell-classes{color:var(--text-muted);font-size:var(--font-size-sm)}.class-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.class-header-left{display:flex;align-items:center;gap:var(--space-md)}.class-icon{font-size:2rem;display:flex;align-items:center;justify-content:center}.class-name{font-family:Cinzel,serif;font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-primary);margin:0;text-transform:uppercase;letter-spacing:.05em;padding-top:2px;line-height:1}.class-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-item{color:var(--text-secondary);font-size:var(--font-size-sm)}.stat-label{font-weight:600;color:var(--text-primary)}.stat-value{color:var(--text-secondary)}.class-features{margin-top:var(--space-lg)}.class-features h4{color:var(--mystical-primary);margin-bottom:var(--space-md)}.feature-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.class-detail-page{max-width:900px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:var(--space-2xl);animation:fade-in-up .4s ease-out}.class-detail-header{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--border-color)}.class-detail-icon{font-size:4rem;margin-bottom:var(--space-md);filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.class-detail-title{font-family:Cinzel,serif;font-size:var(--font-size-4xl);color:var(--accent-primary);margin-bottom:var(--space-xs);letter-spacing:.05em}.class-detail-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:500;text-transform:uppercase;letter-spacing:.2em}.class-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.class-progression-section,.class-features-section{margin-bottom:var(--space-2xl)}.class-subclasses-section{margin-top:var(--space-2xl)}.class-section-title{font-family:Cinzel,serif;font-size:var(--font-size-2xl);color:var(--accent-primary);margin-bottom:var(--space-xl);text-align:center;display:flex;align-items:center;gap:var(--space-md)}.class-section-title:before,.class-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(to var(--direction),transparent,var(--accent-primary),transparent)}.class-section-title:before{--direction: right}.class-section-title:after{--direction: left}.level-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-primary);color:var(--bg-card);border-radius:4px;font-weight:800;font-size:var(--font-size-sm)}.feature-tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.feature-tag{background:#fbbf241a;color:var(--accent-primary);padding:var(--space-xs) var(--space-sm);border-radius:6px;font-size:var(--font-size-xs)}.class-feature-item{padding:var(--space-md);border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary)}.class-description-section{padding:var(--space-xl);background:#ffffff05;border-radius:12px;border-left:4px solid var(--accent-primary)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spell-detail{max-width:800px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:var(--space-2xl)}.spell-detail-header{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.spell-detail-title{font-size:var(--font-size-3xl);color:var(--accent-primary);margin-bottom:var(--space-sm)}.spell-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.meta-item{text-align:center;padding:var(--space-md);background:var(--bg-secondary);border-radius:8px}.meta-label{font-weight:600;color:var(--mystical-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.meta-value{color:var(--text-primary)}.spell-higher-levels{background:#8b5cf61a;border:1px solid var(--mystical-primary);border-radius:8px;padding:var(--space-md);margin-bottom:var(--space-lg)}.spell-higher-levels h4{color:var(--mystical-primary);margin-bottom:var(--space-sm)}@media (max-width: 768px){.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{margin-left:0;padding-left:var(--space-md);padding-right:var(--space-md)}.update-notification .ui-alert{align-items:stretch;flex-direction:column}.update-notification .ui-alert__icon{display:none}.update-notification .ui-btn--ghost{align-self:flex-start}.page-header{flex-direction:column;align-items:stretch}.page-controls,.filters{flex-direction:column}.quick-nav-grid,.spells-grid,.spell-detail-meta,.class-stats{grid-template-columns:1fr}}@media (max-width: 480px){.hero-title{font-size:var(--font-size-2xl)}.nav-content{padding:0 var(--space-md)}.sidebar-content{padding:var(--space-md)}.spell-detail{padding:var(--space-lg)}}.rules-book-group{margin-bottom:var(--space-2xl)}.rules-book-group__title{font-family:Cinzel,serif;font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-primary);border-bottom:1px solid var(--border-color);padding-bottom:.3em;margin-bottom:var(--space-lg)}.rules-chapter-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.rules-chapter-card .list-card-name{margin-bottom:var(--space-sm)}.rules-chapter-card__meta{margin-top:auto;padding-top:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.02em}.rules-reader{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}@media (min-width: 768px){.rules-reader{grid-template-columns:minmax(180px,var(--sidebar-width)) minmax(0,1fr);gap:var(--space-2xl)}}.rules-toc{display:flex;flex-direction:column;gap:var(--space-2);border-left:1px solid var(--border-color);padding-left:var(--space-md)}@media (min-width: 768px){.rules-toc{position:sticky;top:var(--space-lg);max-height:calc(100vh - var(--space-2xl));overflow-y:auto;padding-right:var(--space-xs)}}.rules-toc__item{display:block;padding:var(--space-6) var(--space-sm);border-radius:var(--radius-sm);border-left:2px solid transparent;color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);line-height:var(--line-height-normal);transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.rules-toc__item:hover{color:var(--accent-primary);background:#fbbf240d}.rules-toc__item:focus-visible{outline:var(--focus-outline);outline-offset:2px}.rules-toc__item--active{color:var(--accent-primary);background:#fbbf2414;border-left-color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.rules-reader__body{min-width:0}.rules-reader__body .page-header h1{font-family:Cinzel,serif;font-size:var(--font-size-4xl);font-weight:800;color:var(--accent-primary);letter-spacing:.02em}.rules-section{scroll-margin-top:var(--space-2xl);padding-top:var(--space-xl)}.rules-section+.rules-section{border-top:1px solid var(--border-color)}.rules-section__heading{font-family:Cinzel,serif;font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-primary);line-height:var(--line-height-tight);margin-top:0;margin-bottom:var(--space-md)}.rules-section__original{display:inline;margin-left:var(--space-sm);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-style:italic;color:var(--text-muted);letter-spacing:normal;text-transform:none}.rules-section__body .prose>p:first-of-type:first-letter{float:left;font-family:Cinzel,serif;font-weight:700;color:var(--accent-primary);font-size:3.2em;line-height:.82;padding-right:var(--space-sm);margin-top:var(--space-1)}.rules-section__body .prose blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);border-left:4px solid var(--mystical-primary);border-radius:var(--radius-md);background:#8b5cf61a;color:var(--text-secondary)}.rules-section__body .prose blockquote>:first-child{margin-top:0}.rules-section__body .prose blockquote>:last-child{margin-bottom:0}.rules-section__body .prose ul,.rules-section__body .prose ol{padding-left:var(--space-24)}.rules-section__body .prose li::marker{color:var(--accent-primary)}.rules-section__body .prose li{margin-bottom:var(--space-6)}.rules-section__body .prose table{margin:var(--space-lg) 0;border:1px solid var(--border-color);border-radius:var(--radius-base)}.rules-section__body .prose table tbody tr:nth-child(2n) td{background:#fbbf2408}@media (prefers-reduced-motion: reduce){.rules-toc__item{transition:none}}