/* MOMENT-1108 · «Мой момент» (перк moment, с «На движениях»; этап 8 подписки, утверждено владельцем 08.11). Профиль игрока на /ladder и кабинет.
   По макету этапа 8 (etap8-koncept-1108, «Мой момент»), в стиле кабинета: «Обсидиан» 2.1 и палитра B — красный GG, графит, кремовый.
   Без синего и без золота (золото — только у MVP, здесь его нет). Карточка профиля ставится в конец колонки — ничего не сдвигает;
   высота картинки задана, фон появляется после загрузки. */
.mo-card,.mo-pick{--mo-red:#E0412B;--mo-red-t:#F24B36;--mo-card:#111111;--mo-sunk:#0E0E0E;--mo-line:rgba(255,255,255,.13);--mo-line-1:rgba(255,255,255,.07);
  --mo-tx:#FAFAFA;--mo-tx2:#BDBDBD;--mo-mut:#959595;--mo-win:#3ECF7A;
  --mo-mono:var(--gg-font-mono,'JetBrains Mono','Courier New',monospace);--mo-ui:var(--gg-font-body,'Oswald','Inter',sans-serif);
  --mo-long:var(--gg-font-long,'Montserrat',system-ui,sans-serif);--mo-disp:var(--gg-font-display,'Bowlby One','Montserrat',Impact,sans-serif);
  box-sizing:border-box}
.mo-card *,.mo-pick *{box-sizing:border-box}

/* ---------- профиль игрока ---------- */
.mo-card{position:relative;display:grid;margin-top:20px;border:1px solid var(--mo-line);border-radius:14px;overflow:hidden;background:var(--mo-card);color:var(--mo-tx);min-width:0}
.ph-col--b>.mo-card:first-child{margin-top:0}
.mo-card__art{position:relative;height:118px;background:#141414 no-repeat center 55%/cover;transition:opacity .45s ease}
.mo-card__fade{position:absolute;inset:0;display:block;background:linear-gradient(0deg,#111 0,rgba(17,17,17,.35) 55%,rgba(17,17,17,.1) 100%),linear-gradient(90deg,rgba(17,17,17,.8) 0,rgba(17,17,17,0) 70%),radial-gradient(70% 120% at 90% 0,rgba(224,65,43,.22),transparent 70%)}
.mo-card__lab{position:absolute;left:18px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;font:600 10px/1 var(--mo-mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.mo-card__lab::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mo-red)}
.mo-card__type{position:absolute;left:18px;right:18px;bottom:8px;z-index:2;margin:0;font:400 30px/1 var(--mo-disp);letter-spacing:.01em;text-transform:uppercase;color:var(--mo-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-card__type i,.mo-opt__k i{font-style:normal;color:var(--mo-red-t)}
.mo-card__b{display:grid;gap:10px;padding:12px 18px 16px;min-width:0}
.mo-card__where{margin:0;font:600 14px/1.35 var(--mo-long);color:var(--mo-tx)}
.mo-card__where small{display:block;margin-top:2px;font:500 12px/1.35 var(--mo-mono);letter-spacing:.04em;color:var(--mo-mut)}
.mo-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mo-n{padding:8px 10px;border:1px solid var(--mo-line-1);border-radius:8px;background:var(--mo-sunk);min-width:0}
.mo-n b{display:block;font:700 18px/1.1 var(--mo-ui);font-variant-numeric:tabular-nums;color:var(--mo-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-n b.is-w{color:var(--mo-win)}
.mo-n span{display:block;margin-top:3px;font:600 9px/1.2 var(--mo-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mo-mut)}
.mo-card__act{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.mo-card__go{font:700 12px/1 var(--mo-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mo-tx);text-decoration:none}
.mo-card__go:hover,.mo-card__go:focus-visible{color:var(--mo-red-t)}
.mo-card__ed{font:600 10px/1 var(--mo-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mo-mut);text-decoration:none}
.mo-card__ed:hover,.mo-card__ed:focus-visible{color:var(--mo-tx)}
@media (max-width:560px){.mo-card__type{font-size:24px}.mo-n{padding:8px}.mo-n b{font-size:16px}}

/* ---------- кабинет: выбор ---------- */
.mo-pick{margin-top:14px;padding:20px 22px;border:1px solid var(--mo-line);border-radius:14px;background:var(--mo-card);color:var(--mo-tx);font:500 13px/1.45 var(--mo-long);min-width:0}
.mo-pick__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:6px}
.mo-pick__t{margin:0;font:700 15px/1.2 var(--mo-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mo-tx)}
.mo-cap{font:600 10px/1.3 var(--mo-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mo-mut)}
.mo-cap b{color:var(--mo-red-t);font-weight:600}
.mo-pick__sub{margin:0 0 12px;color:var(--mo-tx2)}
.mo-empty{margin:0;color:var(--mo-tx2)}
.mo-list{display:grid;gap:8px}
.mo-opt{display:grid;grid-template-columns:20px 64px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--mo-line);border-radius:10px;background:var(--mo-card);color:var(--mo-tx);text-align:left;cursor:pointer;font:inherit}
.mo-opt:hover{border-color:rgba(255,255,255,.26)}
.mo-opt:focus-visible{outline:2px solid var(--mo-red);outline-offset:2px}
.mo-opt[aria-checked="true"]{border-color:var(--mo-red);box-shadow:0 0 0 1px var(--mo-red)}
.mo-opt__r{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4)}
.mo-opt[aria-checked="true"] .mo-opt__r{border-color:var(--mo-red);background:radial-gradient(circle,var(--mo-red) 0 4px,transparent 4.5px)}
.mo-opt__th{width:64px;height:36px;border-radius:6px;background:#1a1a1a linear-gradient(135deg,rgba(224,65,43,.28),rgba(17,17,17,0) 70%) no-repeat center/cover}
.mo-opt__m{display:grid;gap:3px;min-width:0}
.mo-opt__k{font:400 17px/1.1 var(--mo-disp);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-opt__s{font:500 11px/1.35 var(--mo-mono);letter-spacing:.04em;color:var(--mo-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-opt__v{padding:3px 6px;border-radius:4px;background:var(--mo-red);font:700 9px/1 var(--mo-mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;white-space:nowrap}
.mo-more{margin-top:8px;border:0;background:none;padding:6px 0;font:700 11px/1 var(--mo-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mo-tx2);cursor:pointer}
.mo-more:hover{color:var(--mo-tx)}
.mo-pick__f{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--mo-line-1)}
.mo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border-radius:8px;border:1px solid var(--mo-line);background:transparent;color:var(--mo-tx);font:700 13px/1 var(--mo-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.mo-btn--red{background:#C73A26;border-color:#C73A26;color:#fff}
.mo-btn[disabled]{opacity:.45;cursor:default}
.mo-note{flex:1 1 220px;min-width:0;color:var(--mo-mut);font:500 12px/1.45 var(--mo-long)}
.mo-note.is-err{color:var(--mo-red-t)}
@media (max-width:560px){.mo-pick{padding:16px 14px}.mo-opt{grid-template-columns:18px 48px minmax(0,1fr);gap:10px;padding:9px 10px}.mo-opt__th{width:48px;height:30px}
  .mo-opt__s{white-space:normal}.mo-opt__v{grid-column:3;justify-self:start}}
@media (prefers-reduced-motion:reduce){.mo-card__art{transition:none}}