/* mk-rules.css — page publique « Les règles, expliquées » (lot 45).
   Même matière que le reste du site : fond bleu nuit, plaques en relief,
   un seul moment d'entrée au chargement. */

.rb-body{
  --bg:#040a1c;--pan:#081433;--pan2:#0a1a3f;--ink:#eaeff6;--mut:#9fb2d8;
  --line:rgba(126,165,255,.15);--acc:#5f98ff;--acc2:#0a55ff;--warn:#f5c451;
  margin:0;background:
    radial-gradient(900px 520px at 85% -10%,rgba(10,85,255,.18),transparent 60%),
    radial-gradient(700px 480px at 5% 10%,rgba(95,152,255,.1),transparent 60%),
    var(--bg);
  color:var(--ink);font:16px/1.6 'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased}
.rb-body *{box-sizing:border-box}
.rb-skip{position:absolute;left:-9999px}
.rb-skip:focus{left:1rem;top:1rem;z-index:50;background:#fff;color:#0b1330;padding:.6rem 1rem;border-radius:10px}
.rb-w{max-width:900px;margin:0 auto;padding:0 1.1rem}

.rb-top{border-bottom:1px solid var(--line);background:rgba(4,10,28,.72);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}
.rb-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:66px;max-width:1100px;margin:0 auto;padding:0 1.1rem}
.rb-logo{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.3rem;color:#fff;text-decoration:none;letter-spacing:-.025em}
.rb-nav nav{display:flex;align-items:center;gap:.5rem}
.rb-nav nav a{color:var(--mut);text-decoration:none;font-weight:600;font-size:.92rem;padding:.5rem .8rem;border-radius:10px}
.rb-nav nav a:hover{color:#fff;background:rgba(126,165,255,.1)}
.rb-nav nav a.b{background:var(--acc2);color:#fff;font-weight:700}
.rb-nav nav a.b:hover{background:#2d74ff}

h1{font-size:clamp(2rem,5vw,2.9rem);line-height:1.08;letter-spacing:-.035em;margin:2.4rem 0 .5rem}
.rb-lead{color:var(--mut);max-width:62ch;margin:0 0 2rem}

/* ---- Sélecteurs ---- */
.rb-pick{display:flex;flex-wrap:wrap;gap:1rem;padding:1.05rem 1.2rem;border-radius:18px;
  background:linear-gradient(180deg,var(--pan2),var(--pan));border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(170,200,255,.12),0 18px 40px -28px rgba(0,4,22,.9);margin:0 0 1.6rem}
.rb-field{display:flex;flex-direction:column;gap:.3rem;min-width:min(100%,220px);flex:1}
.rb-field label{font-size:.78rem;font-weight:700;color:var(--mut)}
.rb-field select{appearance:none;-webkit-appearance:none;width:100%;height:46px;padding:0 2.4rem 0 .9rem;border-radius:12px;
  background:#05102c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239fb2d8' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E") no-repeat right .9rem center;
  border:1px solid var(--line);color:var(--ink);font:600 .96rem inherit;cursor:pointer}
.rb-field select:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(95,152,255,.18)}

/* ---- Une règle ---- */
@keyframes rbIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rb-list{display:grid;gap:.9rem;margin:0 0 2.6rem}
.rb-card{position:relative;overflow:hidden;padding:1.15rem 1.3rem;border-radius:18px;
  background:linear-gradient(180deg,var(--pan2),var(--pan));border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(170,200,255,.1),0 16px 36px -28px rgba(0,4,22,.95);
  animation:rbIn .45s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(45ms * var(--d,0))}
.rb-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc)}
.rb-card.limit::before{background:var(--warn)}
.rb-h{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 .45rem}
.rb-h h2{margin:0;font-size:1.06rem;letter-spacing:-.02em;color:#fff}
.rb-fig{flex:0 0 auto;font-weight:800;font-size:.95rem;color:var(--acc);font-variant-numeric:tabular-nums}
.rb-card.limit .rb-fig{color:var(--warn)}
.rb-t{margin:0 0 .7rem;color:var(--mut);font-size:.94rem}
.rb-ex{margin:0;padding:.7rem .85rem;border-radius:12px;background:rgba(126,165,255,.07);
  border:1px dashed var(--line);font-size:.9rem;color:#cfdcf8}
.rb-ex b{display:block;font-size:.72rem;letter-spacing:.02em;color:var(--acc);margin-bottom:.15rem}

/* ---- Contrôles de retrait ---- */
.rb-pay{margin:0 0 2.6rem}
.rb-pay h2{font-size:1.4rem;letter-spacing:-.025em;margin:0 0 .3rem}
.rb-sub{color:var(--mut);margin:0 0 1rem;font-size:.94rem}
.rb-checks{list-style:none;counter-reset:c;margin:0;padding:0;display:grid;gap:.5rem}
.rb-checks li{counter-increment:c;display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;
  padding:.8rem 1rem .8rem .85rem;border-radius:14px;background:var(--pan);border:1px solid var(--line)}
.rb-checks li::before{content:counter(c);grid-row:span 2;align-self:center;width:28px;height:28px;border-radius:9px;
  display:grid;place-items:center;background:rgba(95,152,255,.16);color:var(--acc);font-weight:800;font-size:.82rem}
.rb-checks b{color:#fff;font-size:.95rem}
.rb-checks span{color:var(--mut);font-size:.88rem}

/* ---- Ce qu'on ne cache pas ---- */
.rb-note{padding:1.3rem 1.4rem;border-radius:18px;background:rgba(245,196,81,.06);
  border:1px solid rgba(245,196,81,.25);margin:0 0 2.4rem}
.rb-note h2{margin:0 0 .7rem;font-size:1.18rem;letter-spacing:-.02em;color:var(--warn)}
.rb-note ul{margin:0;padding-left:1.1rem;display:grid;gap:.55rem}
.rb-note li{color:var(--mut);font-size:.93rem}
.rb-note b{color:#fff}

.rb-help{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:1.2rem 1.3rem;border-radius:18px;background:#0a1d57;color:#dbe6ff;margin:0 0 2.6rem}
.rb-help a{background:#fff;color:#0a3fb5;font-weight:700;padding:.65rem 1.1rem;border-radius:11px;text-decoration:none}
.rb-empty{color:var(--mut)}

.rb-foot{border-top:1px solid var(--line);padding:1.3rem 0;font-size:.82rem;color:var(--mut)}
.rb-foot p{margin:0}

@media(max-width:560px){
  .rb-nav{height:58px}.rb-nav nav a:not(.b){display:none}
  .rb-card{padding:1rem 1.05rem}
  .rb-checks li{grid-template-columns:1fr}
  .rb-checks li::before{grid-row:auto;margin-bottom:.3rem}
}
@media(prefers-reduced-motion:reduce){.rb-card{animation:none}}