:root{
  --soil-dark:#1c140d;
  --soil:#2e2116;
  --soil-light:#4a3623;
  --potato:#d9a94f;
  --potato-dark:#a97b2f;
  --grass:#7fae42;
  --grass-dark:#5c8630;
  --ember:#c1542c;
  --cream:#f6ecd9;
  --cream-dim:#cdbfa6;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--soil-dark);
  color:var(--cream);
  font-family:'Nunito',system-ui,sans-serif;
  line-height:1.6;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(127,174,66,.08), transparent 40%),
    radial-gradient(circle at 85% 60%, rgba(217,169,79,.08), transparent 45%);
  min-height:100vh;
}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
h1,h2,h3,.font-pixel{font-family:'Silkscreen',monospace}
a{color:inherit}
ul{list-style:none}

/* ---------- header / nav ---------- */
.site-header{padding:18px 0;border-bottom:1px dashed var(--soil-light)}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;text-decoration:none}
.brand-mark{font-size:1.4rem}
.ip-chip{
  font-family:'Silkscreen',monospace;font-size:.78rem;color:var(--potato);
  background:var(--soil);border:2px solid var(--soil-light);padding:8px 12px;
  cursor:pointer;transition:border-color .12s ease;
}
.ip-chip:hover{border-color:var(--potato)}
.site-nav{display:flex;flex-wrap:wrap;gap:16px;font-weight:700;font-size:.92rem}
.site-nav a{text-decoration:none;color:var(--cream-dim);border-bottom:2px solid transparent;padding-bottom:2px;transition:color .12s ease,border-color .12s ease}
.site-nav a:hover{color:var(--cream)}
.site-nav a.active{color:var(--grass);border-color:var(--grass)}
.discord-link{color:#8ea9d6!important}

/* ---------- buttons ---------- */
button,.btn{
  font-family:'Nunito',sans-serif;font-weight:800;font-size:.95rem;
  border:3px solid var(--potato-dark);background:var(--potato);color:#241a0e;
  padding:14px 20px;cursor:pointer;box-shadow:4px 4px 0 var(--potato-dark);
  transition:transform .12s ease,box-shadow .12s ease;display:inline-block;text-decoration:none;
}
button:hover,.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--potato-dark)}
button:active,.btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--potato-dark)}
.btn-ghost{background:transparent;color:var(--cream);border-color:var(--cream-dim);box-shadow:4px 4px 0 var(--cream-dim)}
.btn-discord{background:#5865F2;border-color:#3b45c4;color:#fff;box-shadow:4px 4px 0 #3b45c4}

/* ---------- hero ---------- */
.hero{padding:48px 0 40px}
.hero-tag{color:var(--grass);font-weight:700;font-size:.95rem}
.hero h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.25;margin:14px 0 18px;text-shadow:3px 3px 0 var(--soil-light)}
.hero p{max-width:56ch;color:var(--cream-dim);font-size:1.05rem}
.ip-box{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ip-pill{
  background:var(--soil);border:3px solid var(--soil-light);box-shadow:4px 4px 0 var(--soil-light);
  padding:14px 20px;font-family:'Silkscreen',monospace;font-size:1.02rem;color:var(--potato);
}

/* ---------- generic page hero (non-home pages) ---------- */
.page-head{padding:40px 0 8px}
.page-head .hero-tag{display:block;margin-bottom:8px}
.page-head h1{font-size:clamp(1.5rem,4vw,2.1rem)}
.page-head p{color:var(--cream-dim);max-width:60ch;margin-top:10px}

/* ---------- sections ---------- */
section{padding:40px 0;border-top:1px dashed var(--soil-light)}
section:first-of-type{border-top:none}
.eyebrow-icon{font-size:1.5rem}
section h2{font-size:1.4rem;margin:10px 0 6px}
section > p.lede{color:var(--cream-dim);max-width:58ch;margin-bottom:20px}

.statement{padding:36px 0}
.statement .big{font-size:clamp(1.5rem,4.2vw,2.2rem);font-weight:800;line-height:1.3}
.statement .big span{color:var(--grass)}
.statement .no-p2w{display:inline-block;margin-top:14px;color:var(--ember);font-weight:800;font-family:'Silkscreen',monospace;font-size:.95rem}

.feature{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:16px 0}
.feature .icon{font-size:1.8rem;line-height:1}
.feature h3{font-size:1.02rem;margin-bottom:4px}
.feature p{color:var(--cream-dim);font-size:.94rem}

.jobs{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.job{background:var(--soil);border:2px solid var(--soil-light);padding:9px 14px;font-size:.9rem;font-weight:700}

.uses li{padding:8px 0 8px 28px;position:relative;color:var(--cream-dim);border-bottom:1px solid var(--soil-light)}
.uses li:last-child{border-bottom:none}
.uses li::before{content:"🥔";position:absolute;left:0}

/* ---------- votes ---------- */
#votes-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.vote-link{display:flex;justify-content:space-between;align-items:center;background:var(--soil);border:2px solid var(--soil-light);padding:14px 16px;text-decoration:none;color:var(--cream);transition:border-color .12s ease,transform .12s ease}
.vote-link:hover{border-color:var(--grass);transform:translateX(3px)}
.vote-link .arrow{color:var(--grass);font-family:'Silkscreen',monospace}
.votes-empty,.votes-error{color:var(--cream-dim);font-size:.9rem}

/* ---------- prose (docs / règlement) ---------- */
.prose{max-width:66ch}
.prose h2{margin-top:6px}
.prose p{color:var(--cream-dim);margin-bottom:14px}
.prose code{background:var(--soil);border:1px solid var(--soil-light);padding:2px 6px;font-family:'Silkscreen',monospace;font-size:.85em;color:var(--potato)}

/* ---------- règlement ---------- */
.rules{counter-reset:rule;display:flex;flex-direction:column;gap:0}
.rule{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--soil-light);align-items:start}
.rule:last-child{border-bottom:none}
.rule::before{counter-increment:rule;content:counter(rule);font-family:'Silkscreen',monospace;color:var(--potato);font-size:1.3rem;line-height:1.4}
.rule-tag{display:inline-block;font-size:.7rem;font-weight:800;color:var(--grass);background:rgba(127,174,66,.12);border:1px solid var(--grass-dark);padding:2px 8px;margin-bottom:6px}
.rule h3{font-size:1rem;margin-bottom:4px}
.rule p{color:var(--cream-dim);font-size:.94rem}

.ladder{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.ladder-step{background:var(--soil);border:2px solid var(--soil-light);padding:10px 16px;font-weight:800;font-size:.9rem;white-space:nowrap}
.ladder-step.final{border-color:var(--ember);color:var(--ember)}
.ladder-arrow{color:var(--cream-dim);font-family:'Silkscreen',monospace}
.ladder-note{color:var(--cream-dim);font-size:.88rem;margin-top:12px;max-width:60ch}

/* ---------- actualités ---------- */
.news{display:flex;flex-direction:column;gap:18px}
.news-item{background:var(--soil);border:2px solid var(--soil-light);padding:18px 20px}
.news-date{font-family:'Silkscreen',monospace;color:var(--grass);font-size:.78rem}
.news-item h3{margin:6px 0 6px;font-size:1.05rem}
.news-item p{color:var(--cream-dim);font-size:.94rem}

/* ---------- footer ---------- */
footer{padding:40px 0 60px;color:var(--cream-dim);font-size:.9rem;border-top:1px dashed var(--soil-light);margin-top:20px}
footer .ip-repeat{font-family:'Silkscreen',monospace;color:var(--potato);margin-top:6px}
footer .foot-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-weight:700}

@media (prefers-reduced-motion: reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}