:root{color-scheme:dark light;--color-accent: #c9a84c;--color-accent-soft: #e3c87a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", Consolas, "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-pill: 999px;--dur-quick: .12s;--dur-base: .2s;--dur-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1)}:root,:root[data-theme=dark]{--color-bg: #09090f;--color-bg-elev-1: #111119;--color-bg-elev-2: #181823;--color-fg: #f5f5f5;--color-fg-muted: #a5a5b0;--color-border: #2a2a38;--color-danger: #e05b5b;--color-success: #5bcc8a;--color-info: #5ba9e0}:root[data-theme=light]{--color-bg: #faf8f3;--color-bg-elev-1: #f2efe7;--color-bg-elev-2: #ede9df;--color-fg: #1a1a1a;--color-fg-muted: #5a5a5a;--color-border: #d6d1c4;--color-danger: #b83131;--color-success: #3a8055;--color-info: #3375a6}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;font-synthesis:none;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;background:var(--color-bg);color:var(--color-fg);min-height:100svh;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:var(--color-accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100svh}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,rgba(201,168,76,.02) 0%,transparent 100%),var(--color-bg-elev-1);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #0000004d}.topbar-brand{font-size:var(--font-size-lg);font-weight:800;color:var(--color-accent);text-decoration:none;letter-spacing:.04em;flex-shrink:0;transition:text-shadow var(--dur-base) ease}.topbar-brand:hover{text-shadow:0 0 12px rgba(201,168,76,.4)}.nav{display:flex;gap:var(--space-1);overflow-x:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(90deg,transparent,black 8px,black calc(100% - 24px),transparent);padding:var(--space-1) var(--space-2)}.nav::-webkit-scrollbar{display:none}.nav a{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);color:var(--color-fg-muted);text-decoration:none;border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;transition:color var(--dur-quick) ease,background var(--dur-quick) ease}.nav a span[aria-hidden]{font-size:var(--font-size-base);line-height:1}.nav a:hover,.nav a:focus-visible{color:var(--color-fg);background:var(--color-bg-elev-2);text-decoration:none}.nav a[aria-current=page]{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);font-weight:600}.theme-toggle{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-fg-muted);flex-shrink:0;transition:color var(--dur-quick) ease,background var(--dur-quick) ease}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}main.app-main{padding:var(--space-5) var(--space-4);max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.app-shell{grid-template-rows:auto 1fr auto;padding-bottom:56px}.topbar{padding:var(--space-2) var(--space-4)}.nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--color-bg-elev-1);border-top:1px solid var(--color-border);box-shadow:0 -2px 12px #0000004d;padding:var(--space-2) var(--space-2);gap:0;mask-image:none;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory}.nav a{flex-direction:column;gap:2px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);min-width:52px;align-items:center;scroll-snap-align:start}.nav a span[aria-hidden]{font-size:var(--font-size-lg)}}.page-title{color:var(--color-accent);font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.muted{color:var(--color-fg-muted)}cof2-search-grid{display:block;margin-top:var(--space-4)}.search-grid-toolbar{margin-bottom:var(--space-4)}.search-grid-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--font-size-base);outline:none;transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.search-grid-input::placeholder{color:color-mix(in srgb,var(--color-fg-muted) 50%,transparent)}.search-grid-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c9a84c1a}.search-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.search-grid-empty{padding:var(--space-6);text-align:center;color:var(--color-fg-muted);font-size:var(--font-size-sm)}.page-grimoire-exit{animation:grimoire-exit .35s ease forwards}.page-grimoire-enter{animation:grimoire-enter .4s cubic-bezier(.16,1,.3,1) both}@keyframes grimoire-exit{0%{transform:perspective(1200px) rotateY(0) skewY(0);opacity:1;box-shadow:none}40%{box-shadow:-20px 0 40px #00000080}to{transform:perspective(1200px) rotateY(-110deg) skewY(2deg);opacity:0;box-shadow:-40px 0 60px #000c}}@keyframes grimoire-enter{0%{transform:perspective(1200px) rotateY(110deg) skewY(-2deg);opacity:0;box-shadow:40px 0 60px #000c}60%{box-shadow:20px 0 40px #00000080}to{transform:perspective(1200px) rotateY(0) skewY(0);opacity:1;box-shadow:none}}.page-void-exit{animation:void-exit .3s ease-in forwards}.page-void-enter{animation:void-enter .4s cubic-bezier(.16,1,.3,1) both}@keyframes void-exit{0%{transform:scale(1) rotate(0);opacity:1;filter:none}50%{transform:scale(.6) rotate(3deg);filter:blur(2px) brightness(1.2)}to{transform:scale(0) rotate(10deg);opacity:0;filter:blur(8px) brightness(2)}}@keyframes void-enter{0%{transform:scale(0) rotate(-10deg);opacity:0;filter:blur(8px) brightness(2)}40%{transform:scale(1.1) rotate(-2deg);filter:blur(2px) brightness(1.2)}to{transform:scale(1) rotate(0);opacity:1;filter:none}}.page-dissolve-exit{animation:dissolve-exit .4s ease forwards}.page-dissolve-enter{animation:dissolve-enter .5s cubic-bezier(.16,1,.3,1) both}@keyframes dissolve-exit{0%{opacity:1;filter:none;clip-path:inset(0)}30%{filter:brightness(1.3) saturate(1.5)}60%{opacity:.5;filter:blur(3px) brightness(1.5);clip-path:inset(5% 10% 5% 10%)}to{opacity:0;filter:blur(12px) brightness(2);clip-path:inset(40% 40% 40% 40%)}}@keyframes dissolve-enter{0%{opacity:0;filter:blur(12px) brightness(.3);clip-path:inset(40% 40% 40% 40%)}40%{opacity:.6;filter:blur(4px) brightness(.7);clip-path:inset(10% 10% 10% 10%)}to{opacity:1;filter:none;clip-path:inset(0)}}.page-warp-exit{animation:warp-exit .3s ease-in forwards}.page-warp-enter{animation:warp-enter .4s cubic-bezier(.16,1,.3,1) both}@keyframes warp-exit{0%{transform:perspective(800px) translateZ(0) translate(0);opacity:1;filter:none}to{transform:perspective(800px) translateZ(-600px) translate(-100px) rotateY(15deg);opacity:0;filter:blur(4px)}}@keyframes warp-enter{0%{transform:perspective(800px) translateZ(-600px) translate(100px) rotateY(-15deg);opacity:0;filter:blur(4px)}to{transform:perspective(800px) translateZ(0) translate(0) rotateY(0);opacity:1;filter:none}}.page-shatter-exit{animation:shatter-exit .35s ease-in forwards}.page-shatter-enter{animation:shatter-enter .45s cubic-bezier(.16,1,.3,1) both}@keyframes shatter-exit{0%{clip-path:inset(0 0 0 0);transform:none;opacity:1}30%{clip-path:inset(0 0 0 0);transform:scale(.98)}60%{clip-path:inset(10% 0 10% 0);transform:scale(.95) translateY(5px);opacity:.7}to{clip-path:inset(50% 0 50% 0);transform:scale(.9) translateY(20px);opacity:0}}@keyframes shatter-enter{0%{clip-path:inset(50% 0 50% 0);transform:scale(.9) translateY(-20px);opacity:0}40%{clip-path:inset(10% 0 10% 0);transform:scale(.98) translateY(-5px);opacity:.7}to{clip-path:inset(0 0 0 0);transform:none;opacity:1}}.page-smoke-exit{animation:smoke-exit .35s ease forwards}.page-smoke-enter{animation:smoke-enter .4s cubic-bezier(.16,1,.3,1) both}@keyframes smoke-exit{0%{transform:scale(1);opacity:1;filter:none}40%{transform:scale(1.03);opacity:.7;filter:blur(4px) brightness(.8)}to{transform:scale(1.08);opacity:0;filter:blur(20px) brightness(.5)}}@keyframes smoke-enter{0%{transform:scale(.92);opacity:0;filter:blur(20px) brightness(1.5)}50%{transform:scale(.98);opacity:.6;filter:blur(6px) brightness(1.1)}to{transform:scale(1);opacity:1;filter:none}}.page-glitch-exit{animation:glitch-exit .25s steps(6) forwards}.page-glitch-enter{animation:glitch-enter .3s steps(6) both}@keyframes glitch-exit{0%{transform:none;opacity:1;filter:none}15%{transform:translate(8px) skew(-2deg);filter:hue-rotate(90deg) saturate(2)}30%{transform:translate(-6px) skew(1deg);filter:hue-rotate(-60deg) brightness(1.5)}45%{transform:translate(4px);filter:hue-rotate(45deg) saturate(3)}60%{transform:translate(-10px) skew(3deg);filter:hue-rotate(-90deg) brightness(.5)}80%{transform:translate(3px);opacity:.3;filter:hue-rotate(180deg) blur(2px)}to{transform:none;opacity:0;filter:blur(4px)}}@keyframes glitch-enter{0%{transform:translate(-8px);opacity:0;filter:hue-rotate(-90deg) blur(4px)}15%{transform:translate(6px) skew(2deg);opacity:.4;filter:hue-rotate(60deg) saturate(3)}30%{transform:translate(-4px) skew(-1deg);filter:hue-rotate(-45deg) brightness(1.5)}50%{transform:translate(3px);opacity:.7;filter:hue-rotate(30deg)}70%{transform:translate(-2px);filter:hue-rotate(-15deg)}to{transform:none;opacity:1;filter:none}}.page-rise-exit{animation:rise-exit .3s ease-in forwards}.page-rise-enter{animation:rise-enter .4s cubic-bezier(.16,1,.3,1) both}@keyframes rise-exit{0%{transform:translateY(0) scale(1);opacity:1;filter:none}to{transform:translateY(60px) scale(.92);opacity:0;filter:brightness(.3) blur(2px)}}@keyframes rise-enter{0%{transform:translateY(80px) scale(.92);opacity:0;filter:brightness(.3) blur(2px)}60%{filter:brightness(.8)}to{transform:translateY(0) scale(1);opacity:1;filter:none}}.portal-overlay{position:fixed;inset:0;z-index:9999;display:flex;pointer-events:none;perspective:1200px}.portal-gate{flex:1;background:var(--color-bg);display:flex;align-items:center;justify-content:center;transition:transform 2.5s cubic-bezier(.65,0,.35,1);border:2px solid var(--color-accent)}.portal-gate-left{border-right:1px solid var(--color-accent);transform-origin:left center}.portal-gate-right{border-left:1px solid var(--color-accent);transform-origin:right center}.portal-open .portal-gate-left{transform:rotateY(-85deg)}.portal-open .portal-gate-right{transform:rotateY(85deg)}.portal-rune{font-size:4rem;color:var(--color-accent);opacity:.6;animation:portal-rune-pulse 1s ease-in-out infinite alternate}@keyframes portal-rune-pulse{0%{text-shadow:0 0 10px rgba(201,168,76,.3);transform:scale(1)}to{text-shadow:0 0 30px rgba(201,168,76,.8);transform:scale(1.1)}}.portal-flash{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(201,168,76,.3),transparent 70%);opacity:0;transition:opacity .3s ease .8s}.portal-open .portal-flash{opacity:1;animation:portal-flash-out .5s ease 2.5s forwards}@keyframes portal-flash-out{to{opacity:0}}.portal-done{opacity:0;transition:opacity .3s ease;pointer-events:none}.ffx-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none;transition:background .8s ease}.ffx-blue-tint{background:#0a28504d}.ffx-fade-out{opacity:0;transition:opacity .5s ease}.pyrefly{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,rgba(120,220,255,.9),rgba(80,255,180,.4),transparent);box-shadow:0 0 8px #64dcff99,0 0 16px #50ffb44d;animation:pyrefly-float linear infinite}@keyframes pyrefly-float{0%{transform:translate(0) scale(.5);opacity:0}20%{opacity:1;transform:translate(10px,-20px) scale(1)}50%{transform:translate(-15px,-50px) scale(.8)}80%{opacity:.8;transform:translate(5px,-80px) scale(.6)}to{transform:translate(-10px,-120px) scale(.3);opacity:0}}.sphere-grid{position:absolute;top:50%;left:50%;width:250px;height:250px;transform:translate(-50%,-50%) scale(0);animation:sphere-appear 1.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes sphere-appear{0%{transform:translate(-50%,-50%) scale(0) rotate(0)}to{transform:translate(-50%,-50%) scale(1) rotate(180deg)}}.sphere-ring{stroke-dasharray:600;stroke-dashoffset:600;animation:sphere-draw 2s ease forwards}.sphere-ring-1{animation-delay:.2s}.sphere-ring-2{animation-delay:.5s}.sphere-ring-3{animation-delay:.8s}@keyframes sphere-draw{to{stroke-dashoffset:0}}.sphere-line{stroke-dasharray:200;stroke-dashoffset:200;animation:sphere-draw 1.5s ease .5s forwards}.sphere-core{animation:sphere-core-pulse 1s ease-in-out infinite alternate}@keyframes sphere-core-pulse{0%{r:4;opacity:.6}to{r:7;opacity:1}}.dice-panel{position:fixed;bottom:80px;left:var(--space-4);z-index:100}.dice-toggle{width:48px;height:48px;border-radius:50%;border:2px solid var(--color-accent);background:var(--color-bg-elev-1);color:var(--color-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;position:relative;transition:transform .2s ease,box-shadow .3s ease,background .2s ease;box-shadow:0 2px 8px #0000004d}.dice-toggle svg{width:100%;height:100%}.dice-toggle:hover{transform:scale(1.1);box-shadow:0 4px 16px #c9a84c4d}.dice-toggle.active{background:var(--color-accent);color:var(--color-bg)}.dice-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--color-accent);color:var(--color-bg);font-size:var(--font-size-xs);font-weight:800;font-family:var(--font-mono);display:none;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 1px 4px #0006}.dice-badge.visible{display:flex}.dice-tray{position:absolute;bottom:56px;left:0;padding:var(--space-4);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;opacity:0;transform:translateY(8px) scale(.95);pointer-events:none;transition:opacity .2s ease,transform .2s var(--ease-out);min-width:220px}.dice-tray.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dice-tray-grid{display:grid;grid-template-columns:repeat(4,44px);gap:var(--space-2);justify-content:center}.dice-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-bg-elev-2);color:var(--color-fg);cursor:pointer;font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono);transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.dice-btn:hover{background:var(--color-accent);color:var(--color-bg);transform:scale(1.1);box-shadow:0 2px 12px #c9a84c66}.dice-btn:active{transform:scale(.85)}.dice-btn-rolled{animation:dice-btn-flash .4s ease}@keyframes dice-btn-flash{0%{background:#fff;color:var(--color-bg);transform:scale(1.2)}to{background:var(--color-bg-elev-2);transform:scale(1)}}.dice-btn-label{pointer-events:none}.dice-result{text-align:center;font-size:var(--font-size-2xl);font-weight:900;font-family:var(--font-mono);color:var(--color-accent);min-height:44px;display:flex;align-items:center;justify-content:center;margin-top:var(--space-3);transition:transform .3s var(--ease-out)}.dice-result-show{animation:dice-result-pop .4s var(--ease-out)}@keyframes dice-result-pop{0%{transform:scale(0) rotate(-10deg)}50%{transform:scale(1.4) rotate(3deg)}to{transform:scale(1) rotate(0)}}.dice-crit{color:gold;animation:dice-crit-burst 2.5s cubic-bezier(.16,1,.3,1) forwards!important;position:relative;z-index:10}.dice-crit:before{content:"";position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);animation:dice-crit-shockwave 1s ease-out forwards;pointer-events:none}.dice-crit:after{content:"";position:absolute;inset:-60px;background:repeating-conic-gradient(from 0deg,rgba(255,215,0,.3) 0deg 2deg,transparent 2deg 12deg);animation:dice-crit-rays 2.5s linear forwards;pointer-events:none;border-radius:50%}@keyframes dice-crit-burst{0%{transform:scale(0) rotate(-20deg);text-shadow:none;opacity:0}15%{transform:scale(2.2) rotate(5deg);text-shadow:0 0 40px #ffd700,0 0 80px rgba(255,215,0,.6);opacity:1}30%{transform:scale(1.6) rotate(-3deg)}45%{transform:scale(1.9) rotate(2deg);text-shadow:0 0 60px #ffd700,0 0 120px rgba(255,215,0,.4),0 0 200px rgba(255,215,0,.2)}60%{transform:scale(1.4) rotate(0)}to{transform:scale(1.2) rotate(0);text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.3);opacity:1}}@keyframes dice-crit-shockwave{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes dice-crit-rays{0%{transform:rotate(0) scale(0);opacity:0}20%{transform:rotate(30deg) scale(1);opacity:.8}to{transform:rotate(180deg) scale(1.5);opacity:0}}.dice-glory-screen{animation:dice-glory-flash 1.5s ease forwards}@keyframes dice-glory-flash{0%{filter:none}8%{filter:brightness(1.8) saturate(1.5)}15%{filter:brightness(1.2) saturate(1.2)}30%{filter:brightness(1.05)}to{filter:none}}.dice-fail{color:var(--color-danger);animation:dice-fail-doom 2s ease forwards!important;position:relative}.dice-fail:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(180,0,0,.4) 100%);animation:dice-fail-vignette 2s ease forwards;pointer-events:none;z-index:9999}@keyframes dice-fail-doom{0%{transform:scale(1);opacity:1;text-shadow:none;filter:none}5%{transform:scale(2) rotate(-3deg);filter:brightness(3)}10%{transform:scale(.5) rotate(5deg);opacity:.5}15%{transform:scale(1.8) rotate(-2deg);opacity:1;filter:brightness(.3)}20%{transform:scale(1) rotate(0);text-shadow:0 0 20px rgba(224,91,91,1)}25%,30%{opacity:0}32%{opacity:1}35%,38%{opacity:0}40%{opacity:1;text-shadow:0 0 30px rgba(224,91,91,.8)}60%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(8px);text-shadow:0 0 15px rgba(224,91,91,.5);filter:none;opacity:.9}}@keyframes dice-fail-vignette{0%{opacity:0}20%{opacity:1}to{opacity:0}}.dice-doom-screen{animation:dice-doom-flash 2s ease forwards}@keyframes dice-doom-flash{0%{filter:none}5%{filter:brightness(.1)}10%{filter:brightness(2) hue-rotate(-30deg) saturate(3)}15%{filter:brightness(.3) saturate(.5)}25%{filter:brightness(.8) hue-rotate(-10deg)}35%{filter:brightness(1.2)}50%{filter:brightness(.9) saturate(1.3)}to{filter:none}}.dice-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(var(--color),.9);pointer-events:none;animation:dice-spark-fly .6s var(--ease-out) forwards}@keyframes dice-spark-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.dice-history{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.dice-hist-item{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-fg-muted);padding:1px var(--space-2);background:var(--color-bg);border-radius:var(--radius-sm)}@media (max-width: 768px){.dice-panel{bottom:70px}}.accueil{position:relative;overflow:hidden}.accueil-shader{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.7}.accueil-metaballs{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.3;image-rendering:pixelated}.accueil-particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.accueil-hero{text-align:center;padding:var(--space-8) var(--space-4) var(--space-7);margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-4)) 0;position:relative;overflow:hidden;min-height:50vh;display:flex;align-items:center;justify-content:center}.accueil-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(201,168,76,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 40% at 30% 70%,rgba(201,168,76,.04) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 70% 20%,rgba(201,168,76,.03) 0%,transparent 40%);animation:hero-bg-drift 12s ease-in-out infinite alternate}@keyframes hero-bg-drift{0%{transform:scale(1) translate(0)}to{transform:scale(1.05) translate(-10px,5px)}}.accueil-hero-inner{position:relative;z-index:2}.accueil-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:900;line-height:1.1;letter-spacing:-.01em;margin-bottom:var(--space-3);color:var(--color-accent);filter:drop-shadow(0 0 20px rgba(201,168,76,.3))}.accueil-title.morph-complete{background:linear-gradient(135deg,var(--color-accent-soft),var(--color-accent),#d4a853,var(--color-accent-soft));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-shimmer 6s ease-in-out infinite}@keyframes title-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.accueil-subtitle{font-size:var(--font-size-lg);color:var(--color-fg-muted);margin-bottom:var(--space-6);letter-spacing:.02em;animation:fade-up .8s var(--ease-out) .3s both}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}}.accueil-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap}.accueil-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.accueil-stat-num{font-size:var(--font-size-2xl);font-weight:800;font-family:var(--font-mono);color:var(--color-accent);text-shadow:0 0 12px rgba(201,168,76,.4)}.accueil-stat-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.08em}.accueil-ornament{padding:var(--space-6) 0;text-align:center;opacity:.6}.accueil-ornament svg{width:200px;max-width:60%;height:auto}.accueil-section{margin-top:var(--space-5);position:relative;z-index:1}.accueil-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-fg);margin-bottom:var(--space-5);text-align:center;letter-spacing:.04em;text-transform:uppercase}.accueil-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.accueil-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);text-align:center;text-decoration:none;color:var(--color-fg);background:#11111999;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(201,168,76,.12);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:transform .4s var(--ease-out),box-shadow .4s ease,border-color .3s ease;will-change:transform}.accueil-card:hover{text-decoration:none;border-color:#c9a84c66;box-shadow:0 8px 32px #0006,0 0 24px #c9a84c14,inset 0 0 24px #c9a84c08}.accueil-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(201,168,76,.1) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.accueil-card:hover .accueil-card-glow{opacity:1}.accueil-card-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 0 6px rgba(201,168,76,.3))}.accueil-card-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-fg)}.accueil-card-count{font-size:var(--font-size-xl);font-weight:800;font-family:var(--font-mono);color:var(--color-accent)}.accueil-card-sub{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.tilt-ripple{position:absolute;width:0;height:0;border-radius:50%;background:#c9a84c4d;transform:translate(-50%,-50%);animation:ripple-expand .6s ease-out forwards;pointer-events:none}@keyframes ripple-expand{to{width:300px;height:300px;opacity:0}}.accueil-familles{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.accueil-famille{padding:var(--space-4);background:#11111980;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-md);perspective:800px;transition:transform .6s var(--ease-out),border-color .3s ease,box-shadow .3s ease}.accueil-famille:hover{transform:rotateY(3deg) rotateX(-2deg);border-color:#c9a84c4d;box-shadow:0 8px 24px #0000004d,-4px 0 16px #c9a84c0d}.accueil-famille-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.accueil-famille-icon{font-size:var(--font-size-lg);line-height:1}.accueil-famille-name{font-size:var(--font-size-base);font-weight:700;color:var(--color-accent)}.accueil-famille-stats{display:flex;gap:var(--space-3);font-size:var(--font-size-xs);font-weight:600;color:var(--color-fg-muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:var(--space-2)}.accueil-famille-bonus{font-size:var(--font-size-sm);color:var(--color-fg);margin-bottom:var(--space-2);line-height:1.5}.accueil-famille-profils{font-size:var(--font-size-sm);color:var(--color-fg-muted);line-height:1.6}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-100px,-100px);background:radial-gradient(circle,rgba(201,168,76,.06) 0%,transparent 70%);transition:none;will-change:transform;top:-200px;left:-200px}.runes-layer{position:fixed;inset:0;pointer-events:none;z-index:0}.accueil-card:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .4s ease;box-shadow:inset 0 0 0 1.5px #c9a84c99,0 0 8px #c9a84c4d,0 0 24px #c9a84c1a;animation:enchant-pulse 2.5s ease-in-out infinite;pointer-events:none}.accueil-card:hover:after{opacity:1}@keyframes enchant-pulse{0%,to{box-shadow:inset 0 0 0 2px #c9a84c99,0 0 10px #c9a84c66,0 0 30px #c9a84c1a}50%{box-shadow:inset 0 0 0 2.5px #e3c87a,0 0 20px #c9a84cb3,0 0 50px #c9a84c40,0 0 80px #c9a84c14}}[data-morph]{visibility:hidden}.morph-container{display:inline}.morph-char{display:inline;opacity:0}.morph-arriving{opacity:1;color:var(--color-accent);text-shadow:0 0 12px rgba(201,168,76,.8);animation:morph-flicker .06s steps(1) infinite}@keyframes morph-flicker{50%{text-shadow:0 0 20px rgba(201,168,76,1)}}.morph-revealed{opacity:1;color:var(--color-accent);text-shadow:none;animation:morph-char-in .3s var(--ease-out) both}@keyframes morph-char-in{0%{transform:scale(1.3);text-shadow:0 0 16px rgba(201,168,76,.8)}to{transform:scale(1);text-shadow:none}}[data-typing]{visibility:hidden}.typing-container{position:relative;display:block;text-align:center}.typing-text{display:inline}.typing-char{display:inline;opacity:0;animation:typing-char-in .2s var(--ease-out) forwards}@keyframes typing-char-in{0%{opacity:0;text-shadow:0 0 8px rgba(201,168,76,.8)}50%{opacity:1;text-shadow:0 0 12px rgba(201,168,76,.5)}to{opacity:1;text-shadow:none}}.typing-underline{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-accent),rgba(201,168,76,.3));transform:scaleX(0);transform-origin:left;transition:transform .1s ease}.typing-complete .typing-underline{animation:typing-underline-fade 1s ease .3s forwards}@keyframes typing-underline-fade{0%{opacity:1}to{opacity:0}}.counter-spinning .counter-digit{display:inline-block;animation:counter-spin .1s steps(1) infinite}@keyframes counter-spin{50%{opacity:.7}}.counter-digit{display:inline-block;transition:transform .2s var(--ease-out)}.counter-locked{animation:counter-lock .3s var(--ease-out)!important}@keyframes counter-lock{0%{transform:scale(1.4);text-shadow:0 0 12px rgba(201,168,76,.8)}50%{transform:scale(.9)}to{transform:scale(1);text-shadow:none}}.counter-complete{text-shadow:0 0 8px rgba(201,168,76,.3)}@media (max-width: 768px){.cursor-glow,.runes-layer{display:none}}.profil-detail{max-width:780px;animation:profil-enter var(--dur-slow) var(--ease-out) both}@keyframes profil-enter{0%{opacity:0}}.profil-header{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);position:relative;animation:profil-header-in var(--dur-slow) var(--ease-out) 80ms both}@keyframes profil-header-in{0%{opacity:0;transform:translateY(6px)}}.profil-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.profil-header-top{margin-bottom:var(--space-2)}.profil-famille-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.profil-name{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-fg);letter-spacing:-.01em;margin-bottom:var(--space-2)}.profil-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.profil-meta-item{font-size:var(--font-size-sm);color:var(--color-fg-muted);font-weight:500}.profil-meta-sep{width:4px;height:4px;border-radius:50%;background:var(--color-accent);opacity:.4}.profil-section{margin-bottom:var(--space-6);animation:profil-section-in var(--dur-slow) var(--ease-out) both}.profil-section:nth-child(2){animation-delay:.15s}.profil-section:nth-child(3){animation-delay:.22s}.profil-section:nth-child(4){animation-delay:.29s}.profil-section:nth-child(5){animation-delay:.36s}.profil-section:nth-child(6){animation-delay:.43s}@keyframes profil-section-in{0%{opacity:0;transform:translateY(8px)}}.profil-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-fg);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);position:relative}.profil-section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:36px;height:2px;background:var(--color-accent)}.profil-narratif{padding:var(--space-4) var(--space-5);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.profil-prose{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-fg-muted)}.profil-prose p+p{margin-top:var(--space-3)}.profil-prose strong{color:var(--color-fg)}.profil-equip-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.profil-equip-item{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-elev-1);border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-wrap:wrap}.profil-equip-name{font-weight:600;color:var(--color-fg);font-size:var(--font-size-sm)}.profil-equip-stats{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.profil-equip-opt{font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent);letter-spacing:.03em;text-transform:uppercase}.profil-restrictions{display:flex;flex-direction:column;gap:var(--space-3)}.profil-restriction-group{display:flex;gap:var(--space-3);align-items:baseline}.profil-restriction-label{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);min-width:70px;flex-shrink:0}.profil-restriction-value{font-size:var(--font-size-sm);color:var(--color-fg-muted);line-height:1.5}.profil-voie-count{font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent);margin-left:var(--space-2)}.profil-voie-shared{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-fg-muted);margin-left:var(--space-2)}.profil-mage-note{font-size:var(--font-size-sm);color:var(--color-fg-muted);font-style:italic;margin-bottom:var(--space-4)}.profil-voies{display:flex;flex-direction:column;gap:var(--space-3)}.profil-voie-block{animation:profil-voie-in var(--dur-slow) var(--ease-out) both}@keyframes profil-voie-in{0%{opacity:0;transform:translate(-4px)}}.profil-rangs{display:flex;flex-direction:column;gap:var(--space-4)}.profil-rang{padding-left:var(--space-3);border-left:2px solid var(--color-border)}.profil-rang-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.profil-rang-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:var(--font-size-xs);font-weight:800;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:50%;flex-shrink:0}.profil-rang-name{font-weight:700;font-size:var(--font-size-sm);color:var(--color-fg)}.profil-rang-type{font-size:var(--font-size-xs);font-weight:600;padding:1px var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-elev-2);color:var(--color-fg-muted);letter-spacing:.02em}.profil-rang-desc{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-fg-muted)}.creature-detail{max-width:700px;animation:creature-enter var(--dur-slow) var(--ease-out) both}@keyframes creature-enter{0%{opacity:0}}.creature-header{margin-bottom:var(--space-5);animation:creature-header-in var(--dur-slow) var(--ease-out) 60ms both}@keyframes creature-header-in{0%{opacity:0;transform:translateY(6px)}}.creature-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.creature-tag{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-elev-2);color:var(--color-fg-muted)}.creature-tag-nc{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger);font-weight:800}.creature-name{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-fg);letter-spacing:-.01em}.creature-statblock{padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);background:linear-gradient(165deg,rgba(201,168,76,.03) 0%,transparent 50%),var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;box-shadow:0 0 0 1px #c9a84c0f,0 4px 16px #00000040;animation:creature-stats-in var(--dur-slow) var(--ease-out) .14s both}@keyframes creature-stats-in{0%{opacity:0;transform:scale(.98)}}.creature-statblock:before,.creature-statblock:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--color-accent);border-style:solid;opacity:.5}.creature-statblock:before{top:6px;left:6px;border-width:2px 0 0 2px;border-radius:2px 0 0}.creature-statblock:after{bottom:6px;right:6px;border-width:0 2px 2px 0;border-radius:0 0 2px}.creature-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-3)}.creature-stat{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.creature-stat-label{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.creature-stat-value{font-size:var(--font-size-xl);font-weight:800;color:var(--color-fg);line-height:1.2}.creature-stat-variants{display:flex;flex-direction:column;align-items:center;gap:1px}.creature-stat-variant{font-size:var(--font-size-xs);color:var(--color-fg-muted);font-style:italic}.creature-section{margin-bottom:var(--space-6)}.creature-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-fg);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);position:relative}.creature-section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:36px;height:2px;background:var(--color-accent)}.creature-caracs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-2)}.creature-carac{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-2);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.creature-carac-label{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-fg-muted)}.creature-carac-value{font-size:var(--font-size-lg);font-weight:800;color:var(--color-fg);line-height:1.2}.creature-carac-mod{font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent)}.creature-capacites{display:flex;flex-direction:column;gap:var(--space-3)}.creature-capacite{padding:var(--space-3) var(--space-4);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;animation:creature-cap-in var(--dur-slow) var(--ease-out) both}@keyframes creature-cap-in{0%{opacity:0;transform:translate(-4px)}}.creature-capacite-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.creature-capacite-name{font-weight:700;font-size:var(--font-size-sm);color:var(--color-fg)}.creature-capacite-type{font-size:var(--font-size-xs);font-weight:600;padding:1px var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-elev-2);color:var(--color-fg-muted)}.creature-capacite-desc{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-fg-muted)}.creature-notes{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-fg-muted);font-style:italic}.equip-page{animation:equip-enter var(--dur-slow) var(--ease-out) both}@keyframes equip-enter{0%{opacity:0}}.equip-header{margin-bottom:var(--space-5)}.equip-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent);letter-spacing:.01em;margin-bottom:var(--space-1)}.equip-subtitle{font-size:var(--font-size-xs);font-weight:600;color:var(--color-fg-muted);letter-spacing:.05em;text-transform:uppercase}.equip-panels{margin-top:var(--space-4)}.equip-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elev-1);animation:equip-table-in var(--dur-slow) var(--ease-out) .1s both}@keyframes equip-table-in{0%{opacity:0;transform:translateY(4px)}}.equip-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:480px}.equip-table thead{position:sticky;top:0;z-index:2}.equip-table th{text-align:left;padding:var(--space-3) var(--space-3);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);background:var(--color-bg-elev-2);border-bottom:2px solid var(--color-border);white-space:nowrap}.equip-table th:first-child{border-radius:var(--radius-md) 0 0 0}.equip-table th:last-child{border-radius:0 var(--radius-md) 0 0}.equip-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-fg-muted);vertical-align:baseline}.equip-row:nth-child(2n) td{background:#ffffff03}.equip-row:hover td{background:#c9a84c08}.equip-row:last-child td{border-bottom:none}.equip-cell-name{font-weight:600;color:var(--color-fg);white-space:nowrap}.equip-cell-num{font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width: 540px){.equip-table-wrap{position:relative}.equip-table-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,var(--color-bg-elev-1));pointer-events:none;border-radius:0 var(--radius-md) var(--radius-md) 0}}.peuple-modifiers{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.peuple-mod{display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.04em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.peuple-mod-bonus{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.peuple-mod-malus{background:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger)}.prestige-page{animation:prestige-enter var(--dur-slow) var(--ease-out) both}@keyframes prestige-enter{0%{opacity:0}}.prestige-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);position:relative}.prestige-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.prestige-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent);letter-spacing:.01em;margin-bottom:var(--space-1)}.prestige-subtitle{font-size:var(--font-size-sm);color:var(--color-fg-muted)}.prestige-voie{margin-bottom:var(--space-2)}.prestige-voie-inner{padding-top:var(--space-1)}.prestige-categorie{display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);margin-bottom:var(--space-3)}.content-page{max-width:780px;animation:content-enter var(--dur-slow) var(--ease-out) both}@keyframes content-enter{0%{opacity:0}}.content-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);position:relative}.content-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.content-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent);margin-bottom:var(--space-1)}.content-intro{font-size:var(--font-size-sm);color:var(--color-fg-muted)}.content-section{margin-bottom:var(--space-7)}.content-h2{font-size:var(--font-size-lg);font-weight:700;color:var(--color-fg);margin-bottom:var(--space-3);margin-top:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);position:relative}.content-h2:after{content:"";position:absolute;bottom:-1px;left:0;width:36px;height:2px;background:var(--color-accent)}.content-section>.content-h2:first-child{margin-top:0}.content-h3{font-size:var(--font-size-base);font-weight:700;color:var(--color-fg);margin-top:var(--space-4);margin-bottom:var(--space-2)}.content-h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-fg-muted);margin-top:var(--space-3);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.03em}.content-paragraph{font-size:var(--font-size-sm);line-height:1.7;color:var(--color-fg-muted);margin-bottom:var(--space-2)}.content-paragraph strong{color:var(--color-fg);font-weight:600}.content-raw{font-family:var(--font-mono);font-size:var(--font-size-xs);white-space:pre-wrap;padding:var(--space-3);background:var(--color-bg-elev-1);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.content-list{list-style:none;margin-bottom:var(--space-3);padding-left:var(--space-4)}.content-list li{position:relative;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-fg-muted);padding:var(--space-1) 0;padding-left:var(--space-3)}.content-list li:before{content:"";position:absolute;left:0;top:.75em;width:5px;height:5px;border-radius:50%;background:var(--color-accent);opacity:.5}.content-list li strong{color:var(--color-fg)}.content-dl{display:flex;flex-direction:column;gap:var(--space-3)}.content-dl-entry{padding:var(--space-3) var(--space-4);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.content-dt{font-weight:700;font-size:var(--font-size-sm);color:var(--color-accent);margin-bottom:var(--space-1)}.content-dd{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-fg-muted);margin:0}.content-steps{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.content-step{display:flex;gap:var(--space-3);align-items:flex-start}.content-step-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;font-size:var(--font-size-xs);font-weight:800;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);border-radius:50%}.content-step-body{flex:1;min-width:0}.content-step-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-fg);display:block;margin-bottom:2px}.content-step-desc{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-fg-muted);margin:0}.content-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elev-1);margin-bottom:var(--space-4)}.content-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:300px}.content-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);background:var(--color-bg-elev-2);border-bottom:2px solid var(--color-border);white-space:nowrap}.content-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-fg-muted);vertical-align:baseline}.content-table tr:last-child td{border-bottom:none}.content-table tr:hover td{background:#c9a84c05}.content-kv{display:flex;gap:var(--space-3);align-items:baseline;padding:var(--space-1) 0;font-size:var(--font-size-sm)}.content-kv-key{font-weight:600;color:var(--color-fg);min-width:80px;flex-shrink:0}.content-kv-val{color:var(--color-fg-muted);line-height:1.5}.content-nested{margin-top:var(--space-2);margin-bottom:var(--space-3);padding-left:var(--space-3);border-left:2px solid var(--color-border)}.content-nested-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-fg);display:block;margin-bottom:var(--space-1)}.list-page{animation:list-page-enter var(--dur-slow) var(--ease-out) both}@keyframes list-page-enter{0%{opacity:0}}.list-page-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);position:relative}.list-page-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.list-page-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent);margin-bottom:var(--space-1)}.list-page-subtitle{font-size:var(--font-size-sm);color:var(--color-fg-muted)}.list-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-fg);position:relative;overflow:hidden;transition:border-color var(--dur-base) ease,transform var(--dur-quick) ease,box-shadow var(--dur-base) ease}.list-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent 80%);opacity:0;transition:opacity var(--dur-base) ease}.list-card:hover{text-decoration:none;border-color:#c9a84c4d;transform:translateY(-2px);box-shadow:0 4px 16px #00000040,inset 0 0 0 1px #c9a84c33,0 0 12px #c9a84c26}.list-card:hover:before{opacity:1}.list-card-badge{display:inline-block;align-self:flex-start;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);margin-bottom:var(--space-1)}.list-card-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-fg);transition:color var(--dur-quick) ease}.list-card:hover .list-card-title{color:var(--color-accent)}.list-card-sub{font-size:var(--font-size-sm);color:var(--color-fg-muted);line-height:1.4}.list-card-meta{font-size:var(--font-size-xs);color:var(--color-fg-muted);font-weight:500;margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.list-card-badge-danger{background:color-mix(in srgb,var(--color-danger) 12%,transparent);color:var(--color-danger)}.options-page{max-width:600px;margin:0 auto}.options-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.options-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent);margin-bottom:var(--space-1)}.options-subtitle{font-size:var(--font-size-sm);color:var(--color-fg-muted);margin-bottom:var(--space-3)}.options-bulk{display:flex;gap:var(--space-2)}.options-bulk-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elev-2);color:var(--color-fg-muted);cursor:pointer;transition:border-color .2s ease,color .2s ease}.options-bulk-btn:hover{border-color:var(--color-accent);color:var(--color-fg)}.options-list{display:flex;flex-direction:column;gap:var(--space-2)}.options-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s ease}.options-item:hover{border-color:#c9a84c33}.options-item-info{display:flex;flex-direction:column;gap:2px}.options-item-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-fg)}.options-item-desc{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.options-toggle{width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;position:relative;transition:background .3s ease;flex-shrink:0}.options-toggle.on{background:var(--color-accent)}.options-toggle.off{background:var(--color-bg-elev-2);border:1px solid var(--color-border)}.options-toggle-knob{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:var(--color-fg);transition:left .2s var(--ease-out);box-shadow:0 1px 3px #0000004d}.options-toggle.on .options-toggle-knob{left:23px}.options-toggle.off .options-toggle-knob{left:3px}.placeholder-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);animation:placeholder-in var(--dur-slow) var(--ease-out) both}@keyframes placeholder-in{0%{opacity:0;transform:translateY(8px)}}.placeholder-icon{font-size:48px;font-weight:800;color:var(--color-accent);opacity:.4;margin-bottom:var(--space-4);width:72px;height:72px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);border-radius:50%}.placeholder-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-fg);margin-bottom:var(--space-2)}.placeholder-text{font-size:var(--font-size-sm);color:var(--color-fg-muted);max-width:400px;line-height:1.6;margin-bottom:var(--space-4)}.placeholder-text strong{color:var(--color-accent)}.placeholder-code{font-family:var(--font-mono);font-size:var(--font-size-xs);padding:2px var(--space-2);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.placeholder-link{font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent);text-decoration:none;padding:var(--space-2) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-md);transition:background var(--dur-quick) ease,color var(--dur-quick) ease}.placeholder-link:hover{background:var(--color-accent);color:var(--color-bg)}.wizard{max-width:720px;margin:0 auto;animation:wizard-enter var(--dur-slow) var(--ease-out) both}@keyframes wizard-enter{0%{opacity:0}}.wizard-stepper{display:flex;align-items:center;gap:var(--space-1);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;justify-content:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.wizard-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;background:var(--color-bg);color:var(--color-fg-muted);border:2px solid var(--color-border);flex-shrink:0;transition:background var(--dur-base) ease,border-color var(--dur-base) ease,color var(--dur-base) ease,box-shadow var(--dur-base) ease}.wizard-step-dot.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);box-shadow:0 0 0 3px #c9a84c33}.wizard-step-dot.done{background:var(--color-success);color:var(--color-bg);border-color:var(--color-success)}.wizard-step-label{font-size:var(--font-size-xs);color:var(--color-fg-muted);letter-spacing:.02em}.wizard-step-label.active{color:var(--color-accent);font-weight:600}.wizard-step-line{flex:1;min-width:12px;height:2px;background:var(--color-border);border-radius:1px;transition:background var(--dur-base) ease}.wizard-step-line.done{background:var(--color-success)}.wizard-nav{display:flex;justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.wizard-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--font-size-sm);color:var(--color-fg-muted);font-weight:500}.form-input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg);font-size:var(--font-size-base);outline:none;transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c9a84c1a}.form-input::placeholder{color:color-mix(in srgb,var(--color-fg-muted) 50%,transparent)}.trait-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-1)}.trait-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent-soft);font-size:var(--font-size-sm)}.trait-tag-remove{background:none;border:none;color:var(--color-fg-muted);cursor:pointer;font-size:var(--font-size-xs);padding:0 2px;line-height:1}.trait-tag-remove:hover{color:var(--color-danger)}.trait-row{display:flex;gap:var(--space-2);align-items:center}.trait-select{flex:1}.btn-random{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elev-2);cursor:pointer;font-size:var(--font-size-lg);padding:0;transition:border-color var(--dur-quick),transform var(--dur-quick)}.btn-random:hover{border-color:var(--color-accent);transform:scale(1.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.profil-family{margin-bottom:var(--space-5)}.profil-family-title{text-transform:capitalize;color:var(--color-accent);margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.profil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.profil-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-bg-elev-1);cursor:pointer;text-align:left;color:var(--color-fg);transition:border-color var(--dur-base) ease,transform var(--dur-quick) ease,box-shadow var(--dur-base) ease}.profil-card:hover{border-color:var(--color-accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.profil-card.selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-elev-1));box-shadow:0 0 0 1px #c9a84c26,0 2px 8px #0003}.peuple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.peuple-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-bg-elev-1);cursor:pointer;text-align:left;color:var(--color-fg);transition:border-color var(--dur-base) ease,transform var(--dur-quick) ease,box-shadow var(--dur-base) ease}.peuple-card:hover{border-color:var(--color-accent-soft);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.peuple-card.selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-elev-1));box-shadow:0 0 0 1px #c9a84c26,0 2px 8px #0003}.peuple-mods{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.mod-bonus{font-size:var(--font-size-xs);color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,transparent);padding:1px 6px;border-radius:var(--radius-sm)}.mod-malus{font-size:var(--font-size-xs);color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent);padding:1px 6px;border-radius:var(--radius-sm)}.serie-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.serie-btn{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-bg-elev-1);cursor:pointer;text-align:left;color:var(--color-fg)}.serie-btn:hover{border-color:var(--color-accent-soft)}.serie-btn.selected{border-color:var(--color-accent)}.serie-values{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--font-size-sm)}.carac-pool{display:flex;gap:var(--space-2);margin:var(--space-3) 0}.pool-value{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-elev-2);font-family:var(--font-mono);font-weight:600}.pool-value.used{opacity:.3;text-decoration:line-through}.carac-assign-grid{display:flex;flex-direction:column;gap:var(--space-2)}.carac-assign-row{display:grid;grid-template-columns:60px 100px 50px;align-items:center;gap:var(--space-3)}.carac-name{font-weight:600;font-family:var(--font-mono)}.carac-select{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elev-1);color:var(--color-fg)}.carac-final{font-family:var(--font-mono);color:var(--color-accent);font-weight:600}.peuple-mod-choices{display:flex;flex-direction:column;gap:var(--space-2)}.mod-choice-row,.mod-fixed{display:flex;align-items:center;gap:var(--space-2)}.carac-mod{font-size:var(--font-size-xs);font-family:var(--font-mono);margin-top:2px}.voie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-2)}.voie-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-bg-elev-1);cursor:pointer;text-align:left;color:var(--color-fg);transition:border-color var(--dur-base) ease,transform var(--dur-quick) ease,box-shadow var(--dur-base) ease}.voie-card:hover:not(:disabled){border-color:var(--color-accent-soft);transform:translateY(-1px);box-shadow:0 3px 10px #0003}.voie-card.selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-elev-1));box-shadow:0 0 0 1px #c9a84c26,0 2px 8px #0003}.voie-card:disabled{opacity:.4;cursor:not-allowed}.voie-card.voie-mage{border-style:dashed}.voie-card.voie-peuple{border-color:var(--color-fg-muted);border-style:dotted}.voie-card.voie-peuple.selected{border-color:var(--color-accent);border-style:solid;background:var(--color-bg-elev-2)}.voie-rang1{font-size:var(--font-size-xs)}.equip-list{list-style:none;padding:0;margin:var(--space-2) 0}.equip-item{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.equip-item:last-child{border-bottom:none}.wizard-recap{max-width:500px}.recap-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-4);margin:var(--space-3) 0}.recap-grid dt{color:var(--color-fg-muted);font-weight:500}.recap-grid dd{margin:0}.btn-create{margin-top:var(--space-5);font-size:var(--font-size-lg);padding:var(--space-3) var(--space-6)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;border:none;text-decoration:none;transition:background var(--dur-quick),opacity var(--dur-quick)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover:not(:disabled){background:var(--color-accent-soft)}.btn-secondary{background:var(--color-bg-elev-2);color:var(--color-fg);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-elev-1)}.btn-delete{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}.btn-delete:hover{background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.fiche{max-width:760px;margin:0 auto;animation:fiche-enter var(--dur-slow) var(--ease-out) both}@keyframes fiche-enter{0%{opacity:0}}.fiche-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);position:relative;animation:fiche-hero-in var(--dur-slow) var(--ease-out) 80ms both}@keyframes fiche-hero-in{0%{opacity:0;transform:translateY(6px)}}.fiche-hero:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.fiche-hero-left{display:flex;flex-direction:column;gap:var(--space-1)}.fiche-name{font-size:var(--font-size-3xl);font-weight:800;margin:0;letter-spacing:-.01em}.fiche-class{color:var(--color-accent);font-weight:600;font-size:var(--font-size-base)}.fiche-people{color:var(--color-fg-muted);font-size:var(--font-size-sm)}.fiche-level{font-size:var(--font-size-2xl);font-weight:800;font-family:var(--font-mono);color:var(--color-accent);background:linear-gradient(165deg,rgba(201,168,76,.08) 0%,transparent 50%),var(--color-bg-elev-1);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 0 0 1px #c9a84c14}.fiche-concept{font-style:italic;color:var(--color-fg-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.fiche-section{margin-bottom:var(--space-5)}.fiche-section h2{color:var(--color-accent);font-size:var(--font-size-lg);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.fiche-collapse{margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:visible;transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.fiche-collapse[open]{border-color:#c9a84c4d;box-shadow:0 2px 12px #00000026}.fiche-collapse-title{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-elev-1);color:var(--color-fg);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;user-select:none;list-style:none;letter-spacing:.02em;border-radius:var(--radius-md);transition:color var(--dur-quick) ease}.fiche-collapse[open]>.fiche-collapse-title{color:var(--color-accent);border-radius:var(--radius-md) var(--radius-md) 0 0}.fiche-collapse-title:before{content:">";display:inline-block;margin-right:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent);opacity:.6;transition:transform var(--dur-quick)}.fiche-collapse[open]>.fiche-collapse-title:before{transform:rotate(90deg);opacity:1}.fiche-collapse-title::-webkit-details-marker{display:none}.fiche-collapse>:not(summary){padding:var(--space-3) var(--space-4)}.stats-bar{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-3)}.stat-big{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(165deg,rgba(255,255,255,.015) 0%,transparent 50%),var(--color-bg-elev-1);border:1px solid var(--color-border);min-width:80px;transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.stat-big:hover{border-color:#c9a84c33;box-shadow:0 2px 8px #0003}.stat-big-value{font-size:var(--font-size-2xl);font-weight:700;font-family:var(--font-mono)}.stat-big-max{font-size:var(--font-size-sm);color:var(--color-fg-muted);font-family:var(--font-mono)}.stat-big-label{font-size:var(--font-size-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-1)}.pv-full .stat-big-value{color:#4da6ff}.pv-high .stat-big-value{color:var(--color-success)}.pv-mid .stat-big-value{color:#e6b800}.pv-low .stat-big-value{color:var(--color-danger)}.stats-secondary{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.stat-sm{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-bg-elev-1);border:1px solid var(--color-border)}.stat-sm-label{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.stat-sm-value{font-weight:600;font-family:var(--font-mono);font-size:var(--font-size-sm)}.carac-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2)}.carac-block{display:flex;flex-direction:column;align-items:center;padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-elev-1);border:1px solid var(--color-border)}.carac-label{font-size:var(--font-size-xs);color:var(--color-fg-muted);font-weight:600}.carac-value{font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-mono);color:var(--color-accent)}.carac-bonus .carac-value{color:var(--color-success)}.carac-malus .carac-value{color:var(--color-danger)}.etats-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.etat-tag{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:500}.etat-negatif{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger);border:1px solid var(--color-danger)}.etat-positif{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success);border:1px solid var(--color-success)}.equip-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.equip-slot{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-elev-1);border:1px solid var(--color-border)}.equip-slot.empty{opacity:.5}.equip-slot-label{font-size:var(--font-size-xs);color:var(--color-fg-muted);margin-bottom:var(--space-1)}.equip-slot-value{font-weight:500;font-size:var(--font-size-sm);text-align:center}.bourse-grid{display:flex;gap:var(--space-4)}.bourse-coin{display:flex;align-items:baseline;gap:var(--space-1)}.coin-value{font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-mono)}.coin-label{font-size:var(--font-size-sm);color:var(--color-fg-muted)}.inventaire-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.inventaire-item{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-bg-elev-1);border:1px solid var(--color-border);font-size:var(--font-size-sm)}.inventaire-item.equipped{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-elev-1))}.equip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-accent);color:var(--color-bg);font-size:9px;font-weight:700}.inventaire-qty{color:var(--color-fg-muted);font-family:var(--font-mono)}.fiche-voie-block{margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.fiche-voie-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-elev-2);border-bottom:1px solid var(--color-border)}.rang-dots{display:flex;gap:4px;align-items:center}.rang-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:background var(--dur-quick)}.rang-dot.filled{background:var(--color-accent)}.fiche-capacites{display:flex;flex-direction:column}.fiche-capacite{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.fiche-capacite:last-child{border-bottom:none}.fiche-capacite-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.capacite-nom{font-weight:600;font-size:var(--font-size-sm)}.capacite-type{font-size:10px;padding:1px 6px;border-radius:var(--radius-pill);background:var(--color-bg-elev-2);color:var(--color-fg-muted);font-family:var(--font-mono);text-transform:uppercase}.capacite-desc{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-muted);line-height:1.4}.perso-traits{display:flex;flex-direction:column;gap:var(--space-2)}.perso-trait{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-elev-1)}.perso-trait-label{font-weight:600;color:var(--color-accent);min-width:60px;font-size:var(--font-size-sm)}.equip-choice select{width:100%}.fiche-actions{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.perso-list-page{animation:perso-list-enter var(--dur-slow) var(--ease-out) both}@keyframes perso-list-enter{0%{opacity:0}}.perso-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-3)}.perso-list-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-accent);letter-spacing:.01em}.perso-list-count{font-size:var(--font-size-xs);font-weight:600;color:var(--color-fg-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.perso-list-new-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:700;color:var(--color-bg);background:linear-gradient(160deg,var(--color-accent-soft),var(--color-accent));border-radius:var(--radius-md);text-decoration:none;box-shadow:0 2px 8px #c9a84c40;transition:transform var(--dur-quick) ease,box-shadow var(--dur-base) ease}.perso-list-new-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c9a84c59}.perso-list-import-btn{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:600;color:var(--color-fg);background:var(--color-bg-elev-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-quick) ease,transform var(--dur-quick) ease}.perso-list-import-btn:hover{border-color:var(--color-fg-muted);transform:translateY(-1px)}.perso-list-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);margin-top:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elev-1);animation:perso-empty-in var(--dur-slow) var(--ease-out) .15s both}@keyframes perso-empty-in{0%{opacity:0;transform:scale(.97)}}.perso-list-empty-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.6;animation:perso-empty-pulse 3s ease-in-out infinite alternate}@keyframes perso-empty-pulse{0%{opacity:.4;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.perso-list-empty-text{font-size:var(--font-size-lg);font-weight:600;color:var(--color-fg);margin-bottom:var(--space-1)}.perso-list-empty-sub{font-size:var(--font-size-sm);color:var(--color-fg-muted);margin-bottom:var(--space-5)}.perso-list-create-btn{display:inline-flex;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:700;color:var(--color-bg);background:linear-gradient(160deg,var(--color-accent-soft),var(--color-accent));border-radius:var(--radius-md);text-decoration:none;box-shadow:0 2px 12px #c9a84c4d;transition:transform var(--dur-quick) ease,box-shadow var(--dur-base) ease}.perso-list-create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a84c66}.personnage-list{display:flex;flex-direction:column;gap:var(--space-3)}.personnage-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:linear-gradient(165deg,rgba(255,255,255,.01) 0%,transparent 40%),var(--color-bg-elev-1);border:1px solid var(--color-border);position:relative;transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease;animation:perso-card-in var(--dur-slow) var(--ease-out) both}@keyframes perso-card-in{0%{opacity:0;transform:translate(-6px)}}.personnage-card:before{content:"";position:absolute;top:12px;left:0;width:3px;height:24px;background:var(--color-accent);border-radius:0 2px 2px 0;opacity:0;transition:opacity var(--dur-base) ease}.personnage-card:hover{border-color:#c9a84c40;box-shadow:0 2px 16px #0003}.personnage-card:hover:before{opacity:1}.personnage-card-link{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-decoration:none;color:inherit;min-width:0}.personnage-card-main{display:flex;flex-direction:column;gap:2px;min-width:0}.personnage-card-name{font-size:var(--font-size-base);font-weight:700;color:var(--color-fg);transition:color var(--dur-quick) ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personnage-card:hover .personnage-card-name{color:var(--color-accent)}.personnage-card-meta{font-size:var(--font-size-xs);color:var(--color-fg-muted);font-weight:500}.personnage-card-tags{display:flex;gap:var(--space-1);flex-shrink:0}.personnage-card-tag{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.03em;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-elev-2);color:var(--color-fg-muted);text-transform:capitalize}.personnage-card-delete{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-fg-muted);cursor:pointer;opacity:0;transition:opacity var(--dur-base) ease,color var(--dur-quick) ease,background var(--dur-quick) ease;flex-shrink:0}.personnage-card:hover .personnage-card-delete{opacity:1}.personnage-card-delete:hover{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 10%,transparent)}@media (max-width: 640px){.personnage-card-delete{opacity:.5}.personnage-card-link{flex-direction:column;align-items:flex-start}.personnage-card-tags{margin-top:var(--space-1)}}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;font-size:var(--font-size-sm);background:transparent;color:var(--color-fg-muted)}.btn-icon:hover{background:var(--color-bg-elev-2)}.btn-danger:hover{color:var(--color-danger)}.competences-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-1)}.competence-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-elev-1)}.competence-nom{font-size:var(--font-size-sm);text-transform:capitalize}.competence-val{font-family:var(--font-mono);font-weight:600;color:var(--color-success);font-size:var(--font-size-sm)}.compagnons-list{display:flex;flex-direction:column;gap:var(--space-3)}.compagnon-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-bg-elev-1)}.compagnon-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.compagnon-nom{font-size:var(--font-size-lg)}.compagnon-type-badge{padding:1px 8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-accent) 20%,transparent);color:var(--color-accent);font-size:var(--font-size-xs);text-transform:capitalize}.compagnon-stats{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.comp-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-elev-2);min-width:60px}.comp-stat-value{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-mono)}.comp-stat-max{font-size:var(--font-size-xs);color:var(--color-fg-muted);font-family:var(--font-mono)}.comp-stat-label{font-size:10px;color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.5px}.comp-pv .comp-stat-value{color:#4da6ff}.compagnon-caracs{display:flex;flex-wrap:wrap;gap:var(--space-1)}.comp-carac{display:inline-flex;position:relative;padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);background:var(--color-bg-elev-2);border:1px solid var(--color-border)}.comp-carac.carac-bonus{color:var(--color-success);border-color:var(--color-success)}.comp-carac.carac-malus{color:var(--color-danger);border-color:var(--color-danger)}.debug-banner{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger) 15%,var(--color-bg));border:1px solid var(--color-danger);color:var(--color-danger);font-size:var(--font-size-sm)}.debug-banner code{background:var(--color-bg-elev-2);padding:1px 4px;border-radius:var(--radius-xs);font-size:var(--font-size-xs)}.tooltip-wrap{position:relative;cursor:help}.tooltip-text{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-fg);font-size:var(--font-size-xs);white-space:nowrap;z-index:100;box-shadow:0 4px 12px #0000004d}.tooltip-wrap:hover .tooltip-text{display:block}@media (max-width: 480px){.form-row{grid-template-columns:1fr}.profil-grid{grid-template-columns:1fr 1fr}.peuple-grid{grid-template-columns:1fr}.carac-grid{grid-template-columns:repeat(4,1fr)}}.login-page{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(201,168,76,.04) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 50% 100%,rgba(201,168,76,.03) 0%,transparent 60%),var(--color-bg)}.login-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");pointer-events:none}.login-card{width:100%;max-width:420px;padding:var(--space-7) var(--space-6);position:relative;background:linear-gradient(165deg,rgba(255,255,255,.02) 0%,transparent 40%),var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 0 0 1px #c9a84c14,0 4px 24px #0006,0 12px 48px #0003,inset 0 1px #ffffff08;animation:login-card-enter var(--dur-slow) var(--ease-out) both}@keyframes login-card-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}}.login-card:before,.login-card:after{content:"";position:absolute;width:24px;height:24px;border-color:var(--color-accent);border-style:solid;opacity:.5}.login-card:before{top:10px;left:10px;border-width:2px 0 0 2px;border-radius:3px 0 0}.login-card:after{bottom:10px;right:10px;border-width:0 2px 2px 0;border-radius:0 0 3px}.login-title{font-size:var(--font-size-3xl);font-weight:800;text-align:center;letter-spacing:.06em;color:var(--color-accent);margin-bottom:var(--space-1);text-shadow:0 0 20px rgba(201,168,76,.3);animation:login-title-glow 4s ease-in-out infinite alternate}@keyframes login-title-glow{0%{text-shadow:0 0 20px rgba(201,168,76,.2)}to{text-shadow:0 0 30px rgba(201,168,76,.4),0 0 60px rgba(201,168,76,.1)}}.login-subtitle{text-align:center;color:var(--color-fg-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.login-mode-label{text-align:center;font-size:var(--font-size-sm);color:var(--color-fg-muted);margin-bottom:var(--space-5)}.login-divider{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--color-fg-muted);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-field{display:flex;flex-direction:column;gap:var(--space-1);animation:login-field-enter var(--dur-slow) var(--ease-out) both}.login-field:nth-child(1){animation-delay:80ms}.login-field:nth-child(2){animation-delay:.14s}.login-field:nth-child(3){animation-delay:.2s}@keyframes login-field-enter{0%{opacity:0;transform:translateY(8px)}}.login-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-fg-muted);letter-spacing:.05em;text-transform:uppercase}.login-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease}.login-input::placeholder{color:color-mix(in srgb,var(--color-fg-muted) 50%,transparent)}.login-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c9a84c1a,inset 0 0 8px #c9a84c08}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-submit{width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:700;letter-spacing:.03em;color:var(--color-bg);background:linear-gradient(160deg,var(--color-accent-soft),var(--color-accent));border:none;border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:hidden;transition:transform var(--dur-quick) ease,box-shadow var(--dur-base) ease;box-shadow:0 2px 8px #c9a84c4d,inset 0 1px #fff3}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #c9a84c66,inset 0 1px #fff3}.login-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #c9a84c33,inset 0 1px #fff3}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-submit:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.login-submit:hover:not(:disabled):after{transform:translate(100%)}.login-error{color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent);animation:login-shake .4s ease}@keyframes login-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.login-toggle{text-align:center;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-fg-muted)}.login-toggle-link{color:var(--color-accent);text-decoration:none;font-family:inherit;font-size:inherit;font-weight:600;cursor:pointer;transition:color var(--dur-quick) ease;background:none;border:none;padding:0}.login-toggle-link:hover{color:var(--color-accent-soft);text-decoration:underline;text-underline-offset:3px}.dashboard{max-width:860px;margin:0 auto;padding:var(--space-5) var(--space-4);animation:dash-enter var(--dur-slow) var(--ease-out) both}@keyframes dash-enter{0%{opacity:0}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-7);flex-wrap:wrap;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);position:relative}.dashboard-header:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.dashboard-greeting{font-size:var(--font-size-xl);font-weight:700;color:var(--color-fg);letter-spacing:-.01em}.dashboard-greeting strong{color:var(--color-accent)}.dashboard-user{display:flex;align-items:center;gap:var(--space-3)}.dashboard-signout{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-fg-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-quick) ease,border-color var(--dur-quick) ease}.dashboard-signout:hover{color:var(--color-fg);border-color:var(--color-fg-muted)}.dashboard-sections{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media (min-width: 640px){.dashboard-sections{grid-template-columns:1fr 1fr}}.dashboard-section{padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(165deg,rgba(255,255,255,.015) 0%,transparent 50%),var(--color-bg-elev-1);border:1px solid var(--color-border);position:relative;overflow:hidden;animation:dash-card-enter var(--dur-slow) var(--ease-out) both;transition:border-color var(--dur-base) ease,box-shadow var(--dur-base) ease;box-shadow:0 2px 12px #0003}.dashboard-section:nth-child(1){animation-delay:.1s}.dashboard-section:nth-child(2){animation-delay:.2s}.dashboard-section:nth-child(3){animation-delay:.3s}@keyframes dash-card-enter{0%{opacity:0;transform:translateY(10px)}}.dashboard-section:hover{border-color:#c9a84c33;box-shadow:0 4px 20px #0000004d,0 0 0 1px #c9a84c0f}.dashboard-section:before{content:"";position:absolute;top:8px;left:8px;width:16px;height:16px;border-top:2px solid var(--color-accent);border-left:2px solid var(--color-accent);border-radius:2px 0 0;opacity:.4;transition:opacity var(--dur-base) ease}.dashboard-section:hover:before{opacity:.7}.dashboard-section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-accent);margin-bottom:var(--space-2);letter-spacing:.01em}.dashboard-section-desc{color:var(--color-fg-muted);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--space-4)}.dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.dashboard-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;border-radius:var(--radius-md);cursor:pointer;border:none;transition:transform var(--dur-quick) ease,box-shadow var(--dur-base) ease,background var(--dur-quick) ease}.dashboard-btn:hover{transform:translateY(-1px)}.dashboard-btn:active{transform:translateY(0)}.dashboard-btn-primary{color:var(--color-bg);background:linear-gradient(160deg,var(--color-accent-soft),var(--color-accent));box-shadow:0 2px 8px #c9a84c40}.dashboard-btn-primary:hover{box-shadow:0 4px 14px #c9a84c59}.dashboard-btn-secondary{color:var(--color-fg);background:var(--color-bg-elev-2);border:1px solid var(--color-border);box-shadow:0 1px 4px #0000001a}.dashboard-btn-secondary:hover{background:var(--color-bg);border-color:var(--color-fg-muted)}.dashboard-section-locked{opacity:.6}.dashboard-section-locked .dashboard-section-desc{font-style:italic}.dashboard-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);margin-bottom:var(--space-3)}