:root{color-scheme:dark;--bg:#071720;--panel:#0b2230;--panel2:#102b38;--stroke:#476276;--gold:#e1c38d;--mint:#8bd4cb;--ink:#f5efe6;--muted:#b4c7c6;--world-accent:#d4b57d;--world-second:#68c5bd;--world-bg:#071820;--world-surface:#123b3d;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06151e;color:var(--ink);font:15px/1.6 var(--sans)}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:#fff;color:#000;z-index:1000}.skip:focus{top:20px}*:focus-visible{outline:3px solid #ffdf99!important;outline-offset:3px}button,select,input{min-height:44px}button[disabled]{opacity:.5}.sitehead{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(16px,4vw,64px);border-bottom:1px solid #55717b40;background:#07161f}.logo{font:600 16px var(--serif);letter-spacing:.12em}.logo b{color:#dfc184}.tiny{color:#b5c8ca;font:700 10px var(--sans);letter-spacing:.18em;text-transform:uppercase}.status{padding:6px 10px;border:1px solid #8b987a80;border-radius:40px;color:#d5e0d3;font-size:11px}.banner{isolation:isolate;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,var(--world-surface),transparent 45%),linear-gradient(115deg,var(--world-bg),#07151f);border-bottom:1px solid #7d8e8660;min-height:310px}.banner .frame{max-width:1400px;margin:auto;padding:45px clamp(20px,4vw,64px) 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,490px);gap:35px;align-items:center}.eyebrow{color:var(--world-accent);font-size:11px;letter-spacing:.24em;font-weight:750;text-transform:uppercase}.banner h1{font:400 clamp(40px,5vw,77px)/1.09 var(--serif);letter-spacing:-.04em;margin:16px 0}.banner h1 em{font-weight:400;color:var(--world-accent)}.lede{max-width:660px;color:#e3e8e1;font-size:16px}.banner .note{font-size:12px;color:#b9d2ce}.artpanel{position:relative;aspect-ratio:1.5;border:1px solid #cbb98770;box-shadow:0 24px 70px #0007,inset 0 0 50px #0006;border-radius:12px;background:radial-gradient(ellipse at 40% 35%,var(--world-surface),var(--world-bg) 70%);overflow:hidden}.artpanel img{width:100%;height:100%;object-fit:cover;display:block;opacity:.86}.artpanel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#04111bea 3%,transparent 50%)}.artpanel figcaption{position:absolute;bottom:12px;left:16px;right:16px;z-index:1;font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #000}.artpanel .artfallback{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:var(--world-accent);opacity:.2}.artpanel .artfallback svg{width:65%;height:65%}.artpanel img:not([src]){display:none}.shell{width:min(1420px,calc(100% - 48px));margin:0 auto;padding:28px 0 70px}.main-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.sidebar,.paper{border:1px solid #56788470;background:#0c2330;border-radius:14px;padding:20px}.sidebar{position:sticky;top:12px}.sidebar h2,.paper h2{font:400 25px var(--serif);margin:4px 0 14px}.sidebar label{font-size:12px;font-weight:650;display:block;margin:12px 0 5px;color:#c7d8d6}select,input{width:100%;padding:10px 12px;background:#081923;color:#f6f3ec;border:1px solid #66898e;border-radius:9px;min-width:0}input::placeholder{color:#a4b8bc}.material{border-top:1px solid #58768255;margin-top:18px;padding-top:18px}.material strong{color:var(--world-accent);font-size:18px}.swatches{display:flex;gap:7px;margin-top:12px}.swatches i{height:31px;width:31px;display:inline-block;border-radius:50%;border:1px solid #fff4}.btn{border:1px solid #bca573;background:#1c3540;padding:11px;border-radius:9px;color:#ffead0;margin-top:10px;width:100%;text-align:left}.btn.active{background:var(--world-surface);border-color:var(--world-accent)}.paper{margin-bottom:17px}.paper p{color:#ccd9db}.paperhead{display:flex;justify-content:space-between;align-items:center;gap:14px}.paperhead small{font-weight:750;color:var(--world-accent);text-transform:uppercase;letter-spacing:.08em}.warning{padding:12px 14px;border-left:3px solid var(--world-accent);background:#1c2e37;border-radius:0 8px 8px 0;color:#d8e6e5}.species{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creature{border:1px solid #4d6a74;background:#0a1b26;border-radius:12px;overflow:hidden;min-width:0}.creature-visual{height:115px;background:linear-gradient(125deg,var(--world-surface) 0%,var(--world-bg) 72%);position:relative;display:grid;place-items:center}.creature-visual svg{width:90px;opacity:.25;color:var(--world-accent)}.creature-visual:after{content:'PORTRAIT À PRODUIRE';position:absolute;bottom:9px;right:10px;font-size:10px;letter-spacing:.08em;color:#e2d7c1}.creature-body{padding:13px}.creature h3{font:400 21px var(--serif);margin:4px 0 2px;overflow-wrap:anywhere}.creature p{font-size:12px;color:#b7ccce;margin:7px 0 9px;min-height:39px}.creature small{font-size:10px;color:var(--world-accent);letter-spacing:.08em}.creature .meta{font-size:11px;color:#bbd1d1}.chip{display:inline-block;border:1px solid #6d8a88;padding:2px 7px;border-radius:20px;font-size:10px;color:#cde5df}.stats{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.stat{border:1px solid #54778270;border-radius:8px;padding:8px 12px;color:#d7e6e3;font-size:12px}.stat b{color:var(--world-accent)}.foot{border-top:1px solid #5d73784f;padding-top:26px;color:#aebfbe;font-size:12px}.empty{padding:28px;color:#e0d2a8;background:#162b35;border:1px dashed #63878a;border-radius:12px;grid-column:1/-1}.visually-hidden{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;position:absolute;overflow:hidden;white-space:nowrap}.readme-link{color:#e1c990}.divider{height:1px;background:#4f74744a;margin:19px 0}.mini-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini-cards div{border:1px solid #54778460;padding:12px;border-radius:8px;background:#0a202b;font-size:12px;color:#d1e5e5}.mini-cards b{display:block;color:var(--world-accent)}
@media(max-width:1000px){.main-grid{grid-template-columns:1fr}.sidebar{position:relative;top:auto}.species{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.banner .frame{grid-template-columns:1fr;padding:32px 20px}.artpanel{max-width:530px}.shell{width:min(100% - 28px,1400px)}.sitehead{padding:15px 18px}.status{display:none}.species{grid-template-columns:1fr}.paperhead{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}