/* Стили мини-игр. Подключают мини-апп (webapp.html, webview.html) и сайт
   (static/site/games.html). Переменные --f1-* — из static/app.css мини-аппа,
   на сайте их задаёт обёртка .gm-host в games.html. */
/* ═══════════════════ МИНИ-ИГРЫ (24.09.2026) ═══════════════════
   Пит-стоп, дурак, реакция. Всё под телефон: крупные зоны нажатия,
   анимации только transform/opacity. */
.gm-page { padding:12px 14px; user-select:none; -webkit-user-select:none; }
.gm-top { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:14px; min-height:32px; }
.gm-back { font-size:14px; color:var(--f1-text-muted); cursor:pointer; padding:6px 0; }
.gm-title { font-family:'Russo One','Exo 2',sans-serif; font-size:18px; text-transform:uppercase; letter-spacing:.5px; }
.gm-top-r { min-width:64px; display:flex; justify-content:flex-end; }
.gm-intro { text-align:center; padding-top:6px; }
.gm-h { font-family:'Russo One','Exo 2',sans-serif; font-size:24px; text-transform:uppercase; margin:18px 0 8px; }
.gm-p { font-size:14px; line-height:1.55; color:var(--f1-text-secondary); max-width:340px; margin:0 auto 22px; }
.gm-p b { color:#fff; }
.gm-btn { display:inline-flex; align-items:center; justify-content:center; padding:15px 30px; border-radius:999px;
  background:var(--f1-red); color:#fff; font-weight:800; font-size:15px; letter-spacing:.3px; cursor:pointer;
  box-shadow:0 8px 24px rgba(225,6,0,.35); transition:transform .12s, background .2s; }
.gm-btn:active { transform:scale(.96); background:var(--f1-red-dark); }
.gm-btn.ghost { background:rgba(255,255,255,.08); box-shadow:none; }
.gm-btn.sm { padding:10px 20px; font-size:14px; }
.gm-btn.off { opacity:.45; pointer-events:none; }
.gm-row { display:flex; gap:10px; justify-content:center; margin-top:22px; flex-wrap:wrap; }
.gm-hint { text-align:center; font-size:13px; color:var(--f1-text-muted); margin-top:12px; }
.gm-ach { margin-top:12px; font-size:14px; font-weight:700; color:#27F4D2; }
.gm-fact { margin:18px auto 0; max-width:340px; padding:14px 16px; border-radius:14px; background:rgba(255,255,255,.05);
  font-size:14px; line-height:1.5; color:var(--f1-text-secondary); }

.gm-result { text-align:center; padding-top:18px; animation:gmPop .45s cubic-bezier(.2,1.3,.4,1); }
.gm-result-k { font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--f1-text-muted); }
.gm-result-big { font-family:'Russo One','Exo 2',sans-serif; font-size:64px; line-height:1.05; margin-top:6px;
  font-variant-numeric:tabular-nums; }
.gm-result-big span { font-size:22px; margin-left:6px; color:var(--f1-text-secondary); }
.gm-result-big.bad { color:var(--f1-red); font-size:44px; }
.gm-result-big.small { font-size:34px; }
.gm-result-t { font-weight:800; font-size:18px; margin-top:8px; }
.gm-result-s { font-size:13.5px; color:var(--f1-text-secondary); margin:6px auto 0; max-width:320px; line-height:1.5; }
@keyframes gmPop { from { opacity:0; transform:scale(.92) translateY(8px); } to { opacity:1; transform:none; } }

.gm-board { margin:26px auto 0; max-width:360px; text-align:left; border-top:1px solid rgba(255,255,255,.08); padding-top:14px; }
.gm-board-h { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--f1-text-muted); margin-bottom:8px; }
.gm-board-r { display:flex; align-items:center; gap:12px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:14px; }
.gm-board-p { font-family:'Russo One',sans-serif; color:var(--f1-text-muted); width:26px; }
.gm-board-p.gold { color:#FFB800; }
.gm-board-n { flex:1; min-width:0; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gm-board-s { font-family:'Russo One',sans-serif; font-variant-numeric:tabular-nums; }
.gm-board-me { margin-top:10px; font-size:13px; color:var(--f1-text-secondary); }

/* ——— список игр ——— */
.gm-list-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.gm-list-head h2 { font-size:22px; }
.gm-tile { position:relative; overflow:hidden; border-radius:20px; margin-bottom:12px; min-height:132px; cursor:pointer;
  display:flex; flex-direction:column; justify-content:flex-end; padding:16px 18px; border:1px solid rgba(255,255,255,.06);
  transition:transform .15s; }
.gm-tile:active { transform:scale(.98); }
.gm-tile.g-durak { background:radial-gradient(120% 140% at 85% 20%, #1f6b45 0%, #0e3322 45%, #0b1812 100%); }
.gm-tile.g-pit { background:radial-gradient(120% 140% at 85% 30%, #4a0d0b 0%, #1d0a0a 50%, #0e0a0e 100%); }
.gm-tile.g-rx { background:radial-gradient(120% 140% at 85% 20%, #3a0606 0%, #140608 55%, #0a0a12 100%); }
.gm-tile-tx { position:relative; z-index:2; max-width:62%; }
.gm-tile-tag { font-size:10.5px; letter-spacing:1.6px; text-transform:uppercase; color:rgba(255,255,255,.55); }
.gm-tile-name { font-family:'Russo One','Exo 2',sans-serif; font-size:24px; text-transform:uppercase; margin:2px 0 4px; }
.gm-tile-desc { font-size:12.5px; color:rgba(255,255,255,.7); line-height:1.4; }
.gm-tile-go { position:relative; z-index:2; margin-top:10px; font-size:12px; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#fff; }
.gm-tile-art { position:absolute; right:0; top:0; bottom:0; width:46%; z-index:1; pointer-events:none; }
.gm-tile-art span { position:absolute; width:52px; height:74px; border-radius:7px; background:#fff; color:#111;
  font-family:'Russo One',sans-serif; font-size:16px; padding:5px 6px; box-shadow:0 8px 18px rgba(0,0,0,.45); }
.gm-tile-art .c1 { right:78px; top:28px; transform:rotate(-14deg); }
.gm-tile-art .c2 { right:44px; top:18px; transform:rotate(-2deg); color:#d10a0a; }
.gm-tile-art .c3 { right:12px; top:30px; transform:rotate(12deg); }
.gm-tile-car { position:absolute; right:-46px; top:34px; width:230px; height:auto; filter:drop-shadow(0 10px 16px rgba(0,0,0,.6)); }
.gm-tile-lights { position:absolute; right:16px; top:30px; display:flex; gap:6px; padding:8px; border-radius:10px; background:#08080b; box-shadow:inset 0 0 0 1px #222; }
.gm-tile-lights i { width:16px; height:16px; border-radius:50%; background:#ff1a1a; box-shadow:0 0 12px rgba(255,26,26,.8); animation:rxTileBlink 3.2s infinite; }
.gm-tile-lights i:nth-child(2) { animation-delay:.25s; } .gm-tile-lights i:nth-child(3) { animation-delay:.5s; }
.gm-tile-lights i:nth-child(4) { animation-delay:.75s; } .gm-tile-lights i:nth-child(5) { animation-delay:1s; }
@keyframes rxTileBlink { 0%,8% { opacity:.12; box-shadow:none; } 14%,78% { opacity:1; } 84%,100% { opacity:.12; box-shadow:none; } }

/* ——— ПИТ-СТОП ——— */
.pit-car-svg { width:100%; height:100%; display:block; }
.pit-hero { height:190px; display:flex; align-items:center; justify-content:center; }
.pit-hero-car { width:78px; height:182px; animation:pitHover 2.4s ease-in-out infinite; filter:drop-shadow(0 18px 22px rgba(0,0,0,.6)); }
@keyframes pitHover { 50% { transform:translateY(-6px); } }
.pit-stage { padding-top:2px; }
.pit-hud { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.pit-light { width:22px; height:22px; border-radius:50%; background:#ff1a1a; box-shadow:0 0 16px rgba(255,26,26,.8); transition:background .2s, box-shadow .2s; }
.pit-light.go { background:#19e36a; box-shadow:0 0 18px rgba(25,227,106,.9); }
.pit-time { font-family:'Russo One','Exo 2',sans-serif; font-size:44px; font-variant-numeric:tabular-nums; line-height:1; }
.pit-time span { font-size:16px; margin-left:4px; color:var(--f1-text-secondary); }
.pit-tyre { display:flex; align-items:center; gap:6px; font-size:11px; font-weight:800; letter-spacing:1px; color:var(--f1-text-secondary); }
.pit-tyre i { width:12px; height:12px; border-radius:50%; box-shadow:0 0 0 3px #111 inset; }
.pit-box { position:relative; height:min(62vh,440px); border-radius:18px; overflow:hidden;
  background:
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(255,210,31,.55) calc(50% - 1px), rgba(255,210,31,.55) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(0deg, transparent 12%, rgba(255,255,255,.55) 12%, rgba(255,255,255,.55) 13%, transparent 13%, transparent 87%, rgba(255,255,255,.55) 87%, rgba(255,255,255,.55) 88%, transparent 88%),
    radial-gradient(90% 70% at 50% 50%, #2a2a31 0%, #17171c 70%, #101014 100%);
  display:flex; align-items:center; justify-content:center; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.pit-box-name { position:absolute; bottom:6%; left:0; right:0; text-align:center; font-family:'Russo One',sans-serif; font-size:30px;
  letter-spacing:6px; color:rgba(255,255,255,.07); }
.pit-car { position:relative; width:128px; height:300px; transition:transform .35s cubic-bezier(.3,1.4,.5,1); }
.pit-car.arrive { animation:pitArrive .95s cubic-bezier(.15,.8,.3,1) both; }
.pit-car.work { transform:scale(1.035); }
.pit-car.release { animation:pitRelease .9s cubic-bezier(.6,0,.9,.4) forwards; }
@keyframes pitArrive { from { transform:translateY(135%); } 80% { transform:translateY(-3%); } to { transform:translateY(0); } }
@keyframes pitRelease { from { transform:scale(1.035); } to { transform:translateY(-160%) scale(1); } }
.pit-shadow { position:absolute; inset:6% 10%; border-radius:40%; background:rgba(0,0,0,.55); filter:blur(14px); transition:inset .3s; }
.pit-car.work .pit-shadow { inset:2% 2%; }
.pit-wheel { position:absolute; width:74px; height:96px; display:flex; align-items:center; justify-content:center; touch-action:manipulation; cursor:pointer; }
.pit-wheel.fl { left:-58px; top:20px; } .pit-wheel.fr { right:-58px; top:20px; }
.pit-wheel.rl { left:-58px; top:180px; } .pit-wheel.rr { right:-58px; top:180px; }
.pit-wheel .tyre { position:absolute; width:34px; height:60px; border-radius:9px; background:
  repeating-linear-gradient(0deg, #1b1b1b 0 5px, #121212 5px 10px);
  box-shadow:inset 0 0 0 3px var(--tc,#5a5a5a), 0 6px 14px rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; }
.pit-wheel.fl .tyre, .pit-wheel.rl .tyre { right:4px; } .pit-wheel.fr .tyre, .pit-wheel.rr .tyre { left:4px; }
.pit-wheel .tyre.fresh { animation:tyreIn .3s cubic-bezier(.2,1.2,.4,1) both; }
.pit-wheel.fl .tyre.fresh, .pit-wheel.rl .tyre.fresh { --dx:-44px; } .pit-wheel.fr .tyre.fresh, .pit-wheel.rr .tyre.fresh { --dx:44px; }
.pit-wheel .tyre.old { animation:tyreOut .38s ease-in forwards; opacity:.9; }
.pit-wheel.fl .tyre.old, .pit-wheel.rl .tyre.old { --dx:-70px; } .pit-wheel.fr .tyre.old, .pit-wheel.rr .tyre.old { --dx:70px; }
@keyframes tyreIn { from { transform:translateX(var(--dx)) scale(.85); opacity:0; } to { transform:none; opacity:1; } }
@keyframes tyreOut { to { transform:translateX(var(--dx)) translateY(26px) rotate(25deg); opacity:0; } }
.pit-wheel .nut { width:12px; height:12px; border-radius:50%; background:#c9c9c9; box-shadow:0 0 0 3px #3a3a3a; }
.pit-wheel .nut.loose { background:#ffcc00; animation:nutWobble .3s infinite; }
@keyframes nutWobble { 50% { transform:translateY(-2px) rotate(20deg); } }
.pit-wheel .gun-spin { position:absolute; width:46px; height:46px; border-radius:50%; border:3px solid transparent;
  border-top-color:#fff; border-right-color:rgba(255,255,255,.4); animation:gunSpin .32s linear 2 forwards; pointer-events:none; }
.pit-wheel.fl .gun-spin, .pit-wheel.rl .gun-spin { right:-2px; } .pit-wheel.fr .gun-spin, .pit-wheel.rr .gun-spin { left:-2px; }
@keyframes gunSpin { to { transform:rotate(720deg); opacity:0; } }
.pit-step { position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:10.5px; font-weight:800;
  padding:3px 8px; border-radius:999px; background:rgba(0,0,0,.72); letter-spacing:.3px; }
.pit-wheel.s0 .pit-step { color:#ff5a4f; } .pit-wheel.s1 .pit-step { color:#ffcc00; }
.pit-wheel.s2 .pit-step { color:#7fd8ff; } .pit-wheel.s3 .pit-step { color:#19e36a; }
.pit-car.work .pit-wheel.s0 .tyre, .pit-car.work .pit-wheel.s2 .tyre { animation:tyreCall 1s ease-in-out infinite; }
.pit-car.work .pit-wheel.s2 .tyre.fresh { animation:tyreIn .3s cubic-bezier(.2,1.2,.4,1) both, tyreCall 1s ease-in-out .3s infinite; }
@keyframes tyreCall { 50% { box-shadow:inset 0 0 0 3px var(--tc,#5a5a5a), 0 0 0 4px rgba(255,255,255,.18), 0 6px 14px rgba(0,0,0,.6); } }
.pit-wheel.s3 .tyre { box-shadow:inset 0 0 0 3px var(--tc,#5a5a5a), 0 0 0 3px rgba(25,227,106,.55), 0 6px 14px rgba(0,0,0,.6); }

/* ——— РЕАКЦИЯ ——— */
.rx-page { transition:background .08s; }
.rx-page.rx-go { background:radial-gradient(120% 90% at 50% 20%, rgba(255,255,255,.05), transparent 60%); }
.rx-page.rx-false { animation:rxFlash .5s ease-out; }
@keyframes rxFlash { 0% { background:rgba(225,6,0,.45); } 100% { background:transparent; } }
.rx-gantry { display:flex; justify-content:center; gap:8px; padding:12px 10px; margin:6px auto 0; max-width:330px; border-radius:12px;
  background:linear-gradient(#141418, #0a0a0d); box-shadow:inset 0 0 0 1px #26262c, 0 14px 30px rgba(0,0,0,.5); }
.rx-pod { display:grid; grid-template-rows:repeat(4, 1fr); gap:6px; padding:7px; border-radius:10px; background:#050506; box-shadow:inset 0 0 0 1px #1d1d22; }
.rx-pod i { width:40px; height:40px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #2a0d0d, #140506 70%);
  box-shadow:inset 0 0 0 2px #1a1a1e; transition:background .05s, box-shadow .05s; }
.rx-pod i.on { background:radial-gradient(circle at 35% 30%, #ff8f85, #ff1a1a 45%, #b00000 80%);
  box-shadow:0 0 22px rgba(255,30,30,.95), 0 0 50px rgba(255,30,30,.45); }
.rx-arena { min-height:40vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.rx-call { font-family:'Russo One','Exo 2',sans-serif; font-size:26px; text-transform:uppercase; color:var(--f1-text-secondary); }
.rx-go .rx-call { font-size:64px; color:#fff; animation:rxGo .25s cubic-bezier(.2,1.5,.4,1); }
@keyframes rxGo { from { transform:scale(.6); opacity:0; } to { transform:none; opacity:1; } }
.rx-sub { margin-top:10px; font-size:13px; color:var(--f1-text-muted); letter-spacing:.5px; }
.rx-scale { position:relative; margin:26px auto 0; max-width:320px; height:24px; }
.rx-scale-bar { position:absolute; left:0; right:0; top:9px; height:6px; border-radius:6px;
  background:linear-gradient(90deg, #19e36a, #ffd21f 45%, #ff5a4f); }
.rx-mark { position:absolute; top:4px; width:4px; height:16px; margin-left:-2px; border-radius:2px; }
.rx-mark.pro { background:#19e36a; box-shadow:0 0 0 2px #0d0d14; }
.rx-mark.avg { background:#8a8fa3; box-shadow:0 0 0 2px #0d0d14; }
.rx-you { position:absolute; top:2px; width:20px; height:20px; margin-left:-10px; border-radius:50%; background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.2), 0 2px 8px rgba(0,0,0,.5); animation:rxYou .6s cubic-bezier(.2,1.3,.4,1); z-index:2; }
.rx-legend { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; max-width:340px; margin:14px auto 4px; }
.rx-legend > div { display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 4px; border-radius:12px; background:rgba(255,255,255,.04); text-align:center; }
.rx-legend i { width:10px; height:10px; border-radius:50%; margin-bottom:4px; }
.rx-legend .you i { background:#fff; } .rx-legend .pro i { background:#19e36a; } .rx-legend .avg i { background:#8a8fa3; }
.rx-legend b { font-size:15px; font-weight:800; font-variant-numeric:tabular-nums; }
.rx-legend span { font-size:11px; line-height:1.2; color:var(--f1-text-muted); }
.rx-legend .you { background:rgba(255,255,255,.1); }
@keyframes rxYou { from { left:0; } }

/* ——— ДУРАК ——— */
.dk-page { background:radial-gradient(140% 90% at 50% 45%, #15563a 0%, #0d3323 55%, #081a12 100%); }
.dk-table { height:100dvh; display:flex; flex-direction:column; overflow:hidden;
  padding-bottom:calc(84px + env(safe-area-inset-bottom, 12px)); }
.dk-trump-chip { font-size:12px; font-weight:700; padding:5px 10px; border-radius:999px; background:rgba(0,0,0,.35); white-space:nowrap; }
.dk-trump-chip b { font-size:15px; margin-left:3px; color:#fff; }
.dk-trump-chip b.red { color:#ff4d4d; }

/* карта: белая, как настоящая игральная */
.dk-card { position:relative; flex-shrink:0; background:#fff; border-radius:10px; color:#15151a; overflow:hidden;
  box-shadow:0 6px 16px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.07);
  transform:translateY(var(--y,0px)) rotate(var(--r,0deg));
  transition:transform .22s cubic-bezier(.2,1.3,.4,1), filter .2s, box-shadow .2s, left .25s ease; }
.dk-card.s { width:46px; height:66px; border-radius:6px; }
.dk-card.t { width:70px; height:98px; border-radius:8px; }
.dk-card.m { width:84px; height:118px; }
.dk-card.l { width:112px; height:157px; border-radius:12px; }
.dk-card.k { width:54px; height:76px; border-radius:7px; }
.dk-card.k .dk-idx b { font-size:11px; } .dk-card.k .dk-idx i { font-size:10px; } .dk-card.k .dk-idx { top:2px; left:3px; }
.dk-card.k .dk-idx.br, .dk-card.k .dk-label { display:none; }
.dk-card.k .dk-face { left:14%; right:14%; top:8%; bottom:6%; }

.dk-idx { position:absolute; top:4px; left:5px; z-index:3; display:flex; flex-direction:column; align-items:center; line-height:.92;
  font-family:'Russo One','Exo 2',sans-serif; }
.dk-idx b { font-size:17px; font-weight:400; letter-spacing:-.5px; } .dk-idx i { font-style:normal; font-size:15px; }
.dk-idx.red { color:#d6150c; }
.dk-idx.br { top:auto; left:auto; bottom:4px; right:5px; transform:rotate(180deg); }
.dk-card.t .dk-idx b { font-size:15px; } .dk-card.t .dk-idx i { font-size:13px; }
.dk-card.s .dk-idx { top:2px; left:3px; } .dk-card.s .dk-idx b { font-size:11px; } .dk-card.s .dk-idx i { font-size:10px; }
.dk-card.s .dk-idx.br { display:none; }
.dk-card.l .dk-idx { top:7px; left:8px; } .dk-card.l .dk-idx b { font-size:23px; } .dk-card.l .dk-idx i { font-size:20px; }
.dk-card.l .dk-idx.br { bottom:7px; right:8px; }

/* центр карты — пилот (голова и плечи) целиком на белом, без обрезки */
.dk-face { position:absolute; left:20%; right:10%; top:7%; bottom:20%; overflow:hidden; }
.dk-driver { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; object-position:50% 100%; }
.dk-logo { position:absolute; left:0; top:8%; width:100%; height:78%; object-fit:contain; }
.dk-emoji { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:30px; }
.dk-card.t .dk-emoji { font-size:24px; } .dk-card.l .dk-emoji { font-size:42px; }
/* имя: слева от нижнего индекса, чтобы «К»/«Д» не налезали на фамилию */
/* нижний угловой индекс убран (24.09): двухстрочный, он налезал на фамилию */
.dk-label { position:absolute; left:10%; right:10%; bottom:6%; z-index:2; text-align:center; }
.dk-label span { display:block; font-size:8.5px; font-weight:800; letter-spacing:.3px; text-transform:uppercase; color:#15151a;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:2px; border-bottom:2px solid var(--tc,#999); }
.dk-card.t .dk-label span { font-size:7.5px; }
.dk-card.l .dk-label span { font-size:11px; border-bottom-width:3px; }
.dk-card.l .dk-label { left:10%; right:10%; }
.dk-card.s .dk-label, .dk-card.s .dk-face { display:none; }

.dk-card.back { background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.45); }
.dk-back-in { position:absolute; inset:3px; border-radius:inherit; background:
    repeating-linear-gradient(45deg, #c1150e 0 5px, #a3110b 5px 10px);
  display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; font-family:'Russo One',sans-serif; line-height:1; }
.dk-back-in b { font-size:14px; font-weight:400; } .dk-back-in span { font-size:6px; letter-spacing:1.5px; margin-top:2px; }
.dk-card.dim { filter:brightness(.62) saturate(.5); }

/* рука: веер, выбранная карта поднимается */
.dk-hand { position:relative; height:146px; margin:2px auto 0; flex-shrink:0; }
.dk-hand .dk-card { position:absolute; top:22px; transform-origin:50% 130%; touch-action:none; cursor:pointer; }
.dk-hand .dk-card.sel { transform:translateY(-22px) rotate(0deg) scale(1.06);
  box-shadow:0 16px 28px rgba(0,0,0,.55), 0 0 0 3px #ffd21f; z-index:50 !important; }
.dk-card.deal { animation:dkDeal .42s cubic-bezier(.2,1.1,.4,1) both; }
@keyframes dkDeal { from { transform:translateY(-260px) rotate(-18deg) scale(.55); opacity:0; } }

.dk-hero { position:relative; height:200px; display:flex; align-items:center; justify-content:center; margin-top:4px; }
.dk-hero .dk-card { position:absolute; transform:translateX(var(--x)) translateY(var(--hy,0px)) rotate(var(--r)); animation:dkFan .6s cubic-bezier(.2,1.2,.4,1) both; }
.dk-hero .dk-card:nth-child(2) { z-index:2; animation-delay:.08s; } .dk-hero .dk-card:nth-child(3) { animation-delay:.16s; }
@keyframes dkFan { from { transform:translateX(0) rotate(0) translateY(20px); opacity:0; } }
.dk-hero-empty { color:rgba(255,255,255,.6); font-size:14px; }

.dk-opp { position:relative; display:flex; flex-direction:column; align-items:center; min-height:88px; }
.dk-opp-hand { display:flex; justify-content:center; height:68px; }
.dk-opp-cap { font-size:11.5px; color:rgba(255,255,255,.7); margin-top:2px; font-weight:700; }
.dk-say { position:absolute; top:18px; left:50%; transform:translateX(-50%); padding:7px 14px; border-radius:999px; background:#fff; color:#111;
  font-weight:800; font-size:14px; z-index:30; box-shadow:0 8px 20px rgba(0,0,0,.4); animation:dkSay 1.4s ease forwards; }
@keyframes dkSay { 0% { opacity:0; transform:translate(-50%,8px) scale(.8); } 15%,80% { opacity:1; transform:translate(-50%,0) scale(1); } 100% { opacity:0; transform:translate(-50%,-6px); } }

.dk-mid { flex:1; min-height:0; display:flex; gap:6px; align-items:center; padding:4px 0; }
.dk-deck { position:relative; width:100px; height:124px; flex-shrink:0; }
.dk-deck-n { position:absolute; left:26px; top:24px; width:46px; z-index:3; text-shadow:0 1px 3px rgba(0,0,0,.8); font-size:14px !important; text-align:center; font-size:11px; font-weight:800; color:rgba(255,255,255,.85); }
.dk-deck-empty { width:46px; height:66px; border-radius:6px; border:1.5px dashed rgba(255,255,255,.3); display:flex; align-items:center; justify-content:center;
  font-size:22px; color:#fff; }
.dk-deck-empty.red { color:#ff4d4d; }
.dk-bito { position:absolute; left:14px; top:118px; font-size:10px; color:rgba(255,255,255,.55); white-space:nowrap; }
.dk-field { flex:1; min-width:0; display:grid; grid-template-columns:repeat(3, 1fr); gap:10px 0; align-content:center; justify-items:center;
  min-height:230px; border-radius:18px; transition:background .2s, box-shadow .2s; }
.dk-field.drop { background:rgba(255,210,31,.06); box-shadow:inset 0 0 0 2px rgba(255,210,31,.35); }
.dk-pair { position:relative; width:86px; height:114px; }
.dk-pair .dk-card { position:absolute; left:0; top:0; }
.dk-pair .dk-card.def { left:15px; top:16px; z-index:2; }
.dk-field-empty { grid-column:1 / -1; color:rgba(255,255,255,.35); font-size:13px; letter-spacing:1px; text-transform:uppercase; }
.dk-card.in-up { animation:dkInUp .34s cubic-bezier(.2,1.1,.4,1) both; }
.dk-card.in-down { animation:dkInDown .34s cubic-bezier(.2,1.1,.4,1) both; }
@keyframes dkInUp { from { transform:translateY(170px) scale(1.15) rotate(0); opacity:0; } }
@keyframes dkInDown { from { transform:translateY(-170px) scale(.7) rotate(0); opacity:0; } }
.dk-field.bito .dk-pair { animation:dkBito .4s ease-in forwards; }
.dk-field.take-p .dk-pair { animation:dkTakeP .4s ease-in forwards; }
.dk-field.take-a .dk-pair { animation:dkTakeA .4s ease-in forwards; }
@keyframes dkBito { to { transform:translateX(-150px) rotate(-25deg) scale(.6); opacity:0; } }
@keyframes dkTakeP { to { transform:translateY(240px) scale(.8); opacity:0; } }
@keyframes dkTakeA { to { transform:translateY(-240px) scale(.6); opacity:0; } }

.dk-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:46px; padding:2px 2px; }
.dk-msg { font-size:12.5px; color:rgba(255,255,255,.82); line-height:1.35; }
.dk-actions { display:flex; gap:8px; flex-shrink:0; }

.dk-over { position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:20px;
  background:rgba(4,10,7,.72); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); animation:gmFade .3s ease; }
@keyframes gmFade { from { opacity:0; } }
.dk-over-card { width:100%; max-width:340px; text-align:center; padding:26px 18px 22px; border-radius:22px; background:#10261b;
  box-shadow:0 20px 60px rgba(0,0,0,.6), inset 0 0 0 1px rgba(255,255,255,.08); animation:gmPop .45s cubic-bezier(.2,1.3,.4,1); }
.dk-over-emoji { font-size:54px; }

/* ——— ПИТ-СТОП v2: болид сбоку + гайковёрт по шкале ——— */
.pit2-hero { margin:4px 0 0; }
.pit2-hero.small { margin-bottom:6px; }
.pit2-car { position:relative; width:100%; max-width:420px; margin:0 auto; aspect-ratio:800/210; }
.pit2-car img { position:absolute; left:0; right:0; top:0; width:100%; height:auto; display:block;
  transition:transform .35s cubic-bezier(.2,1.3,.4,1); filter:drop-shadow(0 14px 14px rgba(0,0,0,.55)); }
.pit2-car.up img { transform:translateY(-7px); }
.pit2-floor { position:absolute; left:4%; right:4%; bottom:4%; height:10%; border-radius:50%; background:rgba(0,0,0,.55); filter:blur(8px); }
.pit2-nocar { width:90px; margin:0 auto; transform:rotate(90deg); }
.pit2-jack { position:absolute; bottom:0; width:9%; height:9%; border-radius:3px; background:linear-gradient(#ffd21f, #b8960d); opacity:0; transition:opacity .25s; }
.pit2-car.up .pit2-jack { opacity:1; }
.pit2-jack.r { left:-2%; } .pit2-jack.f { right:-2%; }
/* новые шины на колёсах болида: кольцо цвета компаунда вспыхивает на оси */
.pit2-ring { position:absolute; top:62.5%; width:14.5%; aspect-ratio:1; border-radius:50%; transform:translate(-50%,-50%) translateY(-7px);
  box-shadow:0 0 0 0 transparent; pointer-events:none; }
.pit2-ring.r { left:15.6%; } .pit2-ring.f { left:81%; }
.pit2-ring.n1, .pit2-ring.n2 { box-shadow:inset 0 0 0 4px var(--tc), 0 0 18px var(--tc); animation:pitRing .45s cubic-bezier(.2,1.4,.4,1); }
.pit2-ring.n2 { box-shadow:inset 0 0 0 5px var(--tc), 0 0 26px var(--tc); }
.pit2-car:not(.up) .pit2-ring { transform:translate(-50%,-50%); }
@keyframes pitRing { from { transform:translate(-50%,-50%) translateY(-7px) scale(1.5) rotate(-90deg); opacity:0; } }
.pit2-team { text-align:center; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--f1-text-muted); margin:2px 0 8px; }
.pit2-chips { display:flex; justify-content:center; gap:8px; margin-top:14px; }
.pit2-chip { display:flex; align-items:center; gap:6px; padding:7px 11px; border-radius:999px; background:rgba(255,255,255,.06);
  font-size:12px; font-weight:800; color:var(--f1-text-muted); transition:all .2s; }
.pit2-chip i { width:10px; height:10px; border-radius:50%; background:#3a3a44; }
.pit2-chip.now { color:#fff; background:rgba(255,255,255,.12); box-shadow:0 0 0 2px rgba(255,255,255,.35); }
.pit2-chip.now i { background:#fff; animation:pulse 1s infinite; }
.pit2-chip.done { color:#fff; } .pit2-chip.done i { background:var(--tc); box-shadow:0 0 8px var(--tc); }
.pit2-cur { text-align:center; margin:14px 0 8px; font-family:'Russo One','Exo 2',sans-serif; font-size:17px; text-transform:uppercase; }
.pit2-gauge { position:relative; height:46px; border-radius:12px; margin:0 4px; overflow:hidden; touch-action:manipulation;
  background:linear-gradient(90deg, #3a0d0d, #22222a 30%, #22222a 70%, #3a0d0d); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.pit2-zone { position:absolute; top:0; bottom:0; background:linear-gradient(#1fe07a, #13a557); opacity:.9;
  box-shadow:0 0 18px rgba(31,224,122,.6); transition:left .25s, width .25s; }
.pit2-needle { position:absolute; top:-4px; bottom:-4px; width:4px; margin-left:-2px; border-radius:2px; background:#fff;
  box-shadow:0 0 10px rgba(255,255,255,.9); }
.pit2-gun { margin:14px 4px 0; padding:20px 0; border-radius:16px; text-align:center; font-family:'Russo One','Exo 2',sans-serif;
  font-size:20px; letter-spacing:2px; background:var(--f1-red); box-shadow:0 10px 26px rgba(225,6,0,.4); touch-action:manipulation; cursor:pointer;
  transition:transform .08s; }
.pit2-gun:active { transform:scale(.97); background:var(--f1-red-dark); }
.pit2-flash { text-align:center; margin-top:10px; font-weight:800; font-size:15px; animation:gmPop .35s cubic-bezier(.2,1.4,.4,1); }
.pit2-flash.ok { color:#1fe07a; } .pit2-flash.bad { color:#ff5a4f; }
.pit2-stage .pit-hud { margin-bottom:6px; }
.pit2-pen { font-size:12.5px; color:#ff8a80; margin-top:4px; }

@media (prefers-reduced-motion: reduce) {
  .dk-card, .pit-car, .gm-result, .dk-over-card { animation:none !important; transition:none !important; }
}

/* ——— дурак: меню и онлайн ——— */
.dk-menu { display:flex; flex-direction:column; align-items:center; gap:12px; max-width:320px; margin:0 auto; }
.dk-menu > .gm-btn { width:100%; }
.dk-friend { background:#fff; color:#0d3323; box-shadow:0 8px 24px rgba(0,0,0,.3); }
.dk-friend:active { background:#e9e9e9; }
.dk-join { display:flex; gap:8px; width:100%; margin-top:4px; }
.dk-join input { flex:1; min-width:0; height:44px; border-radius:999px; border:1px solid rgba(255,255,255,.2); background:rgba(0,0,0,.25);
  color:#fff; font-family:'Russo One','Exo 2',sans-serif; font-size:16px; letter-spacing:3px; text-align:center; outline:none; }
.dk-join input::placeholder { color:rgba(255,255,255,.35); letter-spacing:1.5px; font-size:12px; }
.dk-err { font-size:13px; color:#ffb3ad; }
.dk-code { display:flex; justify-content:center; gap:7px; margin:6px 0 4px; }
.dk-code span { width:42px; height:56px; border-radius:10px; background:#fff; color:#0d3323; display:flex; align-items:center; justify-content:center;
  font-family:'Russo One','Exo 2',sans-serif; font-size:26px; box-shadow:0 6px 16px rgba(0,0,0,.35); }
.dk-wait { margin-top:26px; font-size:13px; color:rgba(255,255,255,.7); display:flex; align-items:center; justify-content:center; gap:5px; }
.dk-wait i { width:6px; height:6px; border-radius:50%; background:#fff; animation:dkDots 1.2s infinite; }
.dk-wait i:nth-child(2) { animation-delay:.2s; } .dk-wait i:nth-child(3) { animation-delay:.4s; }
@keyframes dkDots { 0%,80%,100% { opacity:.25; } 40% { opacity:1; } }
.dk-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#777; margin-right:6px; vertical-align:middle; }
.dk-dot.on { background:#1fe07a; box-shadow:0 0 6px #1fe07a; }
.dk-toast { position:fixed; left:50%; bottom:calc(250px + env(safe-area-inset-bottom, 0px)); transform:translateX(-50%); z-index:150;
  padding:10px 16px; border-radius:12px; background:rgba(0,0,0,.85); color:#fff; font-size:13px; font-weight:700; max-width:88vw; text-align:center;
  animation:dkSay 2.2s ease forwards; }


/* ——— стикеры-реакции в дураке ——— */
.dk-emo-btn { width:40px; height:40px; flex-shrink:0; border-radius:50%; background:rgba(255,255,255,.12); display:flex; align-items:center; justify-content:center;
  font-size:19px; cursor:pointer; transition:transform .15s; }
.dk-emo-btn:active { transform:scale(.9); }
/* сбоку у отправителя: соперник — справа под его рукой, ты — справа над своей */
.dk-emote { position:fixed; right:10px; z-index:120; pointer-events:none; display:flex; flex-direction:column; align-items:center; gap:4px; width:112px;
  animation:dkEmote 2s ease forwards; }
.dk-emote.a { top:calc(96px + env(safe-area-inset-top, 0px)); }
.dk-emote.p { bottom:calc(262px + env(safe-area-inset-bottom, 0px)); }
.dk-emote .art { width:112px; height:112px; object-fit:contain; filter:drop-shadow(0 6px 12px rgba(0,0,0,.45)); }
.dk-emote span { max-width:112px; padding:4px 9px; border-radius:10px; background:rgba(10,10,16,.82); color:#fff; font-size:11.5px; font-weight:800;
  text-align:center; line-height:1.2; }
.dk-emote .ph, .dk-tray-i .ph { width:68px; height:68px; border-radius:50%; overflow:hidden; background:#fff; border:3px solid #fff;
  box-shadow:0 0 0 3px var(--tc), 0 6px 14px rgba(0,0,0,.4); display:flex; align-items:flex-end; justify-content:center; }
.dk-emote .ph img, .dk-tray-i .ph img { width:120%; height:auto; object-fit:cover; object-position:top; margin-bottom:-18%; }
.dk-emote .ph b, .dk-tray-i .ph b { font-size:28px; color:#111; margin:auto; }
@keyframes dkEmote {
  0% { opacity:0; transform:scale(.4) translateY(12px); }
  12% { opacity:1; transform:scale(1.08); }
  22% { transform:scale(1); }
  82% { opacity:1; transform:none; }
  100% { opacity:0; transform:translateY(-10px) scale(.95); }
}
.dk-tray-bg { position:fixed; inset:0; z-index:110; }
.dk-tray { position:fixed; left:8px; right:8px; bottom:calc(200px + env(safe-area-inset-bottom, 0px)); z-index:111; display:grid; grid-auto-flow:column;
  grid-template-rows:repeat(2, auto); grid-auto-columns:82px; gap:8px 6px; overflow-x:auto; padding:12px 10px; border-radius:20px;
  background:rgba(18,18,26,.96); box-shadow:0 16px 40px rgba(0,0,0,.55); scrollbar-width:none; animation:fadeIn .18s ease; }
.dk-tray::-webkit-scrollbar { display:none; }
.dk-tray-i { display:flex; flex-direction:column; align-items:center; gap:5px; cursor:pointer; transition:transform .12s; }
.dk-tray-i:active { transform:scale(.9); }
.dk-tray-i .ph { width:56px; height:56px; }
.dk-tray-i .art { width:64px; height:64px; object-fit:contain; }
.dk-tray-i span { font-size:9.5px; line-height:1.15; color:rgba(255,255,255,.75); text-align:center; height:22px; overflow:hidden; }

/* ——— таймер хода (онлайн) ——— */
.dk-timer { position:relative; height:22px; margin:4px 2px 0; border-radius:8px; overflow:hidden; background:rgba(0,0,0,.28); flex-shrink:0; }
.dk-timer i { position:absolute; inset:0; transform-origin:left center; background:rgba(255,255,255,.22); }
.dk-timer.p i { background:linear-gradient(90deg, #1fe07a, #19b863); }
.dk-timer.hot i { background:linear-gradient(90deg, #ff5a4f, #e10600); }
.dk-timer.hot.p { animation:pulse .8s infinite; }
.dk-timer span { position:relative; display:block; text-align:center; font-size:11.5px; font-weight:800; line-height:22px; color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.6); font-variant-numeric:tabular-nums; }
.gm-board-r.mine { background:rgba(225,6,0,.14); border-radius:10px; padding:9px 10px; margin:4px -10px 0; font-weight:800; }


/* ═══════════ игры-угадайки и стратегия (24.09.2026) ═══════════ */
.gm-chip { font-size:12px; font-weight:800; padding:5px 10px; border-radius:999px; background:rgba(255,255,255,.08); white-space:nowrap; }
.gm-p.left { text-align:left; margin:0 0 14px; max-width:none; }
.ok-t { color:#1fe07a; } .near-t { color:#ffd21f; }
.gm-loading { display:flex; gap:8px; justify-content:center; padding:80px 0; }
.gm-loading i { width:10px; height:10px; border-radius:50%; background:var(--f1-red); animation:dkDots 1.1s infinite; }
.gm-loading i:nth-child(2) { animation-delay:.18s; } .gm-loading i:nth-child(3) { animation-delay:.36s; }

/* список игр: секции и карточки 2 в ряд */
.gm-sec { margin-bottom:18px; }
.gm-sec-h { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--f1-text-muted); margin:0 2px 8px; }
.gm-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.gm-card2 { position:relative; overflow:hidden; min-height:118px; border-radius:18px; padding:14px 14px 13px; cursor:pointer;
  display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(255,255,255,.06); transition:transform .15s;
  background:#15151f; }
.gm-card2:active { transform:scale(.97); }
.gm-card2.big { grid-column:1 / -1; min-height:132px; }
.gm-card2-name { position:relative; z-index:2; font-family:'Russo One','Exo 2',sans-serif; font-size:17px; text-transform:uppercase; line-height:1.1; }
.gm-card2-desc { position:relative; z-index:2; font-size:11.5px; color:rgba(255,255,255,.66); margin-top:4px; line-height:1.35; }
.gm-card2-art { position:absolute; right:-6px; top:-8px; z-index:1; font-family:'Russo One','Exo 2',sans-serif; line-height:1; pointer-events:none; }
.gm-card2-art::after { display:block; }
.gm-badge { position:absolute; top:10px; right:10px; z-index:3; font-size:9.5px; font-weight:800; letter-spacing:.8px; text-transform:uppercase;
  padding:3px 7px; border-radius:999px; background:rgba(255,255,255,.12); color:rgba(255,255,255,.7); }
.gm-badge.hot { background:var(--f1-red); color:#fff; }
.g-dle { background:radial-gradient(120% 120% at 90% 0%, #3a1f6e 0%, #16122a 60%); }
.g-dle .gm-card2-art::after { content:'?'; font-size:96px; color:rgba(255,255,255,.1); margin:4px 14px 0 0; }
.g-car { background:radial-gradient(120% 120% at 90% 0%, #0f4a5c 0%, #0d1a22 60%); }
.g-car .gm-card2-art::after { content:'2005\A 2010\A 2016'; white-space:pre; font-size:22px; color:rgba(255,255,255,.12); text-align:right; margin:14px 12px 0 0; line-height:1.1; }
.g-durak { background:radial-gradient(120% 140% at 85% 20%, #1f6b45 0%, #0e3322 45%, #0b1812 100%); }
.g-durak .gm-card2-art::after { content:'Т♣ К♥ Д♠'; font-size:34px; color:rgba(255,255,255,.16); margin:18px 16px 0 0; letter-spacing:4px; }
.g-trk { background:radial-gradient(120% 120% at 90% 0%, #5a3a0d 0%, #1c150c 60%); }
.g-trk .gm-card2-art { width:110px; height:90px; right:4px; top:4px; background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Cpath d='M10 60 L10 25 Q10 10 25 10 L55 10 Q65 10 68 20 L72 32 Q75 40 85 40 Q92 40 92 50 L92 62 Q92 70 84 70 L20 70 Q10 70 10 60Z' fill='none' stroke='rgba(255,255,255,.18)' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.g-hl { background:radial-gradient(120% 120% at 90% 0%, #0d5a3a 0%, #0c1c16 60%); }
.g-hl .gm-card2-art::after { content:'▲\A▼'; white-space:pre; font-size:34px; color:rgba(255,255,255,.14); margin:12px 16px 0 0; }
.g-qz { background:radial-gradient(120% 120% at 90% 0%, #16357a 0%, #0e1426 60%); }
.g-qz .gm-card2-art::after { content:'A B\A C D'; white-space:pre; font-size:26px; color:rgba(255,255,255,.12); margin:12px 14px 0 0; }
.g-str { background:radial-gradient(120% 120% at 90% 0%, #6e1010 0%, #1c0c0e 60%); }
.g-str .gm-card2-art { width:70px; height:70px; right:12px; top:12px; border-radius:50%;
  background:radial-gradient(circle, #15151f 38%, #ff2a2a 39%, #ff2a2a 46%, #2a2a33 47%); opacity:.55; }
.g-mgr { background:radial-gradient(120% 120% at 90% 0%, #4a4a0d 0%, #1a1a0c 60%); }
.g-mgr .gm-card2-art::after { content:'$100M'; font-size:24px; color:rgba(255,255,255,.14); margin:16px 14px 0 0; }
.g-pit { background:radial-gradient(120% 140% at 85% 30%, #4a0d0b 0%, #1d0a0a 50%, #0e0a0e 100%); }
.g-pit .gm-card2-art::after { content:'1.80'; font-size:40px; color:rgba(255,255,255,.12); margin:14px 12px 0 0; }
.g-rx { background:radial-gradient(120% 140% at 85% 20%, #3a0606 0%, #140608 55%, #0a0a12 100%); }
.g-rx .gm-card2-art { right:12px; top:14px; display:flex; gap:4px; }
.g-rx .gm-card2-art::after { content:''; width:78px; height:14px; background:radial-gradient(circle, #ff1a1a 5px, transparent 6px) 0 0/15.6px 14px repeat-x; opacity:.8; }

/* пилот дня */
.dle-grid { display:flex; flex-direction:column; gap:10px; margin-bottom:14px; }
.dle-row { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:4px; }
.dle-row.head div { font-size:9.5px; text-transform:uppercase; letter-spacing:.5px; color:var(--f1-text-muted); text-align:center; }
.dle-name { font-weight:800; font-size:13px; margin:0 0 4px 2px; }
.dle-cell { min-height:44px; border-radius:8px; background:#23232e; display:flex; align-items:center; justify-content:center; text-align:center;
  font-size:11px; font-weight:800; padding:4px 3px; line-height:1.15; word-break:break-word; animation:dleFlip .45s ease both; }
.dle-cell.ok { background:#12884a; } .dle-cell.near { background:#a68206; }
@keyframes dleFlip { from { transform:rotateX(90deg); opacity:.3; } to { transform:none; opacity:1; } }
.dle-answer { display:flex; align-items:center; gap:14px; justify-content:center; margin:12px auto 4px; text-align:left; }
.dle-answer img { width:70px; height:70px; border-radius:14px; object-fit:cover; object-position:top; background:rgba(255,255,255,.06); }
.dle-answer b { display:block; font-family:'Russo One','Exo 2',sans-serif; font-size:20px; text-transform:uppercase; }
.dle-answer span { font-size:12.5px; color:var(--f1-text-secondary); }
.gm-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:16px auto 0; max-width:340px; }
.gm-stats div { background:rgba(255,255,255,.05); border-radius:12px; padding:10px 4px; }
.gm-stats b { display:block; font-family:'Russo One',sans-serif; font-size:20px; }
.gm-stats span { font-size:10.5px; color:var(--f1-text-muted); }

/* поиск пилота */
.gm-pick { position:relative; }
.gm-pick input { width:100%; height:50px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:#16161f; color:#fff;
  font-family:inherit; font-size:16px; padding:0 16px; outline:none; }
.gm-pick input:focus { border-color:rgba(255,255,255,.35); }
.gm-pick-list { margin-top:6px; border-radius:14px; overflow:hidden; background:#1b1b26; box-shadow:0 12px 30px rgba(0,0,0,.45); }
.gm-pick-row { padding:11px 14px; border-bottom:1px solid rgba(255,255,255,.05); cursor:pointer; }
.gm-pick-row:active { background:rgba(255,255,255,.06); }
.gm-pick-row b { display:block; font-size:14.5px; } .gm-pick-row span { font-size:11.5px; color:var(--f1-text-muted); }

/* карьера */
.car-list { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.car-stint { display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px; background:rgba(255,255,255,.04); color:var(--f1-text-muted); }
.car-stint.on { background:#1d1d29; color:#fff; animation:gmPop .35s ease both; }
.car-y { font-family:'Russo One',sans-serif; font-size:14px; min-width:96px; font-variant-numeric:tabular-nums; }
.car-t { font-weight:800; font-size:15px; }
.car-hint { padding:10px 14px; border-radius:12px; background:rgba(255,210,31,.1); color:#ffd21f; font-size:13.5px; }
.car-wrong { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.car-wrong span { font-size:12px; padding:4px 10px; border-radius:999px; background:rgba(225,6,0,.18); color:#ff8a80; text-decoration:line-through; }

/* трасса и квиз */
.trk-hero { height:170px; display:flex; justify-content:center; }
.trk-hero svg, .trk-box svg { height:100%; max-width:100%; overflow:visible; }
.trk-line { fill:none; stroke:#fff; stroke-linejoin:round; stroke-linecap:round; filter:drop-shadow(0 0 6px rgba(255,255,255,.35)); }
.trk-line.draw { stroke-dasharray:1; stroke-dashoffset:1; animation:trkDraw 1.3s ease-out forwards; }
@keyframes trkDraw { to { stroke-dashoffset:0; } }
.trk-timer { height:6px; border-radius:6px; background:rgba(255,255,255,.08); overflow:hidden; margin-bottom:10px; }
.trk-timer i { display:block; height:100%; background:#1fe07a; transform-origin:left; transition:background .3s; }
.trk-timer i.hot { background:var(--f1-red); }
.trk-score { text-align:right; font-family:'Russo One',sans-serif; font-size:20px; }
.trk-score span { font-family:'Exo 2',sans-serif; font-size:11px; color:var(--f1-text-muted); margin-left:4px; }
.trk-box { height:min(34vh,260px); display:flex; justify-content:center; align-items:center; margin:8px 0 16px; }
.trk-opts, .qz-opts { display:grid; gap:8px; }
.trk-opts { grid-template-columns:1fr 1fr; }
.trk-opt { padding:15px 12px; border-radius:14px; background:#1d1d29; font-weight:800; font-size:14.5px; text-align:center; cursor:pointer;
  transition:background .2s, opacity .2s, transform .1s; border:1px solid rgba(255,255,255,.06); }
.trk-opt:active { transform:scale(.97); }
.trk-opt.ok { background:#12884a; } .trk-opt.bad { background:#9e1510; } .trk-opt.dim { opacity:.4; }
.qz-q { font-family:'Russo One','Exo 2',sans-serif; font-size:19px; line-height:1.3; margin:12px 0 18px; text-transform:none; }
.qz-opts .trk-opt { text-align:left; display:flex; align-items:center; gap:12px; font-size:14px; }
.qz-l { width:26px; height:26px; border-radius:8px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center;
  font-family:'Russo One',sans-serif; font-size:12px; flex-shrink:0; }

/* больше / меньше */
.hl-play { display:flex; flex-direction:column; gap:8px; }
.hl-card { position:relative; overflow:hidden; height:min(26vh,190px); border-radius:18px; display:flex; align-items:flex-end;
  background:linear-gradient(120deg, var(--tc) -40%, #15151f 70%); border:1px solid rgba(255,255,255,.06); }
.hl-card img { position:absolute; right:-4%; bottom:0; height:112%; object-fit:contain; object-position:bottom; filter:drop-shadow(0 10px 20px rgba(0,0,0,.5)); }
.hl-tx { position:relative; z-index:2; padding:14px 16px; }
.hl-name { font-family:'Russo One','Exo 2',sans-serif; font-size:20px; text-transform:uppercase; }
.hl-team { font-size:11.5px; color:rgba(255,255,255,.65); }
.hl-val { font-family:'Russo One',sans-serif; font-size:44px; line-height:1.05; margin-top:6px; font-variant-numeric:tabular-nums; }
.hl-lab { font-size:12px; color:rgba(255,255,255,.7); }
.hl-vs { align-self:center; margin:-22px 0; z-index:3; width:44px; height:44px; border-radius:50%; background:var(--f1-red); display:flex;
  align-items:center; justify-content:center; font-family:'Russo One',sans-serif; font-size:14px; box-shadow:0 6px 18px rgba(0,0,0,.5); }
.hl-btns { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:6px; }

/* пит-уолл */
.str-pick-h { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--f1-text-muted); margin:6px 0 10px; }
.str-tyres { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.str-tyres.small { margin-top:10px; }
.str-tyre { padding:14px 8px; border-radius:16px; background:#1d1d29; text-align:center; cursor:pointer; border:1px solid rgba(255,255,255,.06); }
.str-tyre:active { transform:scale(.97); }
.str-tyre i { display:block; width:44px; height:44px; margin:0 auto 8px; border-radius:50%;
  background:radial-gradient(circle, #1b1b1b 45%, var(--tc) 47%, var(--tc) 58%, #2c2c2c 60%); }
.str-tyre b { display:block; font-size:14px; } .str-tyre span { font-size:10.5px; color:var(--f1-text-muted); line-height:1.3; display:block; margin-top:3px; }
.str-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.str-lap { font-size:13px; color:var(--f1-text-secondary); } .str-lap b { font-family:'Russo One',sans-serif; font-size:22px; color:#fff; }
.str-sc { padding:5px 10px; border-radius:6px; background:#f5b301; color:#111; font-weight:900; font-size:12px; letter-spacing:1px; animation:pulse 1s infinite; }
.str-speed { padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.08); font-weight:800; font-size:13px; cursor:pointer; }
.str-tower { border-radius:14px; overflow:hidden; background:#14141c; }
.str-row { display:grid; grid-template-columns:26px 4px minmax(0,1fr) 26px 64px; gap:8px; align-items:center; padding:9px 12px;
  border-bottom:1px solid rgba(255,255,255,.04); font-size:13.5px; transition:background .3s; }
.str-row.me { background:rgba(225,6,0,.22); font-weight:800; }
.str-row .p { font-family:'Russo One',sans-serif; color:var(--f1-text-muted); } .str-row i { height:16px; border-radius:2px; }
.str-row .n { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:700; }
.str-row .ty { width:22px; height:22px; border-radius:50%; border:3px solid var(--tc); font-size:10px; font-weight:900; display:flex; align-items:center; justify-content:center; }
.str-row .g { text-align:right; font-variant-numeric:tabular-nums; color:var(--f1-text-secondary); font-size:12.5px; }
.str-me { margin-top:12px; padding:12px 14px; border-radius:14px; background:#1b1b26; }
.str-me-row { display:flex; justify-content:space-between; font-size:13px; color:var(--f1-text-secondary); }
.str-wear { height:8px; border-radius:8px; background:rgba(255,255,255,.08); margin:8px 0 6px; overflow:hidden; }
.str-wear i { display:block; height:100%; background:#1fe07a; transition:width .3s; }
.str-wear i.warn { background:#ffd21f; } .str-wear i.dead { background:var(--f1-red); }
.str-hint { font-size:11.5px; color:var(--f1-text-muted); min-height:14px; }
.str-log { font-size:12px; color:#ffd21f; margin-top:6px; }
.pit2-gun.off { opacity:.55; pointer-events:none; }

/* менеджер */
.mgr-budget { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; padding:12px 14px; border-radius:14px; background:#1b1b26; margin-bottom:12px; font-size:12.5px; color:var(--f1-text-muted); }
.mgr-budget b { font-family:'Russo One',sans-serif; font-size:24px; color:#1fe07a; } .mgr-budget b.bad { color:var(--f1-red); }
.mgr-h { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--f1-text-muted); margin:14px 2px 8px; }
.mgr-list { display:flex; flex-direction:column; gap:5px; }
.mgr-item { display:grid; grid-template-columns:4px minmax(0,1fr) auto 40px; gap:10px; align-items:center; padding:10px 12px; border-radius:12px;
  background:#16161f; cursor:pointer; border:1px solid transparent; transition:background .2s, border-color .2s; }
.mgr-item i { height:20px; border-radius:2px; background:var(--tc); }
.mgr-item .n { font-weight:800; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mgr-item .t { font-size:11px; color:var(--f1-text-muted); white-space:nowrap; }
.mgr-item b { text-align:right; font-family:'Russo One',sans-serif; font-size:15px; }
.mgr-item.on { background:rgba(31,224,122,.12); border-color:rgba(31,224,122,.5); }
.mgr-go { text-align:center; margin:18px 0 6px; position:sticky; bottom:calc(92px + env(safe-area-inset-bottom, 0px)); z-index:5; }
.mgr-race-h { font-size:14px; color:var(--f1-text-secondary); margin-bottom:10px; } .mgr-race-h b { color:#fff; font-size:18px; }
.mgr-last { padding:12px 14px; border-radius:14px; background:#1b1b26; }
.mgr-last-h { font-weight:800; margin-bottom:8px; }
.mgr-res { display:flex; align-items:center; gap:10px; padding:4px 0; font-size:13.5px; color:var(--f1-text-secondary); }
.mgr-res span { width:34px; font-family:'Russo One',sans-serif; } .mgr-res i { width:4px; height:14px; border-radius:2px; }
.mgr-res.mine { color:#fff; font-weight:800; }
.mgr-caps { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.mgr-cap { padding:14px; border-radius:14px; background:#16161f; text-align:center; font-weight:800; border:2px solid transparent; cursor:pointer;
  box-shadow:inset 4px 0 0 var(--tc); }
.mgr-cap.on { border-color:#ffd21f; background:rgba(255,210,31,.1); }
.mgr-upg { margin-top:10px; padding:12px 14px; border-radius:14px; background:#16161f; font-size:13px; cursor:pointer; border:2px solid transparent; }
.mgr-upg.on { border-color:#27F4D2; background:rgba(39,244,210,.08); }
.mgr-sum { max-width:300px; margin:14px auto 0; }
.mgr-sum div { display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px solid rgba(255,255,255,.06); font-size:14px; }

/* ——— пит-стоп v3: заезд, колёса, выпуск ——— */
.pit3-lane { position:relative; height:150px; margin:4px -14px 10px; overflow:hidden;
  background:linear-gradient(#1a1a22 0 22%, #2a2a33 22% 24%, #16161d 24%); }
.pit3-lane.small { height:120px; margin:0 -14px 6px; }
.pit3-fast { position:absolute; left:0; right:0; top:0; height:22%; }
.pit3-rival { position:absolute; top:6px; width:70px; height:12px; border-radius:6px; background:linear-gradient(90deg, #ff8000, #ffb86b);
  box-shadow:0 0 12px rgba(255,128,0,.7); animation:pitRival 1.1s linear infinite; }
@keyframes pitRival { from { left:-80px; } to { left:110%; } }
.pit3-box { position:absolute; left:8%; right:8%; top:30%; bottom:6%; border:2px solid rgba(255,255,255,.18); border-top-color:var(--tc);
  border-radius:4px; background:linear-gradient(transparent, rgba(255,255,255,.03)); }
.pit3-mark { position:absolute; right:5%; top:-4px; bottom:-4px; width:4px; background:#ffd21f; box-shadow:0 0 8px rgba(255,210,31,.7); }
.pit3-car { position:absolute; left:0; bottom:10%; width:82%; height:auto; filter:drop-shadow(0 10px 10px rgba(0,0,0,.6));
  transition:bottom .25s ease; will-change:transform; }
.pit3-car.up { bottom:15%; }
.pit3-car.down { bottom:10%; }
.pit3-wheels { display:grid; grid-template-columns:1fr 1fr; gap:10px; position:relative; }
.pit3-w { padding:14px 10px; border-radius:16px; background:#1b1b26; text-align:center; touch-action:manipulation; cursor:pointer;
  border:2px solid transparent; transition:background .15s, border-color .15s, transform .08s; user-select:none; }
.pit3-w:active { transform:scale(.97); }
.pit3-w b { display:block; font-size:12.5px; margin-top:8px; } .pit3-w span { font-size:12px; font-weight:800; }
.pit3-w.s0 { border-color:rgba(255,90,79,.55); } .pit3-w.s0 span { color:#ff5a4f; }
.pit3-w.s1 { border-color:rgba(255,210,31,.4); } .pit3-w.s1 span { color:#ffd21f; }
.pit3-w.s2 { border-color:rgba(127,216,255,.6); } .pit3-w.s2 span { color:#7fd8ff; }
.pit3-w.s3 { background:rgba(31,224,122,.12); border-color:rgba(31,224,122,.6); } .pit3-w.s3 span { color:#1fe07a; }
.pit3-tyre { width:48px; height:48px; margin:0 auto; border-radius:50%; background:radial-gradient(circle, #2b2b2b 30%, #111 32%, #111 60%, #555 62%, #1a1a1a 70%);
  display:flex; align-items:center; justify-content:center; }
.pit3-tyre i { width:12px; height:12px; border-radius:50%; background:#bdbdbd; }
.pit3-w.s1 .pit3-tyre { animation:tyreOutIn .48s ease; }
.pit3-w.s2 .pit3-tyre, .pit3-w.s3 .pit3-tyre { background:radial-gradient(circle, #2b2b2b 30%, #111 32%, #111 56%, var(--tc) 58%, var(--tc) 64%, #1a1a1a 66%); }
.pit3-w.s0 .pit3-tyre i, .pit3-w.s2 .pit3-tyre i { animation:nutWobble .5s infinite; background:#ffd21f; }
@keyframes tyreOutIn { 0% { transform:none; } 45% { transform:translateY(24px) rotate(90deg); opacity:0; } 55% { transform:translateY(-24px); opacity:0; } 100% { transform:none; opacity:1; } }
.pit3-count { grid-column:1 / -1; text-align:center; font-family:'Russo One',sans-serif; font-size:13px; color:var(--f1-text-muted); }
.pit3-go { margin-top:6px; padding:22px 10px; border-radius:16px; text-align:center; font-family:'Russo One','Exo 2',sans-serif; font-size:18px;
  letter-spacing:1px; touch-action:manipulation; cursor:pointer; transition:background .15s; }
.pit3-go.red { background:#5a0f0c; color:#ff9a92; font-size:14px; }
.pit3-go.green { background:#12a557; box-shadow:0 10px 26px rgba(18,165,87,.45); }
.pit3-break { max-width:320px; margin:16px auto 0; text-align:left; }
.pit3-break div { display:flex; justify-content:space-between; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.06); font-size:13.5px; }
.pit3-break span { color:var(--f1-text-secondary); } .pit3-break .bad b { color:#ff5a4f; }
.gm-row.wait .gm-btn { opacity:.5; }

/* ═══════════ правки 24.09 (вечер): режимы, выбор пилота, пит-уолл, менеджер ═══════════ */
.gm-modes { display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border-radius:14px; background:#16161f; margin-bottom:12px; }
.gm-modes div { padding:10px 0; text-align:center; border-radius:10px; font-size:13.5px; font-weight:800; color:var(--f1-text-muted); cursor:pointer; transition:background .2s, color .2s; }
.gm-modes div.on { background:#fff; color:#111; }
/* подсказки поверх контента прямо под полем — не уезжают под клавиатуру */
.gm-pick { position:relative; z-index:20; margin-bottom:12px; }
.gm-pick input { padding-right:44px; }
.gm-pick-x { position:absolute; right:6px; top:6px; width:38px; height:38px; display:flex; align-items:center; justify-content:center; color:var(--f1-text-muted); cursor:pointer; }
.gm-pick-list { position:absolute; left:0; right:0; top:100%; max-height:min(46vh, 330px); overflow-y:auto; -webkit-overflow-scrolling:touch; }
.gm-pick-list.empty { padding:14px; font-size:13px; color:var(--f1-text-muted); }
.gm-pick-row { display:flex; align-items:center; gap:12px; }
.gm-pick-row img, .gm-pick-row > i { width:38px; height:38px; flex-shrink:0; border-radius:10px; object-fit:cover; object-position:top; background:#262634; }
.gm-pick-row > i { display:flex; align-items:center; justify-content:center; font-style:normal; font-weight:900; color:#fff; }
.gm-pick-row > div { min-width:0; }
.gm-result-top { margin:0 0 14px; padding:18px 14px; border-radius:18px; background:#1b1b26; }
.gm-stats.three { grid-template-columns:repeat(3,1fr); max-width:280px; }
.dle-help { font-size:12.5px; }
.ok-t { color:#1fe07a; } .near-t { color:#ffd21f; }

/* пит-уолл */
.str-gps { display:flex; gap:6px; overflow-x:auto; margin:0 -16px 6px; padding:0 16px 6px; scrollbar-width:none; }
.str-gps::-webkit-scrollbar { display:none; }
.str-gp { flex-shrink:0; padding:9px 12px; border-radius:12px; background:#1b1b26; border:1.5px solid transparent; cursor:pointer; text-align:left; }
.str-gp span { display:block; font-size:10px; color:var(--f1-text-muted); text-transform:uppercase; letter-spacing:1px; }
.str-gp b { font-size:13.5px; white-space:nowrap; }
.str-gp.on { border-color:var(--f1-red); background:rgba(225,6,0,.12); }
.str-grid-pos { display:flex; align-items:baseline; justify-content:center; gap:10px; margin:0 0 10px; font-size:12px; color:var(--f1-text-muted); }
.str-grid-pos b { font-family:'Russo One',sans-serif; font-size:26px; color:#fff; }
.str-grid-pos em { font-style:normal; text-decoration:underline; cursor:pointer; }
.str-ask { margin-top:12px; padding:14px; border-radius:16px; background:#1d1d29; border:1.5px solid rgba(255,255,255,.1); animation:fadeIn .25s ease; }
.str-ask.sc { border-color:#f5b301; background:rgba(245,179,1,.1); }
.str-ask-h { font-weight:900; font-size:15px; margin-bottom:4px; }
.str-ask-p { font-size:13px; color:var(--f1-text-secondary); line-height:1.45; } .str-ask-p b { color:#fff; }
.str-ask .gm-btn { display:block; margin:10px auto 0; }
.str-tyre.cur { opacity:.45; }
.pit2-gun.hot { animation:pulse 1s infinite; }

/* больше/меньше */
.hl-q { text-align:center; font-size:13.5px; color:var(--f1-text-secondary); margin-bottom:2px; } .hl-q b { color:#fff; }
.hl-mono { position:absolute; right:14px; top:50%; transform:translateY(-50%); font-family:'Russo One',sans-serif; font-size:54px; color:rgba(255,255,255,.1); letter-spacing:2px; }
.hl-diff { text-align:center; font-size:11px; color:var(--f1-text-muted); margin-top:4px; }

/* менеджер */
.gm-h.left { text-align:left; margin-top:4px; }
.gm-p.small { font-size:12px; margin-top:6px; }
.mgr-teams { display:flex; flex-direction:column; gap:6px; }
.mgr-team { display:grid; grid-template-columns:40px minmax(0,1fr) 84px; gap:12px; align-items:center; padding:10px 12px; border-radius:14px; background:#16161f;
  border-left:4px solid var(--tc); cursor:pointer; transition:transform .15s; }
.mgr-team:active { transform:scale(.98); }
.mgr-team img { width:40px; height:40px; object-fit:contain; background:#fff; border-radius:10px; padding:4px; }
.mgr-team > i { width:40px; height:40px; border-radius:10px; background:var(--tc); }
.mgr-team-tx { min-width:0; } .mgr-team-tx b { display:block; font-size:14.5px; } .mgr-team-tx span { font-size:11.5px; color:var(--f1-text-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.mgr-team-r { text-align:right; } .mgr-team-r span { font-size:11px; color:#1fe07a; font-weight:800; }
.mgr-bar { height:5px; border-radius:5px; background:rgba(255,255,255,.08); overflow:hidden; margin-bottom:5px; } .mgr-bar i { display:block; height:100%; background:var(--tc); }
.mgr-stage { padding:16px; border-radius:18px; background:#15151d; background:linear-gradient(135deg, color-mix(in srgb, var(--tc) 35%, #15151d), #15151d 70%); }
.mgr-stage > span { font-size:11.5px; color:var(--f1-text-secondary); }
.mgr-stage > b { display:block; font-family:'Russo One',sans-serif; font-size:28px; margin:2px 0 8px; text-transform:uppercase; }
.mgr-tags { display:flex; gap:6px; flex-wrap:wrap; }
.mgr-tags em { font-style:normal; font-size:12px; font-weight:800; padding:5px 10px; border-radius:999px; background:rgba(255,255,255,.1); }
.mgr-tags em.wet { background:rgba(60,140,255,.25); }
.mgr-stage-h { font-size:12px; color:var(--f1-text-secondary); margin-top:8px; }
.mgr-event { margin-top:8px; padding:11px 14px; border-radius:14px; background:rgba(31,224,122,.1); border:1px solid rgba(31,224,122,.35); font-size:13px; }
.mgr-event.bad { background:rgba(225,6,0,.1); border-color:rgba(225,6,0,.4); }
.mgr-seg { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:4px; border-radius:14px; background:#16161f; }
.mgr-seg > div { padding:9px 4px; border-radius:10px; text-align:center; font-size:13px; font-weight:800; color:var(--f1-text-muted); cursor:pointer; transition:background .2s, color .2s; }
.mgr-seg > div.on { background:#fff; color:#111; }
.mgr-seg.three > div b { display:block; font-size:12.5px; } .mgr-seg.three > div span { font-size:10px; font-weight:600; opacity:.75; }
.mgr-drv { margin-bottom:8px; }
.mgr-drv-n { display:flex; align-items:center; gap:10px; margin:0 2px 6px; }
.mgr-drv-n img, .mgr-drv-n i { width:30px; height:30px; border-radius:50%; object-fit:cover; object-position:top; background:#262634; }
.mgr-drv-n b { font-size:14px; flex:1; } .mgr-drv-n span { font-size:12px; color:var(--f1-text-muted); }
.mgr-upgs { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px; }
.mgr-upg2 { padding:12px 6px; border-radius:14px; background:#16161f; text-align:center; cursor:pointer; border:1.5px solid rgba(255,255,255,.06); transition:transform .15s; }
.mgr-upg2:active { transform:scale(.97); }
.mgr-upg2.off { opacity:.45; }
.mgr-upg2 .ic { font-size:22px; } .mgr-upg2 b { display:block; font-size:12.5px; margin-top:4px; } .mgr-upg2 span { display:block; font-size:10px; color:var(--f1-text-muted); line-height:1.25; min-height:25px; }
.mgr-upg2 .lv { display:flex; justify-content:center; gap:3px; margin:6px 0 4px; } .mgr-upg2 .lv i { width:14px; height:4px; border-radius:2px; background:rgba(255,255,255,.12); } .mgr-upg2 .lv i.on { background:#27F4D2; }
.mgr-upg2 em { font-style:normal; font-size:11.5px; font-weight:800; color:#1fe07a; }
.mgr-res em { font-style:normal; flex:1; } .mgr-res small { font-size:12px; font-weight:800; color:var(--f1-text-muted); font-variant-numeric:tabular-nums; }
.mgr-res small.up { color:#1fe07a; } .mgr-res small.down { color:#ff5a4f; }
.mgr-mine { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-bottom:8px; }
.mgr-mine > div { padding:12px; border-radius:14px; background:rgba(225,6,0,.14); }
.mgr-mine b { display:block; font-size:14px; } .mgr-mine span { font-size:12px; color:var(--f1-text-secondary); } .mgr-mine em { display:block; font-style:normal; font-family:'Russo One',sans-serif; font-size:22px; color:#1fe07a; margin-top:2px; }
.mgr-money { margin:10px 2px 0; font-size:13px; color:var(--f1-text-secondary); } .mgr-money b { color:#1fe07a; }
.dle-answer .dle-ph { width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#262634; font-style:normal; font-family:'Russo One',sans-serif; font-size:24px; flex-shrink:0; }
/* менеджер v3 */
.mgr-upgs { grid-template-columns:repeat(2, minmax(0,1fr)); }
.mgr-seg.two { grid-template-columns:1fr 1fr; margin-top:4px; }
.mgr-form { font-style:normal; font-size:11px; font-weight:800; color:var(--f1-text-muted); }
.mgr-form.up { color:#1fe07a; } .mgr-form.down { color:#ff5a4f; }
.mgr-stage-h b { color:#fff; }
.mgr-spons { display:flex; flex-direction:column; gap:8px; }
.mgr-spon { display:flex; align-items:center; gap:14px; padding:14px; border-radius:16px; background:#16161f; border:1.5px solid rgba(255,255,255,.06); cursor:pointer; transition:transform .15s; }
.mgr-spon:active { transform:scale(.98); }
.mgr-spon .ic { font-size:28px; width:44px; text-align:center; } .mgr-spon b { display:block; font-size:15px; } .mgr-spon span { font-size:12.5px; color:var(--f1-text-secondary); }
.mgr-cut { font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:#ff5a4f; padding:8px 0 4px; border-top:1px dashed rgba(255,90,79,.4); margin-top:4px; }
.mgr-mine > div.dnf { background:rgba(255,255,255,.05); } .mgr-mine > div.dnf em { color:var(--f1-text-muted); }
.mgr-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; padding:4px; border-radius:14px; background:#16161f; margin:8px 0; }
.mgr-tabs div { padding:9px 0; text-align:center; border-radius:10px; font-size:12.5px; font-weight:800; color:var(--f1-text-muted); cursor:pointer; }
.mgr-tabs div.on { background:#fff; color:#111; }
.mgr-ev { display:flex; flex-direction:column; gap:2px; padding:8px 12px; border-radius:14px; background:#1b1b26; }
.mgr-ev > div { display:grid; grid-template-columns:62px minmax(0,1fr); gap:8px; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.04); font-size:13px; color:var(--f1-text-secondary); }
.mgr-ev > div:last-child { border-bottom:0; }
.mgr-ev span { font-size:11px; color:var(--f1-text-muted); font-variant-numeric:tabular-nums; padding-top:1px; }
.mgr-ev p { margin:0; line-height:1.4; }
.mgr-ev .mine p { color:#fff; font-weight:700; } .mgr-ev .bad p { color:#ff7a70; } .mgr-ev .good p { color:#1fe07a; }
.mgr-verdict { margin:12px auto 0; max-width:340px; padding:12px 14px; border-radius:14px; background:rgba(225,6,0,.12); font-size:13px; }
.mgr-verdict.ok { background:rgba(31,224,122,.12); }
.mgr-bars { display:flex; align-items:flex-end; gap:6px; justify-content:center; margin:18px auto 4px; max-width:360px; height:120px; }
.mgr-bars > div { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:3px; min-width:0; }
.mgr-bars b { font-size:11px; } .mgr-bars i { width:100%; max-width:26px; border-radius:6px 6px 2px 2px; background:linear-gradient(#1fe07a, #0f7a43); }
.mgr-bars span { font-size:9px; color:var(--f1-text-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }

/* онлайн-дурак без входа (сайт) */
.dk-login { display:flex; flex-direction:column; align-items:center; gap:10px; font-size:13.5px; color:var(--f1-text-secondary); margin-top:4px; }
.dk-login a { text-decoration:none; color:#fff; }