*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit}table{border-collapse:collapse}:root{--color-bg-base:#12100e;--color-bg-surface:#1c1912;--color-bg-elevated:#252118;--color-bg-hover:#302b20;--color-border:#3a3428;--color-border-accent:#8a6a3a;--color-text-primary:#f0ece4;--color-text-secondary:#d4aa78;--color-text-muted:#8a7458;--color-accent-gold:#c8901c;--color-accent-gold-dim:#8a5c10;--color-accent-crimson:#e04c5c;--color-accent-sage:#48c07c;--color-accent-violet:#9070e0;--color-accent-teal:#3ab4bc;--badge-base-bg:#251d00;--badge-base-text:#f2aa20;--badge-base-border:#604a00;--badge-hybrid-bg:#001e20;--badge-hybrid-text:#3ab4bc;--badge-hybrid-border:#0a4848;--badge-partial-bg:#001812;--badge-partial-text:#48c07c;--badge-partial-border:#0a4828;--badge-heroic-bg:#200810;--badge-heroic-text:#e04c5c;--badge-heroic-border:#580c1c;--badge-mage-tradition-bg:#120a22;--badge-mage-tradition-text:#a07be0;--badge-mage-tradition-border:#3a1a6a;--badge-passive-bg:#1c1c08;--badge-passive-text:#c8c448;--badge-passive-border:#3a3818;--badge-active-bg:#10101e;--badge-active-text:#8484e0;--badge-active-border:#282862;--badge-once-bg:#1e0e1e;--badge-once-text:#d888d8;--badge-once-border:#582858;--ability-passive-bg:#1e1b14;--ability-active-bg:#16131e;--ability-passive-border:#807838;--ability-active-border:#5040a8;--mandatory-arts-bg:#18101e;--mandatory-arts-border:#481868;--mandatory-arts-color:#a068c8;--action-main-bg:#1e0c0c;--action-main-border:#580c0c;--action-main-accent:#e04c5c;--action-main-name:#e87878;--action-move-bg:#0c1818;--action-move-border:#0a4040;--action-move-accent:#3ab4bc;--action-move-name:#58c4c8;--action-on-turn-bg:#1c1600;--action-on-turn-border:#585000;--action-on-turn-accent:#f2aa20;--action-on-turn-name:#f2aa20;--action-instant-bg:#14101e;--action-instant-border:#301458;--action-instant-accent:#9070e0;--action-instant-name:#a880f0;--font-display:"Cinzel", "Palatino Linotype", Georgia, serif;--font-body:"EB Garamond", Georgia, "Times New Roman", serif;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.3125rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--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;--topnav-height:56px;--content-max-width:960px;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--shadow-sm:0 1px 3px #0000008c;--shadow-md:0 4px 12px #000000a6;--shadow-lg:0 8px 24px #000000bf;--transition-fast:.12s ease;--transition-base:.22s ease;--color-bg-sidebar:#16130d;--color-accent-gold-glow:#c8901c2e;--color-accent-gold-subtle:#c8901c12}@media (prefers-color-scheme:light){:root{--color-bg-base:#f5f7fa;--color-bg-surface:#fff;--color-bg-elevated:#edf1f7;--color-bg-hover:#e3e9f2;--color-border:#ccd4e2;--color-border-accent:#8099b8;--color-bg-sidebar:#e8e0d0;--color-accent-gold-glow:#9a62001f;--color-accent-gold-subtle:#9a62000f;--color-text-primary:#1a2035;--color-text-secondary:#3d5070;--color-text-muted:#7088a0;--color-accent-gold:#9a6200;--color-accent-gold-dim:#c08820;--color-accent-crimson:#c01030;--color-accent-sage:#1a8050;--color-accent-violet:#5030b0;--color-accent-teal:#1880a0;--badge-base-bg:#fff8df;--badge-base-text:#8a5000;--badge-base-border:#d4a820;--badge-hybrid-bg:#e0f5f5;--badge-hybrid-text:#0a5c5c;--badge-hybrid-border:#40a0a0;--badge-partial-bg:#e0f4ec;--badge-partial-text:#0a5830;--badge-partial-border:#40a070;--badge-heroic-bg:#fce8ec;--badge-heroic-text:#a01020;--badge-heroic-border:#e04060;--badge-mage-tradition-bg:#f0eaff;--badge-mage-tradition-text:#5a2da0;--badge-mage-tradition-border:#c8a8f0;--badge-passive-bg:#f8f8e0;--badge-passive-text:#606000;--badge-passive-border:#a8a830;--badge-active-bg:#ece8f8;--badge-active-text:#3830a0;--badge-active-border:#7060c0;--badge-once-bg:#f8e8f8;--badge-once-text:#780078;--badge-once-border:#c060c0;--ability-passive-bg:#fdfdf5;--ability-active-bg:#f5f0fc;--ability-passive-border:#a8a840;--ability-active-border:#7060b8;--mandatory-arts-bg:#f5f0fc;--mandatory-arts-border:#c090e0;--mandatory-arts-color:#7030a0;--action-main-bg:#fff0f0;--action-main-border:#f0b8b8;--action-main-accent:#c01030;--action-main-name:#901020;--action-move-bg:#f0f8f8;--action-move-border:#a8d8d8;--action-move-accent:#0a7080;--action-move-name:#085a68;--action-on-turn-bg:#fffaf0;--action-on-turn-border:#e0b840;--action-on-turn-accent:#9a6200;--action-on-turn-name:#9a6200;--action-instant-bg:#f5f0ff;--action-instant-border:#b8a0e0;--action-instant-accent:#5030a0;--action-instant-name:#6040b0;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000024;--shadow-lg:0 8px 24px #0000002e}}[data-theme=dark]{--color-bg-base:#12100e;--color-bg-surface:#1c1912;--color-bg-elevated:#252118;--color-bg-hover:#302b20;--color-border:#3a3428;--color-border-accent:#8a6a3a;--color-text-primary:#f0ece4;--color-text-secondary:#d4aa78;--color-text-muted:#8a7458;--color-accent-gold:#c8901c;--color-accent-gold-dim:#8a5c10;--color-bg-sidebar:#16130d;--color-accent-gold-glow:#c8901c2e;--color-accent-gold-subtle:#c8901c12;--color-accent-crimson:#e04c5c;--color-accent-sage:#48c07c;--color-accent-violet:#9070e0;--color-accent-teal:#3ab4bc;--badge-base-bg:#251d00;--badge-base-text:#f2aa20;--badge-base-border:#604a00;--badge-hybrid-bg:#001e20;--badge-hybrid-text:#3ab4bc;--badge-hybrid-border:#0a4848;--badge-partial-bg:#001812;--badge-partial-text:#48c07c;--badge-partial-border:#0a4828;--badge-heroic-bg:#200810;--badge-heroic-text:#e04c5c;--badge-heroic-border:#580c1c;--badge-passive-bg:#1c1c08;--badge-passive-text:#c8c448;--badge-passive-border:#3a3818;--badge-active-bg:#10101e;--badge-active-text:#8484e0;--badge-active-border:#282862;--badge-once-bg:#1e0e1e;--badge-once-text:#d888d8;--badge-once-border:#582858;--ability-passive-bg:#1e1b14;--ability-active-bg:#16131e;--ability-passive-border:#807838;--ability-active-border:#5040a8;--mandatory-arts-bg:#18101e;--mandatory-arts-border:#481868;--mandatory-arts-color:#a068c8;--action-main-bg:#1e0c0c;--action-main-border:#580c0c;--action-main-accent:#e04c5c;--action-main-name:#e87878;--action-move-bg:#0c1818;--action-move-border:#0a4040;--action-move-accent:#3ab4bc;--action-move-name:#58c4c8;--action-on-turn-bg:#1c1600;--action-on-turn-border:#585000;--action-on-turn-accent:#f2aa20;--action-on-turn-name:#f2aa20;--action-instant-bg:#14101e;--action-instant-border:#301458;--action-instant-accent:#9070e0;--action-instant-name:#a880f0;--shadow-sm:0 1px 3px #0009;--shadow-md:0 4px 12px #000000b3;--shadow-lg:0 8px 24px #000c}[data-theme=light]{--color-bg-base:#f5f7fa;--color-bg-surface:#fff;--color-bg-elevated:#edf1f7;--color-bg-hover:#e3e9f2;--color-border:#ccd4e2;--color-border-accent:#8099b8;--color-bg-sidebar:#e8e0d0;--color-accent-gold-glow:#9a62001f;--color-accent-gold-subtle:#9a62000f;--color-text-primary:#1a2035;--color-text-secondary:#3d5070;--color-text-muted:#7088a0;--color-accent-gold:#9a6200;--color-accent-gold-dim:#c08820;--color-accent-crimson:#c01030;--color-accent-sage:#1a8050;--color-accent-violet:#5030b0;--color-accent-teal:#1880a0;--badge-base-bg:#fff8df;--badge-base-text:#8a5000;--badge-base-border:#d4a820;--badge-hybrid-bg:#e0f5f5;--badge-hybrid-text:#0a5c5c;--badge-hybrid-border:#40a0a0;--badge-partial-bg:#e0f4ec;--badge-partial-text:#0a5830;--badge-partial-border:#40a070;--badge-heroic-bg:#fce8ec;--badge-heroic-text:#a01020;--badge-heroic-border:#e04060;--badge-passive-bg:#f8f8e0;--badge-passive-text:#606000;--badge-passive-border:#a8a830;--badge-active-bg:#ece8f8;--badge-active-text:#3830a0;--badge-active-border:#7060c0;--badge-once-bg:#f8e8f8;--badge-once-text:#780078;--badge-once-border:#c060c0;--ability-passive-bg:#fdfdf5;--ability-active-bg:#f5f0fc;--ability-passive-border:#a8a840;--ability-active-border:#7060b8;--mandatory-arts-bg:#f5f0fc;--mandatory-arts-border:#c090e0;--mandatory-arts-color:#7030a0;--action-main-bg:#fff0f0;--action-main-border:#f0b8b8;--action-main-accent:#c01030;--action-main-name:#901020;--action-move-bg:#f0f8f8;--action-move-border:#a8d8d8;--action-move-accent:#0a7080;--action-move-name:#085a68;--action-on-turn-bg:#fffaf0;--action-on-turn-border:#e0b840;--action-on-turn-accent:#9a6200;--action-on-turn-name:#9a6200;--action-instant-bg:#f5f0ff;--action-instant-border:#b8a0e0;--action-instant-accent:#5030a0;--action-instant-name:#6040b0;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000024;--shadow-lg:0 8px 24px #0000002e}html,body{background:var(--color-bg-base);height:100%;color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base)}#app{flex-direction:column;min-height:100vh;display:flex}#topnav{z-index:100;height:var(--topnav-height);background:var(--color-bg-sidebar);border-bottom:1px solid var(--color-border-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");background-repeat:repeat;background-size:300px 300px;flex-shrink:0;position:sticky;top:0}#content{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;overflow:hidden auto}#content::-webkit-scrollbar{width:6px}#content::-webkit-scrollbar-track{background:0 0}#content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@keyframes content-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content-inner{max-width:var(--content-max-width);padding:var(--space-8) var(--space-8);margin:0 auto;animation:.3s cubic-bezier(.22,1,.36,1) both content-enter}.content-inner--wide{max-width:1440px}#sidebar-overlay{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b8;display:none;position:fixed;inset:0}#sidebar-overlay.visible{display:block}#topnav-mobile-menu{z-index:160;background:var(--color-bg-sidebar);padding:var(--space-6) var(--space-6) var(--space-8);flex-direction:column;display:none;position:fixed;inset:0;overflow-y:auto}#topnav-mobile-menu.open{display:flex}@media (width<=768px){.content-inner{padding:var(--space-6) var(--space-4)}}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text-primary);line-height:1.2}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-accent-gold);margin-bottom:var(--space-6);padding-bottom:var(--space-4);letter-spacing:.04em;font-weight:600;position:relative}.page-title:after{content:"";background:linear-gradient(to right, transparent 0%, var(--color-border-accent) 15%, var(--color-accent-gold) 50%, var(--color-border-accent) 85%, transparent 100%);height:1px;display:block;position:absolute;bottom:0;left:0;right:0}.page-title:before{content:"◆";color:var(--color-accent-gold);background:var(--color-bg-base);padding:0 var(--space-2);letter-spacing:0;font-size:.5rem;line-height:1;position:absolute;bottom:-.55em;left:50%;transform:translate(-50%)}.section-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent-gold);margin-bottom:var(--space-4);margin-top:var(--space-8);padding-left:var(--space-4);border-left:3px solid var(--color-accent-gold);letter-spacing:.03em}.section-title:first-child{margin-top:0}.subsection-title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-3);margin-top:var(--space-6)}.arts-category-title{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-accent-sage);margin-top:var(--space-6);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);font-weight:700}p{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:1.75}.text-muted{color:var(--color-text-secondary);font-size:var(--text-sm)}.text-label{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}a{color:var(--color-accent-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:#e0c070;text-decoration:underline}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.page-lead{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6);font-style:italic;line-height:1.65}.topnav-inner{height:100%;padding:0 var(--space-6);align-items:center;gap:var(--space-6);display:flex}.topnav-brand{align-items:center;gap:var(--space-2);margin-right:var(--space-4);flex-shrink:0;text-decoration:none;display:flex}.topnav-brand-sigil{color:var(--color-accent-gold);flex-shrink:0;font-size:1.1rem;line-height:1}.topnav-brand-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-accent-gold);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-weight:600}.topnav-list{flex:1;align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.topnav-item{position:relative}.topnav-link{align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:var(--topnav-height);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500;text-decoration:none;display:flex}.topnav-link:hover{color:var(--color-text-primary);border-bottom-color:var(--color-border-accent);text-decoration:none}.topnav-link.active{color:var(--color-accent-gold);border-bottom-color:var(--color-accent-gold)}.topnav-link--stub{opacity:.45;cursor:default;pointer-events:none}.topnav-nav-icon{opacity:.8;flex-shrink:0;width:15px;height:15px}.topnav-link.active .topnav-nav-icon{opacity:1}.topnav-stub-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);background:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:1px 4px;font-size:9px}.topnav-chevron{opacity:.6;width:10px;height:10px;transition:transform var(--transition-fast);flex-shrink:0}.topnav-item.dropdown-open>.topnav-link .topnav-chevron{transform:rotate(180deg)}.topnav-dropdown{background:var(--color-bg-elevated);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);padding:var(--space-2) 0;z-index:200;display:none;position:absolute;top:calc(100% + 1px);left:0}.topnav-item.dropdown-open>.topnav-dropdown{display:block}.topnav-dropdown-group-label{padding:var(--space-2) var(--space-4) 2px;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);border-top:1px solid var(--color-border);font-size:10px}.topnav-dropdown-group-label:first-child{border-top:none}.topnav-dropdown-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.topnav-dropdown-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.topnav-dropdown-link.active{color:var(--color-accent-gold);background:var(--color-accent-gold-subtle)}.topnav-category-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.topnav-category-dot--base{background:var(--badge-base-text)}.topnav-category-dot--hybrid{background:var(--badge-hybrid-text)}.topnav-category-dot--partial{background:var(--badge-partial-text)}.topnav-category-dot--heroic{background:var(--badge-heroic-text)}.topnav-category-dot--mage-tradition{background:var(--badge-mage-tradition-text)}.topnav-actions{align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:auto;display:flex}.theme-toggle{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.theme-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.theme-btn svg{width:14px;height:14px}.theme-btn:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.theme-btn.active{background:var(--color-bg-elevated);color:var(--color-accent-gold)}.topnav-hamburger{border:1px solid var(--color-border-accent);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--color-text-primary);transition:background var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:none}.topnav-hamburger:hover{background:var(--color-bg-hover)}.topnav-hamburger svg{width:18px;height:18px}.mobile-menu-header{padding-bottom:var(--space-5);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-accent);justify-content:space-between;align-items:center;display:flex}.mobile-menu-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent-gold);letter-spacing:.1em;text-transform:uppercase}.mobile-menu-close{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;color:var(--color-text-secondary);transition:color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.mobile-menu-close svg{width:16px;height:16px}.mobile-nav-list{flex:1;margin:0;padding:0;list-style:none}.mobile-nav-item{border-bottom:1px solid var(--color-border)}.mobile-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none;display:flex}.mobile-nav-link.active{color:var(--color-accent-gold)}.mobile-nav-link:hover{color:var(--color-text-primary)}.mobile-nav-icon{opacity:.75;flex-shrink:0;width:18px;height:18px}.mobile-nav-sub-list{padding:0 0 var(--space-2) calc(var(--space-3) + 18px + var(--space-3));list-style:none}.mobile-nav-sub-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);padding:var(--space-3) 0 var(--space-1);font-size:10px}.mobile-nav-sub-link{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;display:flex}.mobile-nav-sub-link.active{color:var(--color-accent-gold)}.mobile-menu-footer{padding-top:var(--space-6);border-top:1px solid var(--color-border-accent);margin-top:auto}.mobile-menu-theme-label{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-3)}@media (width>=901px){.topnav-nav-icon{display:none}.topnav-link{padding:0 var(--space-2);font-size:var(--text-xs);letter-spacing:.03em}.topnav-inner{gap:var(--space-4)}}@media (width<=900px){.topnav-list{display:none}.topnav-hamburger{display:flex}.topnav-inner{padding:0 var(--space-4);gap:var(--space-4)}}@media (width<=480px){.topnav-brand-title{display:none}}.badge{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;padding:2px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid;align-items:center;font-weight:600;display:inline-flex}.badge--base{background:var(--badge-base-bg);color:var(--badge-base-text);border-color:var(--badge-base-border)}.badge--hybrid{background:var(--badge-hybrid-bg);color:var(--badge-hybrid-text);border-color:var(--badge-hybrid-border)}.badge--partial{background:var(--badge-partial-bg);color:var(--badge-partial-text);border-color:var(--badge-partial-border)}.badge--heroic{background:var(--badge-heroic-bg);color:var(--badge-heroic-text);border-color:var(--badge-heroic-border)}.badge--mage-tradition{background:var(--badge-mage-tradition-bg);color:var(--badge-mage-tradition-text);border-color:var(--badge-mage-tradition-border)}.badge--passive{background:var(--badge-passive-bg);color:var(--badge-passive-text);border-color:var(--badge-passive-border)}.badge--active{background:var(--badge-active-bg);color:var(--badge-active-text);border-color:var(--badge-active-border)}.badge--once{background:var(--badge-once-bg);color:var(--badge-once-text);border-color:var(--badge-once-border)}.badge--combat{background:var(--badge-active-bg);color:var(--badge-active-text);border-color:var(--badge-active-border)}.badge--noncombat{background:var(--badge-passive-bg);color:var(--badge-passive-text);border-color:var(--badge-passive-border)}.badge--level1{background:var(--badge-partial-bg);color:var(--badge-partial-text);border-color:var(--badge-partial-border)}.badge--level2{background:var(--badge-hybrid-bg);color:var(--badge-hybrid-text);border-color:var(--badge-hybrid-border)}.badge--level3{background:var(--badge-base-bg);color:var(--badge-base-text);border-color:var(--badge-base-border)}.badge--level4{background:var(--badge-mage-tradition-bg);color:var(--badge-mage-tradition-text);border-color:var(--badge-mage-tradition-border)}.badge--level5{background:var(--badge-heroic-bg);color:var(--badge-heroic-text);border-color:var(--badge-heroic-border)}.badge--action{background:var(--badge-active-bg);color:var(--badge-active-text);border-color:var(--badge-active-border)}.badge--effort{background:var(--badge-once-bg);color:var(--badge-once-text);border-color:var(--badge-once-border)}.badge--duration{background:var(--badge-passive-bg);color:var(--badge-passive-text);border-color:var(--badge-passive-border)}.class-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.class-card{background:linear-gradient(145deg, var(--color-bg-surface) 0%, var(--color-bg-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:block;box-shadow:inset 0 1px #ffffff0a}.class-card:hover{background:linear-gradient(145deg, var(--color-bg-elevated) 0%, var(--color-bg-hover) 100%);border-color:var(--color-border-accent);box-shadow:0 0 0 1px var(--color-border-accent), 0 4px 20px var(--color-accent-gold-glow), inset 0 1px 0 #ffffff0f;text-decoration:none;transform:translateY(-2px)}.class-card__header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.class-card__name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent-gold);letter-spacing:.04em;font-weight:600;line-height:1.2}.class-card__role{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);font-style:italic}.class-card__stats{gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-accent);display:flex}.class-card__stat{flex-direction:column;gap:2px;display:flex}.class-card__stat-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-size:10px}.class-card__stat-value{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.abilities-list{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.ability-card{padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:4px solid var(--color-border-accent);transition:box-shadow var(--transition-fast)}.ability-card--active{border-left-color:var(--ability-active-border);background:linear-gradient(to right, color-mix(in srgb, var(--ability-active-bg) 85%, var(--color-accent-violet) 15%) 0%, var(--ability-active-bg) 100%)}.ability-card--active:hover{box-shadow:var(--shadow-sm), -2px 0 8px #5040a840}.ability-card--passive{border-left-color:var(--ability-passive-border);background:linear-gradient(to right, color-mix(in srgb, var(--ability-passive-bg) 85%, var(--color-accent-gold) 15%) 0%, var(--ability-passive-bg) 100%)}.ability-card--passive:hover{box-shadow:var(--shadow-sm), -2px 0 8px #80783833}.ability-card__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.ability-card__name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);letter-spacing:.02em}.ability-card__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.65}.loading{min-height:40vh;color:var(--color-text-muted);font-family:var(--font-ui);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.class-detail__header{margin-bottom:var(--space-6)}.class-detail__title-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.class-detail__title{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-accent-gold);line-height:1.1}.class-detail__role{color:var(--color-text-secondary);font-style:italic;font-size:var(--text-lg);margin-bottom:var(--space-4)}.class-detail__description{font-size:var(--text-base);color:var(--color-text-primary);max-width:72ch;line-height:1.75}.class-detail__stat-row{gap:var(--space-4);margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.class-detail__stat-block{gap:var(--space-1);flex-direction:column;min-width:120px;display:flex}.class-detail__stat-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);font-size:10px}.class-detail__stat-value{font-family:var(--font-ui);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700}.class-detail__stat-block--hit-die-breakdown{min-width:160px}.class-detail__hit-die-list{flex-direction:column;gap:3px;display:flex}.class-detail__hit-die-row{gap:var(--space-3);align-items:baseline;display:flex}.class-detail__hit-die-combo{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);min-width:7.5em}.class-detail__hit-die-value{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);font-weight:700}.variant-tabs{gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:0;display:flex}.variant-tab{font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:1px solid #0000;border-bottom:none;margin-bottom:-1px}.variant-tab:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.variant-tab.active{color:var(--color-accent-gold);background:var(--color-bg-elevated);border-color:var(--color-border);border-bottom-color:var(--color-bg-elevated)}.variant-panel{display:none}.variant-panel.active{display:block}.mandatory-arts{background:var(--mandatory-arts-bg);border:1px solid var(--mandatory-arts-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-top:var(--space-3)}.mandatory-arts__label{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--mandatory-arts-color);margin-bottom:var(--space-2)}.source-pages{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.progression-table-wrap{margin-top:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}.progression-table{border-collapse:collapse;width:100%;font-family:var(--font-ui);font-size:var(--text-sm)}.progression-table th{background:var(--color-bg-elevated);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:11px}.progression-table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.progression-table tr:last-child td{border-bottom:none}.progression-table tr:nth-child(odd) td{background:#ffffff04}.progression-table tr:hover td{background:var(--color-bg-elevated);color:var(--color-text-primary)}.progression-table td:first-child{color:var(--color-accent-gold);font-weight:700;font-size:var(--text-base)}.prog-focus-pick{color:var(--color-accent-sage);font-weight:600}.home-hero{margin-bottom:var(--space-10)}.home-hero__title{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-accent-gold);margin-bottom:var(--space-2);letter-spacing:.05em;text-shadow:0 0 40px var(--color-accent-gold-glow), 0 2px 4px #00000080;font-weight:600;line-height:1.1}.home-hero__sub{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);margin-bottom:var(--space-6)}.home-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.home-card{background:linear-gradient(150deg, var(--color-bg-surface) 0%, var(--color-bg-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);cursor:pointer;text-decoration:none;display:block;box-shadow:inset 0 1px #ffffff08}.home-card:hover{background:linear-gradient(150deg, var(--color-bg-elevated) 0%, var(--color-bg-hover) 100%);border-color:var(--color-border-accent);box-shadow:0 4px 16px var(--color-accent-gold-glow), inset 0 1px 0 #ffffff0f;text-decoration:none;transform:translateY(-2px)}.home-card--stub{opacity:.45;cursor:default}.home-card--stub:hover{background:var(--color-bg-surface);border-color:var(--color-border)}.home-card__icon{width:28px;height:28px;margin-bottom:var(--space-3);color:var(--color-accent-gold);opacity:.85;display:block}.home-card__icon svg{width:100%;height:100%}.home-card__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent-gold);margin-bottom:var(--space-1);letter-spacing:.04em;font-weight:600}.home-card__desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.stub-page{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:50vh;display:flex}.stub-page__icon{opacity:.3;font-size:3rem}.stub-page__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-secondary)}.stub-page__desc{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32ch;line-height:1.6}.action-turn-box{margin:var(--space-8) 0}.action-turn-box__label{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-4)}.action-turn-box__slots{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.action-turn-slot{text-align:center;padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);border:1px solid;flex-direction:column;display:flex}.action-turn-slot--main{background:var(--action-main-bg);border-color:var(--action-main-border)}.action-turn-slot--move{background:var(--action-move-bg);border-color:var(--action-move-border)}.action-turn-slot--on-turn{background:var(--action-on-turn-bg);border-color:var(--action-on-turn-border)}.action-turn-slot__glyph{font-size:var(--text-2xl);line-height:1}.action-turn-slot--main .action-turn-slot__glyph{color:var(--action-main-accent)}.action-turn-slot--move .action-turn-slot__glyph{color:var(--action-move-accent)}.action-turn-slot--on-turn .action-turn-slot__glyph{color:var(--action-on-turn-accent)}.action-turn-slot__label{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.action-turn-slot--main .action-turn-slot__label{color:var(--action-main-accent)}.action-turn-slot--move .action-turn-slot__label{color:var(--action-move-accent)}.action-turn-slot--on-turn .action-turn-slot__label{color:var(--action-on-turn-accent)}.action-turn-slot__note{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.action-section{margin-top:var(--space-10)}.action-section__heading{align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.action-section__title{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.action-section__title--main{color:var(--action-main-accent)}.action-section__title--move{color:var(--action-move-accent)}.action-section__title--on-turn{color:var(--action-on-turn-accent)}.action-section__title--instant{color:var(--action-instant-accent)}.action-section__summary{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted)}.action-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.action-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.action-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-sm)}.action-card__header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid;display:flex}.action-card--main .action-card__header{background:var(--action-main-bg);border-bottom-color:var(--action-main-border)}.action-card--move .action-card__header{background:var(--action-move-bg);border-bottom-color:var(--action-move-border)}.action-card--on-turn .action-card__header{background:var(--action-on-turn-bg);border-bottom-color:var(--action-on-turn-border)}.action-card--instant .action-card__header{background:var(--action-instant-bg);border-bottom-color:var(--action-instant-border)}.action-card__glyph{font-size:var(--text-base);opacity:.7;flex-shrink:0}.action-card--main .action-card__glyph{color:var(--action-main-accent)}.action-card--move .action-card__glyph{color:var(--action-move-accent)}.action-card--on-turn .action-card__glyph{color:var(--action-on-turn-accent)}.action-card--instant .action-card__glyph{color:var(--action-instant-accent)}.action-card__name{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.action-card--main .action-card__name{color:var(--action-main-name)}.action-card--move .action-card__name{color:var(--action-move-name)}.action-card--on-turn .action-card__name{color:var(--action-on-turn-name)}.action-card--instant .action-card__name{color:var(--action-instant-name)}.action-card__desc{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);flex:1;margin:0;line-height:1.7}@media (width<=600px){.action-turn-box__slots,.action-list{grid-template-columns:1fr}.action-section__heading{gap:var(--space-1);flex-direction:column}}.focus-filter{gap:var(--space-2);margin:var(--space-6) 0 var(--space-5);display:flex}.focus-filter__btn{font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0}.focus-filter__btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.focus-filter__btn.active{background:var(--color-bg-elevated);color:var(--color-accent-gold);border-color:var(--color-accent-gold)}.focus-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.focus-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.focus-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-sm)}.focus-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);display:flex}.focus-card__name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent-gold);line-height:1.2}.focus-card__body{padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.focus-card__prereq{font-family:var(--font-ui);font-size:var(--text-xs);background:var(--mandatory-arts-bg);border:1px solid var(--mandatory-arts-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary)}.focus-card__prereq-label{color:var(--mandatory-arts-color);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.focus-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;font-style:italic;line-height:1.6}.focus-card__levels{gap:var(--space-3);margin-top:var(--space-1);flex-direction:column;display:flex}.focus-card__level{gap:var(--space-1);flex-direction:column;display:flex}.focus-card__level-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-sage);font-size:10px;font-weight:700}.focus-card__level-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.65}@media (width<=600px){.focus-grid{grid-template-columns:1fr}.focus-filter{flex-wrap:wrap}}.condition-section{margin-top:var(--space-10)}.condition-section__heading{margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.condition-section__title{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.condition-section__title--minor{color:var(--color-accent-sage)}.condition-section__title--moderate{color:var(--color-accent-gold)}.condition-section__title--severe{color:var(--color-accent-crimson)}.condition-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.condition-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.condition-card:hover{box-shadow:var(--shadow-sm)}.condition-card--minor:hover{border-color:var(--color-accent-sage)}.condition-card--moderate:hover{border-color:var(--color-accent-gold)}.condition-card--severe:hover{border-color:var(--color-accent-crimson)}.condition-card__header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid;display:flex}.condition-card--minor .condition-card__header{background:color-mix(in srgb, var(--color-accent-sage) 8%, transparent);border-bottom-color:color-mix(in srgb, var(--color-accent-sage) 25%, transparent)}.condition-card--moderate .condition-card__header{background:color-mix(in srgb, var(--color-accent-gold) 8%, transparent);border-bottom-color:color-mix(in srgb, var(--color-accent-gold) 25%, transparent)}.condition-card--severe .condition-card__header{background:color-mix(in srgb, var(--color-accent-crimson) 8%, transparent);border-bottom-color:color-mix(in srgb, var(--color-accent-crimson) 25%, transparent)}.condition-card__glyph{font-size:var(--text-lg);flex-shrink:0;line-height:1}.condition-card--minor .condition-card__glyph{color:var(--color-accent-sage)}.condition-card--moderate .condition-card__glyph{color:var(--color-accent-gold)}.condition-card--severe .condition-card__glyph{color:var(--color-accent-crimson)}.condition-card__name{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.condition-card--minor .condition-card__name{color:var(--color-accent-sage)}.condition-card--moderate .condition-card__name{color:var(--color-accent-gold)}.condition-card--severe .condition-card__name{color:var(--color-accent-crimson)}.condition-card__body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex}.condition-card__effects{padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;margin:0;display:flex}.condition-card__effect{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.condition-card__ends{padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto}.condition-card__ends-label{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.condition-card__ends-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}@media (width<=600px){.condition-grid{grid-template-columns:1fr}}.rules-hub-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.rules-hub-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:block}.rules-hub-card:hover{background:var(--color-bg-elevated);border-color:var(--color-border-accent);text-decoration:none;transform:translateY(-2px)}.rules-hub-card__icon{width:28px;height:28px;margin-bottom:var(--space-3);color:var(--color-accent-gold);opacity:.85;display:block}.rules-hub-card__icon svg{width:100%;height:100%}.rules-hub-card__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent-gold);margin-bottom:var(--space-1)}.rules-hub-card__desc{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.rules-back{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5);align-items:center;gap:var(--space-1);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.rules-back:hover{color:var(--color-accent-gold);text-decoration:none}.rules-section{margin-top:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.rules-section:last-child{border-bottom:none}.rules-section__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-accent-gold);margin-bottom:var(--space-4)}.rules-section__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);max-width:72ch;line-height:1.75}.rules-section__text:last-child{margin-bottom:0}.rules-note{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border-left:3px solid var(--color-accent-gold-dim);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);max-width:72ch;line-height:1.6}.rules-entries{gap:var(--space-2) var(--space-5);grid-template-columns:auto 1fr;align-items:baseline;max-width:72ch;display:grid}.rules-entries__term{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;font-weight:700}.rules-entries__def{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.65}.rules-table-wrap{margin-top:var(--space-2);overflow-x:auto}.rules-table{border-collapse:collapse;width:100%;font-family:var(--font-ui);font-size:var(--text-sm)}.rules-table thead th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);white-space:nowrap}.rules-table tbody tr:hover{background:var(--color-bg-elevated)}.rules-table tbody th,.rules-table tbody td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:top;line-height:1.5}.rules-table tbody th{color:var(--color-text-primary);white-space:nowrap;font-weight:600}.rules-save-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.rules-save-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);border-top:3px solid}.rules-save-card--physical{border-top-color:var(--color-accent-crimson)}.rules-save-card--evasion{border-top-color:var(--color-accent-teal)}.rules-save-card--mental{border-top-color:var(--color-accent-violet)}.rules-save-card--luck{border-top-color:var(--color-accent-gold)}.rules-save-card__label{font-family:var(--font-display);font-size:var(--text-lg);margin-bottom:var(--space-1)}.rules-save-card--physical .rules-save-card__label{color:var(--color-accent-crimson)}.rules-save-card--evasion .rules-save-card__label{color:var(--color-accent-teal)}.rules-save-card--mental .rules-save-card__label{color:var(--color-accent-violet)}.rules-save-card--luck .rules-save-card__label{color:var(--color-accent-gold)}.rules-save-card__formula{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.rules-save-card__text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}@media (width<=600px){.rules-hub-grid{grid-template-columns:repeat(2,1fr)}.rules-save-grid{grid-template-columns:1fr 1fr}.rules-entries{gap:var(--space-1);grid-template-columns:1fr}.rules-entries__term{margin-top:var(--space-3)}.rules-entries__def{padding-left:var(--space-3)}}.spell-traditions{gap:var(--space-2);margin:var(--space-5) 0 var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-violet);border-radius:var(--radius-md);flex-direction:column;display:flex}.spell-tradition-note{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.spell-tradition-note strong{color:var(--color-text-primary)}.spell-filter{gap:var(--space-2);margin:var(--space-5) 0;flex-direction:column;display:flex}.spell-filter__row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.spell-filter__label{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);flex-shrink:0;width:5.5rem}.spell-filter__btn{font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0}.spell-filter__btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.spell-filter__btn.active{background:var(--color-bg-elevated);color:var(--color-accent-gold);border-color:var(--color-accent-gold)}.spell-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.spell-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.spell-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-sm)}.spell-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);display:flex}.spell-card__name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent-gold);line-height:1.25}.spell-card__body{padding:var(--space-4) var(--space-5);flex:1}.spell-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.7}.writ-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.writ-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-sm)}.writ-card__header{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);flex-direction:column;display:flex}.writ-card__name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent-gold);line-height:1.25}.writ-card__meta{gap:var(--space-1);flex-wrap:wrap;display:flex}.writ-card__body{padding:var(--space-4) var(--space-5);flex:1}.writ-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.7}@media (width<=600px){.spell-grid{grid-template-columns:1fr}.spell-filter__row{gap:var(--space-1)}.spell-filter__label{display:none}}.builder-resume{max-width:480px;padding:var(--space-8) 0;margin:0 auto}.builder-resume__card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);margin-top:var(--space-6)}.builder-resume__msg{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-6)}.builder-resume__actions{gap:var(--space-3);display:flex}.builder-page{gap:var(--space-4);padding-bottom:var(--space-12);flex-direction:column;display:flex}.builder-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.builder-header__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-accent-gold);margin:0}.builder-header__toolbar{align-items:center;gap:var(--space-2);display:flex}.builder-file-input{display:none}.builder-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:600;display:inline-flex}.builder-btn--primary{background:var(--color-accent-gold);color:#1a1100;border-color:var(--color-accent-gold)}.builder-btn--primary:hover{background:var(--color-accent-gold-dim)}.builder-btn--ghost{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.builder-btn--ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.builder-error{padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent-crimson);border-radius:var(--radius-md);color:var(--color-accent-crimson);font-family:var(--font-ui);font-size:var(--text-sm);background:#e04c5c26;display:none}.builder-breadcrumb{gap:var(--space-1);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.builder-breadcrumb__step{padding:var(--space-1) var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;font-weight:500}.builder-breadcrumb__step:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.builder-breadcrumb__step.is-active{color:var(--color-accent-gold);border-color:var(--color-accent-gold);background:#f2aa2014}.builder-content{padding:var(--space-2) 0}.builder-step__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-4)}.builder-hint{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);max-width:72ch;line-height:1.65}.builder-section-title{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:var(--space-6) 0 var(--space-2);font-weight:700}.builder-card-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.builder-card{background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast)}.builder-card:hover{border-color:var(--color-border-accent);background:var(--color-bg-elevated)}.builder-card.is-selected{border-color:var(--color-accent-gold);background:#f2aa200f}.builder-card__title{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:700}.builder-card__body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.builder-card__meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.builder-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4);justify-content:space-between;align-items:center;display:flex}.builder-footer__spacer{display:block}.builder-fields{gap:var(--space-5);flex-direction:column;max-width:480px;display:flex}.builder-field{gap:var(--space-2);flex-direction:column;display:flex}.builder-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.builder-input{padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-base);transition:border-color var(--transition-fast);box-sizing:border-box;width:100%}.builder-input--short{width:80px}.builder-input:focus{border-color:var(--color-accent-gold);outline:none}.builder-textarea{padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);resize:vertical;box-sizing:border-box;width:100%;min-height:80px;transition:border-color var(--transition-fast);line-height:1.6}.builder-textarea:focus{border-color:var(--color-accent-gold);outline:none}.builder-attr-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-width:640px;display:grid}.builder-attr{gap:var(--space-2);flex-direction:column;display:flex}.builder-attr__label{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:700}.builder-attr__row{align-items:center;gap:var(--space-3);display:flex}.builder-attr__input{width:64px;padding:var(--space-2) var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-lg);text-align:center;transition:border-color var(--transition-fast);font-weight:700}.builder-attr__input:focus{border-color:var(--color-accent-gold);outline:none}.builder-attr__mod{font-family:var(--font-ui);font-size:var(--text-lg);color:var(--color-accent-gold);min-width:2.5ch;font-weight:600}.builder-tally{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-accent-sage);margin-bottom:var(--space-4);font-weight:600}.builder-tally.is-over{color:var(--color-accent-crimson)}.builder-tab-bar{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.builder-tab{padding:var(--space-1) var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;font-weight:500}.builder-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.builder-tab.is-active{background:var(--color-bg-elevated);color:var(--color-accent-gold);border-color:var(--color-accent-gold)}.builder-select{padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer;min-width:200px;transition:border-color var(--transition-fast)}.builder-select:focus{border-color:var(--color-accent-gold);outline:none}.builder-focus-list{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.builder-focus-item{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast)}.builder-focus-item.is-selected{border-color:var(--color-accent-gold);background:#f2aa200a}.builder-focus-item--unavail{opacity:.45;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);align-items:center;display:flex}.builder-focus-item__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.builder-focus-item__name-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.builder-focus-item__name{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:700}.builder-focus-item__prereq{font-size:var(--text-xs);color:var(--color-text-muted)}.builder-focus-item__controls{gap:var(--space-2);flex-shrink:0;display:flex}.builder-focus-item__desc{margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.65}.builder-focus-item__desc--l2{border-top:1px solid var(--color-border);padding-top:var(--space-2);margin-top:var(--space-2)}.builder-focus-toggle{padding:var(--space-1) var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:0 0;font-weight:600}.builder-focus-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.builder-focus-toggle.is-active{border-color:var(--color-accent-gold);color:var(--color-accent-gold);background:#f2aa201f}.builder-focus-toggle--na{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-1) var(--space-2)}.builder-unavail{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.builder-unavail__title{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);cursor:pointer;background:var(--color-bg-surface);font-weight:600}.builder-unavail__title:hover{color:var(--color-text-primary)}.builder-bg__free{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-accent-sage);margin-bottom:var(--space-4);font-weight:600}.builder-bg__slots{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;max-width:360px;display:flex}.builder-bg__slot{align-items:center;gap:var(--space-3);display:flex}.builder-bg__slot-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);min-width:48px;font-weight:600}.builder-bg__tables{gap:var(--space-6);flex-wrap:wrap;display:flex}.builder-bg__table{flex:1;min-width:160px}.builder-bg__table-title{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:700}.builder-bg__table-list{padding-left:var(--space-5);margin:0}.builder-bg__table-item{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0;line-height:1.4}.builder-art{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);transition:border-color var(--transition-fast)}.builder-art.is-selected{border-color:var(--color-accent-gold);background:#f2aa200a}.builder-art__header{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.builder-art__check{cursor:pointer;width:16px;height:16px;accent-color:var(--color-accent-gold);flex-shrink:0}.builder-art__name{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;font-weight:700}.builder-art__desc{margin-top:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.65}.builder-summary__stats{gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.builder-summary__stat{gap:var(--space-1);flex-direction:column;min-width:100px;display:flex}.builder-summary__stat-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);font-size:10px}.builder-summary__stat-value{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-primary);font-weight:700}.builder-summary__attrs{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.builder-summary__attr{align-items:center;gap:var(--space-1);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-direction:column;min-width:60px;display:flex}.builder-summary__attr-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-size:10px;font-weight:700}.builder-summary__attr-score{font-family:var(--font-ui);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700}.builder-summary__attr-mod{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-accent-gold);font-weight:600}.builder-summary__section{margin-bottom:var(--space-6)}.builder-summary__section-title{font-family:var(--font-ui);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);font-weight:700}.builder-summary__free{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-accent-sage);margin-bottom:var(--space-2);font-weight:600}.builder-summary__list{padding-left:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm)}.builder-summary__item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.builder-summary__item:last-child{border-bottom:none}.builder-summary__item-title{margin-bottom:var(--space-1)}.builder-summary__item-level{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted)}.builder-summary__item-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0;line-height:1.6}.builder-summary__export-hint{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.builder-bg-reminder{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-gold-dim);border-radius:var(--radius-md);background:var(--color-bg-surface)}.builder-bg-reminder__heading{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600}.builder-bg-reminder__body{gap:var(--space-2);flex-direction:column;display:flex}.builder-bg-reminder__row{gap:var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);flex-wrap:wrap;align-items:baseline;display:flex}.builder-bg-reminder__label{color:var(--color-text-muted);flex-shrink:0;min-width:72px;font-weight:600}.builder-bg-reminder__value{color:var(--color-text-secondary)}.builder-bg-reminder__picks{padding-left:var(--space-4);color:var(--color-text-secondary);gap:var(--space-1);flex-direction:column;margin:0;list-style:outside;display:flex}.builder-bg-reminder__none{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.builder-hp-row{align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.builder-hp-row .builder-field{margin-bottom:0}.builder-hp-row__hint{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted)}.builder-prog{margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.builder-prog__toggle{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);cursor:pointer;background:var(--color-bg-surface);-webkit-user-select:none;user-select:none;font-weight:600;display:block}.builder-prog__toggle:hover{color:var(--color-text-secondary)}.builder-prog__table{border-collapse:collapse;width:100%;font-family:var(--font-ui);font-size:var(--text-sm)}.builder-prog__table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);font-size:10px}.builder-prog__table td{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.builder-prog__table tr:last-child td{border-bottom:none}.builder-prog__table tr.is-current td{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-accent-gold) 6%, transparent);font-weight:600}.builder-focus-breakdown{padding:var(--space-2) var(--space-4) var(--space-3);gap:var(--space-2);flex-direction:column;margin:0;list-style:none;display:flex}.builder-focus-breakdown__item{gap:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);display:flex}.builder-focus-breakdown__lvl{min-width:56px;color:var(--color-text-muted);flex-shrink:0;font-weight:600}.builder-focus-breakdown__picks{color:var(--color-text-secondary)}@media (width<=600px){.builder-card-grid{grid-template-columns:1fr 1fr}.builder-attr-grid{grid-template-columns:1fr 1fr 1fr}.builder-summary__attrs{gap:var(--space-2)}.builder-header{flex-direction:column;align-items:flex-start}}.tracker-page{gap:var(--space-5);padding-bottom:var(--space-12);flex-direction:column;display:flex}.tracker-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.tracker-header__name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-accent-gold);margin:0 0 var(--space-1)}.tracker-header__meta{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-secondary)}.tracker-setup{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.tracker-setup__toggle{width:100%;padding:var(--space-3) var(--space-5);background:var(--color-bg-surface);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.tracker-setup__toggle:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.tracker-setup__toggle:after{content:"▼";font-size:var(--text-xs);color:var(--color-text-muted);transition:transform var(--transition-fast)}.tracker-setup.is-open .tracker-setup__toggle:after{transform:rotate(180deg)}.tracker-setup__body{padding:var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg-base);display:none}.tracker-setup.is-open .tracker-setup__body{display:block}.tracker-form{gap:var(--space-5);flex-direction:column;max-width:640px;display:flex}.tracker-form-row{gap:var(--space-4);grid-template-columns:100px 1fr;align-items:end;display:grid}.tracker-field{gap:var(--space-2);flex-direction:column;display:flex}.tracker-section-label{margin-bottom:var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600;display:block}.tracker-section-wrap{flex-direction:column;display:flex}.tracker-tradition-section{display:block}.tracker-tradition-section.hidden{display:none}.tracker-attr-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.tracker-arts-section{gap:var(--space-2);flex-direction:column;display:flex}.tracker-arts-hint{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.tracker-arts-checklist{gap:var(--space-2);flex-direction:column;display:flex}.tracker-save-btn{margin-top:var(--space-2);align-self:flex-start}.tracker-field--inline{align-items:center;gap:var(--space-2);flex-direction:row}.tracker-field--inline .builder-label{cursor:pointer;margin:0}.tracker-legate-body{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);flex-direction:column;display:flex}.tracker-writ-search{margin-bottom:var(--space-3)}.tracker-writ-cat{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);flex-direction:column;display:flex;overflow:hidden}.tracker-writ-cat__toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);cursor:pointer;font-family:var(--font-ui);text-align:left;transition:background var(--transition-fast);border:none;display:flex}.tracker-writ-cat__toggle:hover{background:var(--color-bg-elevated)}.tracker-writ-cat__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);flex:1;font-weight:700}.tracker-writ-cat__chevron{font-size:var(--text-xs);color:var(--color-text-muted);transition:transform var(--transition-fast)}.tracker-writ-cat__toggle.is-open .tracker-writ-cat__chevron{transform:rotate(90deg)}.tracker-writ-count{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);padding:1px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);font-weight:600}.tracker-writ-count.is-nonzero{color:var(--color-accent-gold);border-color:var(--color-accent-gold-dim)}.tracker-writ-cat__list{padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-bg-base);display:none}.tracker-writ-cat__list.is-open{display:flex}.tracker-panels{gap:var(--space-4);flex-direction:column;display:flex}.tracker-panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.tracker-panel__title{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:700}.tracker-panel__title-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tracker-panel__meta{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary)}.tracker-hint{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.tracker-hp{align-items:center;gap:var(--space-4);display:flex}.tracker-hp__display{align-items:baseline;gap:var(--space-2);display:flex}.tracker-hp__current{font-family:var(--font-ui);font-size:var(--text-4xl);color:var(--color-text-primary);text-align:center;min-width:2ch;font-weight:700}.tracker-hp__sep{font-family:var(--font-ui);font-size:var(--text-xl);color:var(--color-text-muted)}.tracker-hp__max{font-family:var(--font-ui);font-size:var(--text-xl);color:var(--color-text-secondary)}.tracker-hp-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);width:40px;height:40px;color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-xl);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.tracker-hp-btn:hover{background:var(--color-bg-hover);border-color:var(--color-accent-gold)}.tracker-pips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tracker-pip{border:2px solid var(--color-border);cursor:pointer;width:36px;height:36px;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:0 0;border-radius:50%}.tracker-pip:hover{border-color:var(--color-accent-gold);transform:scale(1.1)}.tracker-pip.is-committed{background:var(--color-accent-violet);border-color:var(--color-accent-violet)}.tracker-pip--spell.is-committed{background:var(--color-accent-teal);border-color:var(--color-accent-teal)}.tracker-pip--legate.is-committed{background:var(--color-accent-gold);border-color:var(--color-accent-gold)}.tracker-ability-section{gap:var(--space-3);flex-direction:column;display:flex}.tracker-ability-section__heading{align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.tracker-ability-section__title{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:700}.tracker-art-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;display:grid}.tracker-art-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:3px solid var(--color-border);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), background var(--transition-fast)}.tracker-art-card--passive{border-left-color:var(--ability-passive-border);background:var(--ability-passive-bg)}.tracker-art-card--active{border-left-color:var(--ability-active-border);background:var(--ability-active-bg)}.tracker-art-card--active.is-committed{border-left-color:var(--color-accent-violet);background:#9070e01a}.tracker-art-card--active.is-used{opacity:.6}.tracker-art-card--heroic{border-left-color:var(--color-accent-gold)}.tracker-art-card--writ{border-left-color:var(--color-accent-teal)}.tracker-art-card--writ.is-committed{border-left-color:var(--color-accent-teal);background:#38bdbd14}.tracker-art-card__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.tracker-art-card__name{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:700}.tracker-art-card__desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:1.65}.tracker-art-card__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tracker-art-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.tracker-art-btn.is-active{border-color:var(--color-accent-violet);color:var(--color-accent-violet);background:#9070e026}.tracker-reset-bar{gap:var(--space-3);padding:var(--space-2) 0;flex-wrap:wrap;align-items:center;display:flex}.tracker-redirect{max-width:480px;margin:var(--space-8) auto;text-align:center}.tracker-redirect__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-4)}.tracker-redirect__msg{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.tracker-track-area{gap:var(--space-6);flex-direction:column;display:flex}@media (width<=600px){.tracker-form-row{grid-template-columns:1fr}.tracker-attr-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}.tracker-hp__current{font-size:var(--text-3xl)}.tracker-art-grid{grid-template-columns:1fr}}@media (width>=640px){.tracker-panels{gap:var(--space-4);grid-template-columns:1fr 1fr;grid-auto-rows:auto;display:grid}}@media (width>=900px){.tracker-panels{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.tracker-panels{grid-template-columns:repeat(4,1fr)}}.search-widget{flex-shrink:0;position:relative}.search-input-wrap{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-2);align-items:center;gap:var(--space-2);width:160px;height:32px;transition:width var(--transition-base), border-color var(--transition-fast);display:flex}.search-input-wrap:focus-within{border-color:var(--color-border-accent);width:240px}.search-icon{color:var(--color-text-muted);pointer-events:none;flex-shrink:0;align-items:center;display:flex}.search-icon svg{width:13px;height:13px}.search-input{min-width:0;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;padding:0}.search-input::placeholder{color:var(--color-text-muted)}.search-input::-webkit-search-cancel-button{display:none}.search-input::-webkit-search-decoration{display:none}.search-dropdown{background:var(--color-bg-elevated);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);min-width:320px;max-width:420px;max-height:420px;box-shadow:var(--shadow-lg);z-index:250;padding:var(--space-2) 0;display:none;position:absolute;top:calc(100% + 5px);right:0;overflow-y:auto}.search-dropdown.open{display:block}.search-dropdown::-webkit-scrollbar{width:4px}.search-dropdown::-webkit-scrollbar-track{background:0 0}.search-dropdown::-webkit-scrollbar-thumb{background:var(--color-border-accent);border-radius:2px}.search-group-label{padding:var(--space-2) var(--space-4) 2px;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);border-top:1px solid var(--color-border);font-size:10px}.search-group-label:first-child{border-top:none}.search-result{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background var(--transition-fast);min-width:0;display:flex}.search-result:hover,.search-result.focused{background:var(--color-bg-hover)}.search-result-type{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);text-align:center;border:1px solid;flex-shrink:0;min-width:46px;padding:2px 5px;font-size:9px;font-weight:700;line-height:1.4}.search-result-type--class{background:var(--badge-base-bg);color:var(--badge-base-text);border-color:var(--badge-base-border)}.search-result-type--spell{background:var(--badge-mage-tradition-bg);color:var(--badge-mage-tradition-text);border-color:var(--badge-mage-tradition-border)}.search-result-type--focus{background:var(--badge-partial-bg);color:var(--badge-partial-text);border-color:var(--badge-partial-border)}.search-result-type--condition{background:var(--badge-heroic-bg);color:var(--badge-heroic-text);border-color:var(--badge-heroic-border)}.search-result-type--rule{background:var(--badge-hybrid-bg);color:var(--badge-hybrid-text);border-color:var(--badge-hybrid-border)}.search-result-type--writ{background:var(--badge-once-bg);color:var(--badge-once-text);border-color:var(--badge-once-border)}.search-result-name{min-width:0;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.search-result-sub{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:120px;overflow:hidden}.search-empty{padding:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.search-widget--mobile{width:100%;margin-bottom:var(--space-4)}.search-widget--mobile .search-input-wrap{width:100%;height:38px;font-size:var(--text-sm)}.search-widget--mobile .search-input-wrap:focus-within{width:100%}.search-widget--mobile .search-input{font-size:var(--text-sm)}.search-widget--mobile .search-dropdown{width:100%;min-width:0;max-width:none;box-shadow:none;border-radius:var(--radius-md);margin-top:var(--space-2);position:static}@media (width<=900px){.search-widget:not(.search-widget--mobile){display:none}}