:root { --night:#050f14; --ivory:#f3ead6; --gold:#d8b96f; --gold-soft:#f1dc9f; --red:#a83222; --red-bright:#d05237; --muted:#9babad; --line:rgba(216,185,111,.23); --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ivory); background:radial-gradient(circle at 50% 0%,rgba(216,185,111,.11),transparent 32rem),radial-gradient(circle at 8% 40%,rgba(20,83,105,.24),transparent 34rem),var(--night); font-family:var(--sans); font-size:1rem; line-height:1.65; }
body[data-catalog="accompagnements"] { background:radial-gradient(circle at 50% 0%,rgba(216,185,111,.12),transparent 32rem),radial-gradient(circle at 88% 40%,rgba(168,50,34,.25),transparent 34rem),#130b0a; }
body::before { content:""; position:fixed; inset:0; z-index:-1; opacity:.16; pointer-events:none; background-image:linear-gradient(rgba(216,185,111,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(216,185,111,.07) 1px,transparent 1px); background-size:72px 72px; mask-image:radial-gradient(circle at center,black,transparent 78%); }
a { color:inherit; } img { display:block; max-width:100%; } :focus-visible { outline:2px solid var(--gold-soft); outline-offset:5px; }
.shell { width:min(1160px,calc(100% - 36px)); margin-inline:auto; }
.site-header { position:sticky; top:0; z-index:30; border-bottom:1px solid rgba(216,185,111,.12); background:rgba(5,15,20,.8); backdrop-filter:blur(18px); }
.nav { min-height:76px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1rem; }
.nav-side { justify-self:start; color:var(--muted); font-size:.86rem; text-decoration:none; }
.brand { justify-self:center; display:flex; align-items:center; gap:.7rem; text-decoration:none; }
.brand img { width:52px; aspect-ratio:1; object-fit:contain; }
.brand span { font-size:.88rem; font-weight:750; letter-spacing:.2em; }
.nav-other { justify-self:end; min-height:42px; display:inline-flex; align-items:center; padding:.6rem 1rem; border:1px solid #cf543b; border-radius:999px; color:#fff3e9; background:linear-gradient(135deg,var(--red-bright),var(--red)); font-size:.8rem; font-weight:750; text-decoration:none; }
.catalog-hero { padding:6.8rem 0 4rem; text-align:center; }
.realm-tag { margin:0 0 .8rem; color:var(--gold); font-size:.73rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-family:var(--serif); font-weight:400; text-wrap:balance; }
h1 { max-width:850px; margin:0 auto 1.2rem; font-size:clamp(3.2rem,8vw,7rem); line-height:.92; letter-spacing:-.055em; }
.catalog-intro { max-width:660px; margin:0 auto; color:#c4cbc8; font-size:1.08rem; }
.catalog-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; padding:1rem 0 7rem; }
.quest-card { position:relative; min-height:430px; display:flex; flex-direction:column; padding:clamp(1.5rem,3vw,2.3rem); border:1px solid var(--line); border-radius:1.35rem; background:radial-gradient(circle at 90% 12%,var(--card-glow,rgba(20,83,105,.3)),transparent 18rem),linear-gradient(145deg,var(--card-deep,#0b2731),#060f13 76%); overflow:hidden; transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.quest-card:hover { transform:translateY(-7px); border-color:rgba(241,220,159,.55); box-shadow:0 28px 70px rgba(0,0,0,.3); }
.quest-card[data-theme="psycho"] { --card-deep:#0c3534; --card-glow:rgba(54,146,132,.34); }
.quest-card[data-theme="nidra"] { --card-deep:#292256; --card-glow:rgba(111,91,209,.34); }
.quest-card[data-theme="astro"] { --card-deep:#123a70; --card-glow:rgba(55,121,205,.35); }
.quest-card[data-theme="dharma"] { --card-deep:#5a2d12; --card-glow:rgba(197,114,38,.35); }
.quest-card[data-theme="moon"] { --card-deep:#17475e; --card-glow:rgba(91,168,192,.35); }
.quest-card[data-theme="sun"] { --card-deep:#762517; --card-glow:rgba(215,82,42,.4); }
.quest-card[data-theme="atelier"] { --card-deep:#3b4930; --card-glow:rgba(131,154,89,.32); }
.quest-card[data-theme="dawn"] { --card-deep:#25534b; --card-glow:rgba(79,155,132,.32); }
.quest-number { display:block; margin-bottom:4.2rem; color:var(--gold-soft); font-size:.7rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.quest-card h2 { max-width:85%; margin-bottom:.7rem; font-size:clamp(2rem,4vw,3.25rem); line-height:1; }
.quest-name { margin-bottom:.9rem; color:var(--gold-soft); font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }
.quest-card p { max-width:650px; color:#bec8c6; }
.card-bottom { margin-top:auto; display:flex; align-items:end; justify-content:space-between; gap:1rem; }
.price { color:var(--ivory); font-family:var(--serif); font-size:2rem; }
.price small { display:block; color:var(--muted); font-family:var(--sans); font-size:.75rem; }
.enter { min-height:44px; display:inline-flex; align-items:center; padding:.6rem 1rem; border:1px solid #d65a42; border-radius:999px; color:#fff3e9; background:linear-gradient(135deg,var(--red-bright),var(--red)); font-size:.78rem; font-weight:800; text-decoration:none; }
.realm-switch { padding:4.5rem 0; border-top:1px solid var(--line); text-align:center; }
.realm-switch h2 { margin-bottom:1rem; font-size:clamp(2rem,4vw,3.5rem); }
.realm-switch a { color:var(--gold-soft); text-underline-offset:5px; }
footer { padding:2rem 0 3rem; border-top:1px solid var(--line); color:var(--muted); font-size:.8rem; text-align:center; }
@media (max-width:760px) { .catalog-grid { grid-template-columns:1fr; } .catalog-hero { padding-top:4.5rem; } .quest-card { min-height:380px; } .nav-side { font-size:0; } .nav-side::after { content:"←"; font-size:1.1rem; } .brand span { display:none; } .nav-other { padding-inline:.75rem; font-size:.72rem; } }
@media (prefers-reduced-motion:reduce) { * { transition-duration:.01ms !important; } }