/* «Золотой мипл»: страница /mipl. Золотое кольцо на аватаре в шапке — в app.css. */
:root{--gold-1:#fff7dc;--gold-2:#ffe7a3;--gold-line:#f0c64a;--gold-ink:#7a5400;--gold-mut:#9a7a2c;--gold-btn:#f2b705;--gold-btn-fg:#3a2800}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--gold-1:#2a2411;--gold-2:#3a2f0d;--gold-line:#6b5414;--gold-ink:#ffd45c;--gold-mut:#c9a94e}}
:root[data-theme="dark"]{--gold-1:#2a2411;--gold-2:#3a2f0d;--gold-line:#6b5414;--gold-ink:#ffd45c;--gold-mut:#c9a94e}
.mp{display:flex;flex-direction:column;gap:12px}
.mp .h-disp{margin-bottom:10px}
.btn-gold{background:var(--gold-btn);color:var(--gold-btn-fg);font-weight:700}
.btn-gold:hover{filter:brightness(1.05)}
.btn-gline{background:transparent;border:1.5px solid var(--gold-line);color:var(--gold-ink)}
.mp-hero{background:linear-gradient(150deg,var(--gold-1),var(--gold-2));border:1px solid var(--gold-line);color:var(--gold-ink);padding:24px;display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center}
.mp-big{width:96px;height:96px;filter:drop-shadow(0 4px 10px rgba(150,100,0,.35))}
.mp-hero h1{font-family:var(--display);font-weight:700;font-size:34px;text-transform:uppercase;margin:0;line-height:1.05}
.mp-lead{margin:6px 0 14px;font-size:15px;line-height:1.45;max-width:62ch}
.mp-status{display:inline-flex;gap:6px;align-items:center;background:var(--surface);color:var(--fg);border-radius:20px;padding:6px 12px 6px 8px;font-size:13px;font-weight:600;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.mp-status .gold-meeple{margin:0}
.mp-stats{display:flex;gap:22px;margin:0 0 14px;flex-wrap:wrap}
.mp-stats b{display:block;font-family:var(--display);font-size:24px;line-height:1}
.mp-stats span{font-size:12px;color:var(--gold-mut)}
.mp-acts{display:flex;flex-wrap:wrap;gap:10px}
.mp-acts .btn,.mp-band .btn{height:42px;padding:0 20px;font-size:14px}
.mp-fine{font-size:12.5px;color:var(--gold-mut);margin:10px 0 0;line-height:1.45}
.mp-fine a{color:inherit;text-decoration:underline}
.mp-next{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:center}
.mp-cov{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface-2);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.mp-cov img{width:100%;height:100%;object-fit:cover;display:block}
.mp-cov .gl{width:100%;height:100%;font-size:64px;border-radius:0}
.mp-kick{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--red)}
.mp-next h2{font-family:var(--display);font-weight:600;font-size:28px;margin:4px 0 2px;line-height:1.15}
.mp-next .sub{color:var(--muted);font-size:13.5px;margin:0 0 12px}
.mp-cd{display:flex;gap:8px;margin:0 0 14px}
.mp-cd div{background:var(--surface-2);border-radius:10px;padding:8px 12px;text-align:center;min-width:58px}
.mp-cd b{display:block;font-family:var(--display);font-size:22px;line-height:1}
.mp-cd span{font-size:11px;color:var(--muted)}
.mp-in{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:var(--ok);font-size:14px}
.mp-in i{width:20px;height:20px;border-radius:50%;background:var(--ok);display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px}
.mp-note{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.mp-perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mp-perk{background:var(--surface-2);border-radius:12px;padding:14px}
.mp-pi{width:38px;height:38px;border-radius:10px;background:linear-gradient(150deg,var(--gold-1),var(--gold-2));border:1px solid var(--gold-line);display:grid;place-items:center;margin-bottom:10px;color:var(--gold-ink)}
.mp-pi svg{width:20px;height:20px}
.mp-perk b{display:block;font-size:14.5px;margin-bottom:4px}
.mp-perk p{margin:0;font-size:13px;color:var(--muted);line-height:1.4}
.mp-draw{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.mp-draw:first-child{border-top:0;padding-top:0}
.mp-draw .gl{width:56px;height:56px;border-radius:9px;font-size:24px}
.mp-draw .gt b{display:block;font-size:15px}
.mp-draw .gt small{color:var(--muted);font-size:12.5px}
.mp-win{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;text-align:right}
.mp-win .ava{width:32px;height:32px;font-size:13px}
.mp-win small{display:block;font-weight:400;color:var(--muted);font-size:11.5px}
.mp-faq details{border-top:1px solid var(--line);padding:12px 0}
.mp-faq details:first-of-type{border-top:0;padding-top:0}
.mp-faq summary{font-weight:600;cursor:pointer;font-size:14.5px}
.mp-faq p{margin:8px 0 0;color:var(--muted);font-size:13.5px;line-height:1.5}
.mp-faq a{color:var(--red)}
.mp-band{background:#141416;color:#fff;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center}
.mp-band svg{width:64px;height:64px}
.mp-band b{font-family:var(--display);font-size:22px;text-transform:uppercase;display:block}
.mp-band p{margin:4px 0 0;color:#c9c9cf;font-size:13.5px}
@media (max-width:760px){
  .mp-hero{grid-template-columns:1fr;padding:18px;gap:10px}
  .mp-big{width:60px;height:60px}
  .mp-hero h1{font-size:28px}
  .mp-acts .btn{width:100%}
  .mp-next{grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start}
  .mp-next h2{font-size:21px}
  .mp-next .nb .btn{width:100%}
  .mp-perks{grid-template-columns:1fr}
  .mp-perk{display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 12px}
  .mp-pi{margin:0;grid-row:span 2}
  .mp-draw{grid-template-columns:48px minmax(0,1fr)}
  .mp-draw .gl{width:48px;height:48px}
  .mp-win{grid-column:2;text-align:left;font-size:13px}
  .mp-win .ava{width:24px;height:24px;font-size:11px}
  .mp-band{grid-template-columns:48px minmax(0,1fr)}
  .mp-band svg{width:48px;height:48px}
  .mp-band .btn{grid-column:1/-1;width:100%}
}