@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-bg-primary:#f5f5f5;--color-bg-panel:#fff;--color-bg-card:#fff;--color-bg-input:#fff;--color-bg-sidebar:#fff;--color-bg-forest:#1a1a2e;--color-bg-mountain:#252545;--color-bg-overlay:#1a1a2e99;--color-primary:#3a7bd5;--color-primary-hover:#2f6abf;--color-primary-light:#3a7bd51a;--color-primary-subtle:#3a7bd52e;--color-cta:#f0477a;--color-cta-hover:#d93d6b;--color-cta-light:#f0477a1a;--color-secondary:#f0954a;--color-secondary-hover:#e8843a;--color-secondary-light:#f0954a1a;--color-accent-corail:#e05c5c;--color-accent-corail-light:#e05c5c1a;--color-accent-soleil:#f5c842;--color-accent-soleil-light:#f5c8421f;--color-accent-mandarine:#f0954a;--color-accent-mandarine-light:#f0954a1a;--color-accent-crystal:#5b9bd5;--color-accent-crystal-light:#5b9bd51a;--color-accent-river:#4caf7d;--color-accent-river-light:#4caf7d1a;--color-accent-gold:#f5c842;--color-accent-gold-bright:#f5c842;--color-accent-gold-light:#f5c8421f;--color-accent-sunset:#f0954a;--color-accent-sunset-light:#f0954a1a;--color-accent-ember:#e05c5c;--color-accent-meadow:#4caf7d;--color-accent-meadow-light:#4caf7d1a;--color-accent-silver:#9ca3af;--color-accent-bronze:#cd7f32;--color-accent-framboise:#f0477a;--color-accent-framboise-light:#f0477a1a;--color-accent-nuit:#1a1a2e;--color-accent-nuit-light:#1a1a2e0f;--color-accent-saphir:#3a7bd5;--color-accent-saphir-light:#3a7bd51a;--color-accent-menthe:#4caf7d;--color-accent-menthe-light:#4caf7d1a;--color-accent-ciel:#5b9bd5;--color-accent-ciel-light:#5b9bd51a;--color-text-primary:#1a1a2e;--color-text-secondary:#4a4a6a;--color-text-muted:#8a8aa0;--color-text-gold:#f5c842;--color-text-on-forest:#fff;--color-text-on-dark:#f5f5f5;--color-text-inverse:#fff;--color-success:#4caf7d;--color-success-light:#4caf7d14;--color-danger:#e05c5c;--color-danger-light:#e05c5c14;--color-warning:#f0954a;--color-warning-light:#f0954a14;--color-info:#5b9bd5;--color-info-light:#5b9bd514;--color-border:#e8e8ec;--color-border-light:#f0f0f4;--color-border-nature:#c8e0d4;--color-border-focus:#3a7bd5;--color-move-highlight:#3a7bd540;--color-spell-range:#5b9bd540;--color-enemy-target:#e05c5c40;--color-ally-target:#4caf7d40;--color-active-unit:#f5c842;--color-rank-bronze:#cd7f32;--color-rank-silver:#9ca3af;--color-rank-gold:#f5c842;--color-rank-diamond:#5b9bd5;--color-rank-crystal:#3a7bd5;--font-family-heading:"Fredoka One", cursive;--font-family-body:"Nunito", system-ui, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-xxl:2.5rem;--font-size-3xl:3.5rem;--font-weight-normal:400;--font-weight-medium:600;--font-weight-semibold:700;--font-weight-bold:800;--line-height-tight:1.15;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 3px #1a1a2e0a;--shadow-sm:0 2px 8px #1a1a2e0f;--shadow-md:0 4px 16px #1a1a2e14;--shadow-lg:0 8px 30px #1a1a2e1a;--shadow-xl:0 16px 48px #1a1a2e24;--shadow-inner:inset 0 2px 4px #1a1a2e0a;--shadow-glow-gold:0 0 20px #f5c8424d;--shadow-glow-nature:0 0 20px #4caf7d40;--shadow-glow-crystal:0 0 20px #5b9bd540;--shadow-glow-corail:0 0 20px #e05c5c4d;--shadow-glow-framboise:0 0 20px #f0477a4d;--shadow-glow-saphir:0 0 20px #3a7bd54d;--shadow-glow-soleil:0 0 20px #f5c8424d;--shadow-glow-menthe:0 0 20px #4caf7d4d;--shadow-glow-mandarine:0 0 20px #f0954a59;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease-in-out;--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:240px;--header-height:64px;--content-max-width:960px;--gradient-banner:linear-gradient(135deg, #1a1a2e 0%, #252545 100%);--gradient-banner-alt:linear-gradient(135deg, #3a7bd5 0%, #5b9bd5 100%);--gradient-warm:linear-gradient(135deg, #f0954a, #f0477a);--gradient-fresh:linear-gradient(135deg, #4caf7d, #5b9bd5);--gradient-sunset:linear-gradient(135deg, #f5c842, #f0954a);--color-role-meneur:#c0392b;--color-role-tank:#5d6d7e;--color-role-tireur:#e67e22;--color-role-controle:#8e44ad;--color-role-soigneur:#27ae60;--color-role-saboteur:#1b2631;--color-role-controle-light:#8e44ad1f;--color-accent-gold-dark:#d4a520;--scroll-fade-offset:30px;--scroll-fade-duration:.7s;--scroll-fade-easing:cubic-bezier(.22, 1, .36, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--scroll-fade-offset))}to{opacity:1;transform:translateY(0)}}@keyframes logoPulse{0%,to{filter:drop-shadow(0 6px 20px #1a1a2e26);transform:scale(1)}50%{filter:drop-shadow(0 8px 30px #3a7bd540);transform:scale(1.05)}}@keyframes creatureFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes particleDrift{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-120px)translate(20px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}h1{font-family:var(--font-family-heading);font-size:var(--font-size-xxl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:var(--line-height-tight)}h2{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:var(--line-height-tight)}h3{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:var(--line-height-tight)}h4,h5,h6{font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}body,p,span,label,button,a,li,td,th{font-family:var(--font-family-body);line-height:var(--line-height-normal)}p{color:var(--color-text-secondary);line-height:var(--line-height-normal)}strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}code{font-family:var(--font-family-mono);padding:var(--space-2xs) var(--space-xs);background:var(--color-accent-nuit-light);border-radius:var(--radius-xs);font-size:.9em}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding:var(--space-lg);background:var(--color-bg-forest);color:var(--color-text-on-dark);border-radius:var(--radius-md);overflow-x:auto}@media (width<=768px){h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}}@media (width<=480px){h1{font-size:var(--font-size-lg)}h2{font-size:var(--font-size-md)}h3{font-size:var(--font-size-base)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:100%}body{min-height:100vh;font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary)}img,svg{max-width:100%;display:block}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.rulebook-page{max-width:var(--content-max-width);padding:var(--space-2xl) var(--space-lg);margin:0 auto}.rulebook-page h1{margin-bottom:var(--space-xl)}.rulebook-page h2{margin-top:var(--space-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border-light)}.rulebook-page h3{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.rulebook-page p{margin-bottom:var(--space-md)}.rulebook-page ul,.rulebook-page ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.rulebook-page ul{list-style:outside}.rulebook-page ol{list-style:decimal}.rulebook-page li{margin-bottom:var(--space-xs);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.stat-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:var(--space-lg);overflow-x:auto}.stat-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.stat-table thead{background:var(--color-primary-light)}.stat-table th{font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:2px solid var(--color-primary-light);white-space:nowrap}.stat-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.stat-table tbody tr:nth-child(2n){background:var(--color-accent-nuit-light)}.stat-table tbody tr:hover{background:var(--color-primary-light)}.section-number{font-family:var(--font-family-heading);color:var(--color-primary);font-size:var(--font-size-md);margin-right:var(--space-xs)}.cost-gold{font-family:var(--font-family-heading);color:var(--color-accent-gold)}@media (width<=768px){.rulebook-page{padding:var(--space-lg) var(--space-md)}.stat-table th,.stat-table td{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.stat-table th{white-space:normal}}@media (width<=480px){.rulebook-page{padding:var(--space-md) var(--space-sm)}.stat-table{font-size:var(--font-size-xs)}.stat-table th,.stat-table td{padding:var(--space-2xs) var(--space-xs)}}