/* Accueil Rascalov — hiérarchie éditoriale, accès rapides et états vivants */
.home-page{--home-width:1320px;--home-gutter:clamp(20px,5vw,72px)}
.home-page main{overflow:hidden}
.home-page .hero{width:min(1440px,calc(100% - 48px));min-height:clamp(560px,calc(100svh - 112px),740px);margin:20px auto 0;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#111214;box-shadow:0 24px 90px rgba(0,0,0,.28)}
.home-page .hero-image{background:linear-gradient(90deg,#101113 2%,rgba(16,17,19,.94) 34%,rgba(16,17,19,.23) 100%),linear-gradient(0deg,rgba(16,17,19,.9),transparent 68%);opacity:1}
.home-page .hero-image::after{background:linear-gradient(90deg,rgba(12,13,15,.55) 0%,rgba(12,13,15,.1) 58%,rgba(12,13,15,.05) 100%),linear-gradient(0deg,rgba(12,13,15,.5),transparent 58%)}
.home-page .hero-slide{background-position:center 42%;filter:saturate(.7)}
.home-page .hero-content{width:min(68%,850px);padding:clamp(58px,8vw,112px) clamp(30px,7vw,100px) 125px}
.home-page .hero .eyebrow{margin-bottom:24px;color:#d0d1d3}
.home-page .hero h1{max-width:780px;margin:0;font-size:clamp(54px,7.5vw,100px);line-height:.98;letter-spacing:-.075em}
.home-page .hero h1 em{display:inline-block;margin-top:6px;color:#f16b64;font-style:normal}
.home-page .hero .intro{max-width:500px;margin:23px 0 30px;color:#c1c3c9;font-size:clamp(15px,1.35vw,18px);line-height:1.7}
.home-page .hero .actions{gap:24px}
.home-page .hero .actions .button{min-height:52px;padding-inline:22px}
.home-page .hero .text-link{color:#f0f0f0}
.home-page .hero-stamp{top:50%;right:clamp(28px,6vw,86px);bottom:auto;display:block;width:265px;padding:18px;transform:translateY(-22%);border-color:rgba(255,255,255,.18);background:rgba(14,15,17,.78);box-shadow:0 18px 55px #0005}
.home-page .hero-stamp-brand{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}
.home-page .hero-stamp-brand img{width:44px;height:44px}
.home-page .hero-stamp-brand strong{font-size:14px;letter-spacing:.12em}
.home-page .hero-stamp-brand span{display:block;margin-top:4px;color:#858a92;font-size:8px;letter-spacing:.16em}
.home-page .hero-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.home-page .hero-live-grid>span{display:flex;align-items:center;gap:5px;min-height:34px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff05;color:#a7abb2;font-size:9px;white-space:nowrap}
.home-page .hero-live-grid i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#70d49a;box-shadow:0 0 10px #70d49a66}
.home-page .hero-live-grid b{color:#f3f3f3;font-size:13px}
.home-page .hero-stamp>a{display:flex;align-items:center;justify-content:space-between;min-height:34px;color:#f18681;font-size:10px;font-weight:700}
.home-page .hero-bottom{left:clamp(30px,7vw,100px);right:clamp(30px,7vw,100px);bottom:25px;padding-top:16px;border-color:rgba(255,255,255,.16);color:#92969e;font-size:9px}
.home-page .hero-bottom a{color:#d9dbe0;font-size:9px}
.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(var(--home-width),calc(100% - 48px));margin:18px auto 0}
.home-shortcuts>a{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:13px;min-width:0;min-height:82px;padding:14px 17px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:linear-gradient(140deg,rgba(255,255,255,.045),rgba(255,255,255,.018));color:inherit;text-decoration:none;transition:border-color .18s,transform .18s,background .18s}
.home-shortcuts>a:hover{transform:translateY(-2px);border-color:rgba(239,99,95,.35);background:linear-gradient(140deg,rgba(239,99,95,.08),rgba(255,255,255,.025))}
.shortcut-index{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(239,99,95,.2);border-radius:10px;background:rgba(239,99,95,.08);color:#ef817c;font-size:9px;font-weight:800;letter-spacing:.08em}
.home-shortcuts strong,.home-shortcuts small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-shortcuts strong{font-size:11px;font-weight:750}
.home-shortcuts small{margin-top:5px;color:#848992;font-size:9px}
.home-shortcuts>a>b{color:#858a92;font-size:16px;font-weight:400}
.home-page .members-directory{width:min(1440px,calc(100% - 48px));margin:74px auto 0;padding:clamp(30px,5vw,66px);border:1px solid rgba(255,255,255,.08);border-radius:24px;background:radial-gradient(circle at 8% 12%,rgba(202,55,58,.1),transparent 27%),#121316}
.home-page .roster-heading{gap:40px}
.home-page .roster-heading-copy h2{font-size:clamp(42px,5vw,68px)}
.home-page .section.about{width:min(var(--home-width),calc(100% - 48px));margin:20px auto 0;padding:clamp(34px,5vw,64px);gap:clamp(30px,7vw,100px);border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(110deg,rgba(77,38,43,.25),rgba(24,26,30,.72) 44%,rgba(24,26,30,.85))}
.home-page .about h2{margin:0;font-size:clamp(34px,4vw,50px)}
.home-page .about .large{font-size:clamp(17px,1.7vw,21px)}
.home-page .principles{gap:clamp(12px,2vw,24px);flex-wrap:wrap}
.home-page .activity-planning,.home-page #roles,.home-page .journey,.home-page .recruitment-faq,.home-page .recruitment{width:min(var(--home-width),calc(100% - 48px));margin:20px auto 0;padding:clamp(32px,5vw,66px);border:1px solid rgba(255,255,255,.075);border-radius:22px}
.home-page .activity-planning{background:linear-gradient(150deg,rgba(32,27,30,.9),rgba(20,22,25,.94))}
.home-page .section-heading{margin-bottom:28px}
.home-page .section-heading h2{margin:0;font-size:clamp(32px,4vw,48px)}
.home-page .section-heading .muted{max-width:490px;margin:0;line-height:1.75}
.home-page .planning-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-page .planning-source{min-width:0;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(13,15,17,.55)}
.home-page .planning-grid{grid-template-columns:1fr;gap:10px}
.home-page .planning-best,.home-page .planning-alternatives,.home-page .planning-pending{padding:18px;border-radius:12px}
.home-page .planning-best>strong{font-size:30px}
.home-page #roles{background:rgba(22,24,27,.62)}
.home-page .cards{gap:14px}
.home-page .role{min-height:230px;padding:24px;border-radius:14px;background:linear-gradient(145deg,#1b1d21,#141619)}
.home-page .role h3{font-size:23px}
.home-page .journey{background:linear-gradient(130deg,rgba(87,37,41,.2),rgba(20,22,25,.92) 45%)}
.home-page .join-steps{gap:12px}
.home-page .join-step{padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(13,15,17,.44)}
.home-page .recruitment-faq{background:#151619}
.home-page .faq-list{gap:10px}
.home-page .faq-list details{border-color:rgba(255,255,255,.08);border-radius:11px}
.home-page .recruitment{align-items:start;gap:clamp(25px,5vw,70px);background:radial-gradient(circle at 2% 0%,rgba(213,62,63,.12),transparent 35%),#151619}
.home-page .recruit-copy{position:sticky;top:110px}
.home-page .recruit-copy h2{font-size:clamp(38px,5vw,62px)}
.home-page footer{margin-top:20px}
@media(max-width:1000px){.home-page .hero-content{width:75%}.home-page .hero-stamp{right:25px;transform:translateY(-10%);width:235px}.home-page .roster-heading{grid-template-columns:1fr;gap:24px}.home-page .roster-snapshot{max-width:600px}.home-page .roster-toolbar{grid-template-columns:minmax(180px,250px) minmax(0,1fr)}.home-page .roster-result-count{grid-column:1/-1;text-align:right}.home-page .recruitment{grid-template-columns:1fr 1.2fr}}
@media(max-width:760px){.home-page .hero{width:calc(100% - 24px);min-height:620px;margin-top:12px;border-radius:20px}.home-page .hero-content{width:100%;padding:56px 7% 200px}.home-page .hero h1{font-size:clamp(46px,10vw,72px)}.home-page .hero .intro{max-width:390px}.home-page .hero-stamp{top:auto;right:auto;bottom:78px;left:7%;width:min(290px,86%);padding:12px;transform:none}.home-page .hero-stamp-brand{padding-bottom:9px}.home-page .hero-stamp-brand img{width:34px;height:34px}.home-page .hero-live-grid{margin:8px 0 5px}.home-page .hero-live-grid>span{min-height:30px}.home-page .hero-stamp>a{display:none}.home-page .hero-bottom{left:7%;right:7%;bottom:16px;padding-top:10px;font-size:7px}.home-page .hero-bottom a{font-size:7px}.home-shortcuts{width:calc(100% - 24px);grid-template-columns:1fr;gap:8px;margin-top:12px}.home-shortcuts>a{min-height:66px;padding:10px 13px}.home-page .members-directory,.home-page .section.about,.home-page .activity-planning,.home-page #roles,.home-page .journey,.home-page .recruitment-faq,.home-page .recruitment{width:calc(100% - 24px);margin-top:12px;padding:26px 20px;border-radius:17px}.home-page .roster-heading{margin-bottom:24px}.home-page .roster-heading-copy h2{font-size:clamp(40px,10vw,58px)}.home-page .roster-snapshot>div{padding:12px 10px}.home-page .roster-snapshot dt{font-size:7px}.home-page .roster-snapshot dd{font-size:22px}.home-page .roster-toolbar{grid-template-columns:1fr;gap:10px}.home-page .roster-result-count{grid-column:auto}.home-page .planning-sources{grid-template-columns:1fr}.home-page .section-heading{gap:11px}.home-page .section-heading .muted{font-size:12px}.home-page .planning-source{padding:14px}.home-page .planning-source-heading{align-items:flex-start}.home-page .planning-source-status{flex-wrap:wrap;justify-content:flex-end}.home-page .cards{grid-template-columns:1fr}.home-page .role{min-height:0}.home-page .recruitment{grid-template-columns:1fr}.home-page .recruit-copy{position:static}.home-page .faq-list{grid-template-columns:1fr}.home-page .principles{gap:12px}.home-page .principles strong{display:block;margin:7px 0 0}.home-page .hero .actions{flex-direction:row;align-items:center;gap:15px}.home-page .hero .actions .button{font-size:11px;padding:12px 14px}.home-page .hero .text-link{font-size:11px}}
@media(max-width:420px){.home-page .hero{min-height:640px}.home-page .hero-content{padding-bottom:210px}.home-page .hero .actions{align-items:flex-start;flex-direction:column;gap:10px}.home-page .hero .actions .button{min-height:46px}.home-page .hero-bottom span{max-width:170px}.home-page .roster-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .roster-snapshot>div{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-slide{animation:none}.home-page .home-shortcuts>a{transition:none}}

/* Un créneau collectif, construit à partir des relevés Discord et WARDOGS. */
.home-page .planning-source.is-combined{padding:clamp(18px,2.8vw,32px);background:radial-gradient(circle at 0 0,rgba(239,102,95,.11),transparent 34%),radial-gradient(circle at 100% 0,rgba(88,101,242,.11),transparent 35%),#111316;border-color:rgba(255,255,255,.1)}
.home-page .is-combined .planning-source-heading{padding:2px 2px 22px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09)}
.home-page .is-combined .planning-source-heading h3{font-size:clamp(23px,2.8vw,34px)}
.home-page .is-combined .planning-source-status{gap:8px}
.home-page .is-combined .planning-source-badge{font-size:10px;letter-spacing:.02em;text-transform:none}
.home-page .is-combined .planning-source-badge.is-voice{color:#b4bbff;border-color:rgba(137,147,255,.32);background:rgba(88,101,242,.12)}
.home-page .is-combined .planning-source-badge.is-game{color:#f7a39e;border-color:rgba(239,102,95,.28);background:rgba(239,102,95,.09)}
.home-page .is-combined .planning-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px}
.home-page .is-combined .planning-best,.home-page .is-combined .planning-alternatives{min-width:0;padding:clamp(20px,2.5vw,30px);border-radius:16px}
.home-page .is-combined .planning-best{background:linear-gradient(135deg,rgba(239,102,95,.1),rgba(29,31,35,.92) 46%),#1b1d21}
.home-page .is-combined .planning-best>strong{font-size:clamp(42px,5vw,66px);line-height:1.05;letter-spacing:-.04em}
.home-page .is-combined .planning-best>span{margin:8px 0 22px;font-size:clamp(18px,2vw,22px)}
.home-page .is-combined .planning-best>p:last-of-type{max-width:42ch;margin-bottom:22px}
.home-page .planning-best-foot{display:flex;flex-wrap:wrap;gap:7px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}
.home-page .planning-best-foot span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#c6cbd0;background:rgba(10,12,15,.3);font-size:11px}
.home-page .is-combined .planning-alternatives{background:rgba(17,19,23,.9)}
.home-page .is-combined .planning-alternatives>div:first-of-type{margin-top:8px}
.home-page .is-combined .planning-alternatives>div{padding:17px 0}
.home-page .is-combined .planning-alternatives>div strong{font-size:17px}
.home-page .is-combined .planning-alternatives>div span{color:#f18c86}
.home-page .is-combined .planning-alternatives>div small{font-size:11px;line-height:1.5}
.home-page .planning-method{margin-top:16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(10,12,15,.48);overflow:hidden}
.home-page .planning-method summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;color:#e6e8eb;font-size:13px;font-weight:750;cursor:pointer;list-style:none}
.home-page .planning-method summary::-webkit-details-marker{display:none}
.home-page .planning-method summary:hover{background:rgba(255,255,255,.035)}
.home-page .planning-method summary:focus-visible{outline:2px solid #aeb5ff;outline-offset:-3px}
.home-page .planning-method summary span{font-size:20px;line-height:1;transition:transform .2s}
.home-page .planning-method[open] summary span{transform:rotate(180deg)}
.home-page .planning-method-content{padding:0 20px 22px;border-top:1px solid rgba(255,255,255,.08)}
.home-page .planning-method-content>p{max-width:95ch;color:#a9b0b8;font-size:12px;line-height:1.75}
.home-page .planning-method-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0}
.home-page .planning-method-metrics>div{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#191b20}
.home-page .planning-method-metrics strong{display:block;color:#f4f5f7;font-size:25px;line-height:1.1}
.home-page .planning-method-metrics>div:nth-child(2) strong{color:#aeb5ff}
.home-page .planning-method-metrics>div:nth-child(3) strong{color:#f18c86}
.home-page .planning-method-metrics span{display:block;margin-top:7px;color:#9fa7b2;font-size:11px;line-height:1.45}
.home-page .planning-method-content .planning-method-formula{color:#e2e6eb;font-weight:600}
.home-page .planning-method-content .planning-method-scope{margin-bottom:0;font-size:11px}
@media(max-width:760px){.home-page .is-combined .planning-grid{grid-template-columns:1fr}.home-page .is-combined .planning-source-heading{align-items:flex-start}.home-page .planning-method-metrics{grid-template-columns:1fr}.home-page .planning-method-metrics>div{padding:12px 14px}.home-page .planning-method-metrics strong{font-size:21px}}

/* Cours du lingot WARDOGS : relevé public chargé sans ralentir l'accueil. */
.home-page .gold-market-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr) minmax(170px,.42fr);align-items:center;gap:clamp(20px,3vw,42px);width:min(var(--home-width),calc(100% - 48px));margin:18px auto 0;padding:clamp(24px,3vw,38px);overflow:hidden;border:1px solid rgba(228,188,112,.2);border-radius:20px;background:radial-gradient(circle at 82% -95%,rgba(228,188,112,.16),transparent 48%),linear-gradient(120deg,#19191a,#111317 68%);box-shadow:0 14px 36px rgba(0,0,0,.12)}
.home-page .gold-market-card::before{position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,203,128,.66),transparent);content:""}
.home-page .gold-market-intro{min-width:0}
.home-page .gold-market-intro .eyebrow{margin:0 0 10px;color:#e8be78}
.home-page .gold-market-intro h2{margin:0;color:#f4f2ef;font-size:clamp(25px,2.7vw,38px);line-height:1.08;letter-spacing:-.04em}
.home-page .gold-market-intro>p:last-child{max-width:50ch;margin:12px 0 0;color:#a8abb1;font-size:12px;line-height:1.65}
.home-page .gold-market-quote{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;min-width:0;padding:16px 22px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}
.home-page .gold-market-quote>span{color:#e0bd80;font-size:10px;font-weight:800;letter-spacing:.18em}
.home-page .gold-market-quote strong{margin:5px 0 2px;color:#f5e1b6;font-size:clamp(38px,4.2vw,60px);font-weight:750;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}
.home-page .gold-market-quote small{color:#b0a593;font-size:11px}
.home-page .gold-market-meta{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;color:#a8abb1;font-size:11px;line-height:1.4}
.home-page .gold-market-meta>strong{color:#e7e1d7;font-size:12px}
.home-page .gold-market-meta [data-gold-change]{color:#b8c0c4;font-variant-numeric:tabular-nums}
.home-page .gold-market-meta [data-gold-change].is-up{color:#86d6a7}
.home-page .gold-market-meta [data-gold-change].is-down{color:#f1918a}
.home-page .gold-market-meta time{color:#dadce0}
.home-page .gold-market-meta a{margin-top:2px;color:#e6be7d;font-weight:700;text-decoration:none}
.home-page .gold-market-meta a:hover{text-decoration:underline;text-underline-offset:3px}
.home-page .gold-market-card:not(.is-ready):not(.is-unavailable) [data-gold-price]{animation:gold-market-loading 1.6s ease-in-out infinite}
@keyframes gold-market-loading{50%{opacity:.38}}
@media(max-width:960px){.home-page .gold-market-card{grid-template-columns:minmax(0,1fr) minmax(210px,.6fr)}.home-page .gold-market-meta{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;gap:9px 18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.home-page .gold-market-meta a{margin:0 0 0 auto}}
@media(max-width:620px){.home-page .gold-market-card{grid-template-columns:1fr;width:calc(100% - 24px);margin-top:12px;padding:26px 20px;gap:20px;border-radius:17px}.home-page .gold-market-quote{padding:16px 0;border:0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.home-page .gold-market-meta{display:flex;flex-direction:column;gap:8px;padding:0;border:0}.home-page .gold-market-meta a{margin:2px 0 0}}
@media(prefers-reduced-motion:reduce){.home-page .gold-market-card [data-gold-price]{animation:none!important}}
.home-page .gold-market-quote{position:relative;padding-right:78px}
.home-page .gold-market-quote-art{position:absolute;right:12px;top:50%;width:54px;height:54px;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 5px 12px rgba(228,188,112,.2))}
@media(max-width:620px){.home-page .gold-market-quote{padding-right:70px}}