.dk { display: none; }

@media (min-width: 1000px) {
  body.is-game {
    --dkt-text: #e9edf2; --dkt-text-2: #d3dbe5; --dkt-mute: rgba(196, 207, 221, .62);
    --dkt-cond: 'Barlow Condensed', system-ui, sans-serif; --dkt-body: 'Barlow', system-ui, sans-serif;
  }
  body.is-game .app {
    background:
      radial-gradient(ellipse 70% 40% at 60% -10%, rgba(240, 185, 58, .045), transparent 70%),
      radial-gradient(ellipse 50% 60% at 100% 100%, rgba(240, 185, 58, .05), transparent 70%),
      linear-gradient(180deg, #20262f 0%, #1a1f27 100%);
  }
  body.is-game .app::before, body.is-game .app::after { display: none; }
  body.is-game .content, body.is-game .popup { color: var(--dkt-text); font-family: var(--dkt-body); }

  /* botões principais: dourado com texto escuro, como no painel */
  body.is-game .content .btn-glow, body.is-game .popup .btn-glow {
    color: #1a1406; border: 0;
    background: linear-gradient(180deg, #ffe58a 0%, #f4c041 55%, #df9f17 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 -2px 0 rgba(0, 0, 0, .18) inset, 0 6px 16px rgba(240, 185, 58, .22);
  }
  body.is-game .content .st-toggle button.on { color: #1a1406; }
  body.is-game .content .md-play-label, body.is-game .popup .md-play-label { color: #2a1c00; text-shadow: 0 1px 0 rgba(255, 255, 255, .45); }
  body.is-game .content .btn, body.is-game .popup .btn { border-radius: 10px; letter-spacing: .06em; text-transform: uppercase; }

  /* loja: silhuetas visíveis no fundo escuro */
  body.is-game .content .shop-card-fig .kit-sprite { filter: brightness(2.2) saturate(.5) drop-shadow(0 0 6px rgba(255, 255, 255, .12)); }
  body.is-game .content .shop-q { color: #1a1406; }

  /* cabeçalhos das secções: painel com linha dourada, sem moldura grossa */
  body.is-game .content .hs-head { border-width: 1px; border-color: rgba(240, 185, 58, .35); border-radius: 14px; box-shadow: 0 14px 34px rgba(0, 0, 0, .3); }

  /* imagens de arte (128 px) reduzidas com suavização: em "pixelated" ficavam serrilhadas */
  body.is-game img.art-icon, body.is-game .nav img, body.is-game img[src*="images/ui/"],
  body.is-game img[src*="images/icon_"], body.is-game .cur-ico, body.is-game .hd-cur-ico { image-rendering: auto !important; }

  /* menu lateral: todas as secções do clube, ícones maiores, onde estou */
  .nav-more { gap: 1px; }
  .nav-more-t { margin-top: 10px !important; }
  .nav-more-t:first-child { margin-top: 0 !important; }
  .nav-link { position: relative; padding: 6px 12px !important; }
  .nav-link img { width: 30px !important; height: 30px !important; }
  .nav-link span { font-family: 'Barlow Condensed', system-ui, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: .05em !important; text-transform: uppercase; }
  .nav-link.is-on { color: var(--gold-bright, #ffd65c) !important; background: linear-gradient(90deg, rgba(240, 185, 58, .2), rgba(240, 185, 58, .02)); box-shadow: inset 3px 0 0 #f0b93a; }
  .nav-item--play.is-sub { filter: saturate(.55) brightness(.82); }

  /* inputs */
  body.is-game .content input, body.is-game .content select, body.is-game .content textarea,
  body.is-game .popup input, body.is-game .popup select, body.is-game .popup textarea { color: var(--dkt-text); }
  body.is-game .content input::placeholder, body.is-game .popup input::placeholder { color: var(--dkt-mute); }
}

@media (min-width: 1000px) {
  #home-screen.is-hub {
    background:
      radial-gradient(ellipse 70% 40% at 50% -10%, rgba(240, 185, 58, .05), transparent 70%),
      radial-gradient(ellipse 50% 60% at 100% 100%, rgba(240, 185, 58, .06), transparent 70%),
      linear-gradient(180deg, #20262f 0%, #1a1f27 100%);
  }

  .dk {
    --dk-panel: linear-gradient(180deg, #2b323e 0%, #262c37 100%);
    --dk-line: rgba(205, 218, 235, .12);
    --dk-line-2: rgba(205, 218, 235, .075);
    --dk-text: #e9edf2;
    --dk-mute: rgba(196, 207, 221, .62);
    --dk-gold: #f0b93a;
    --dk-gold-2: #ffd866;
    --dk-green: #3ccf6e;
    --dk-red: #ff6b5b;
    --dk-blue: #5aa9ff;
    --dk-cond: 'Barlow Condensed', 'Tiny5', system-ui, sans-serif;
    --dk-body: 'Barlow', system-ui, sans-serif;

    display: grid; gap: 18px; align-items: stretch; grid-auto-rows: max-content;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "hero hero hero"
      "train train table"
      "xi xi inbox"
      "fr tour club";
    font-family: var(--dk-body); color: var(--dk-text);
  }

  /* ---------- painel ---------- */
  .dk-panel {
    display: flex; flex-direction: column; min-width: 0; overflow: hidden;
    background: var(--dk-panel); border: 1px solid var(--dk-line); border-radius: 14px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 14px 34px rgba(0, 0, 0, .32);
  }
  .dk-ph {
    display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px;
    padding: 0 16px; border-bottom: 1px solid var(--dk-line-2);
    background: linear-gradient(180deg, rgba(255, 255, 255, .035), transparent);
  }
  .dk-ph h3 {
    display: flex; align-items: center; gap: 8px; margin: 0;
    font: 700 15px/1 var(--dk-cond); letter-spacing: .09em; text-transform: uppercase; color: var(--dk-text);
  }
  .dk-ph h3 .px-icon rect { fill: var(--dk-gold); }
  .dk-ph h3 img { width: 18px; height: 18px; }
  .dk-pb { flex: 1 1 auto; min-height: 0; padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 12px; }
  .dk-acts { display: flex; gap: 4px; }
  .dk-link {
    display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; cursor: pointer;
    font: 600 13px/1 var(--dk-cond); letter-spacing: .06em; text-transform: uppercase;
    color: var(--dk-gold-2); background: transparent; border: 1px solid transparent; border-radius: 8px;
    transition: background .15s, border-color .15s;
  }
  .dk-link i { font-style: normal; font-size: 16px; line-height: 0; }
  .dk-link:hover { background: rgba(240, 185, 58, .1); border-color: rgba(240, 185, 58, .3); }
  .dk-empty {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
    padding: 18px 10px; text-align: center; font-size: 14px; color: var(--dk-mute);
  }
  .dk-muted { color: var(--dk-mute); }
  .dk-badge {
    display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; font-style: normal;
    font: 700 12px/1 var(--dk-cond); color: #fff; background: var(--dk-red); border-radius: 10px;
  }

  /* ---------- botões ---------- */
  .dk-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 16px; cursor: pointer;
    font: 700 15px/1 var(--dk-cond); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap;
    color: var(--dk-text); background: rgba(255, 255, 255, .06); border: 1px solid var(--dk-line); border-radius: 10px;
    transition: transform .12s, filter .15s, background .15s, border-color .15s;
  }
  .dk-btn:hover:not(:disabled) { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .2); }
  .dk-btn:active:not(:disabled) { transform: translateY(1px); }
  .dk-btn:disabled { opacity: .45; cursor: not-allowed; }
  .dk-btn--sm { height: 32px; padding: 0 12px; font-size: 13px; }
  .dk-btn--lg { height: 48px; font-size: 18px; }
  .dk-btn--gold {
    color: #1a1406; border: 0;
    background: linear-gradient(180deg, #ffe58a 0%, #f4c041 55%, #df9f17 100%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 -2px 0 rgba(0, 0, 0, .18) inset, 0 6px 16px rgba(240, 185, 58, .22);
  }
  .dk-btn--gold:hover:not(:disabled) { filter: brightness(1.07); background: linear-gradient(180deg, #ffe58a 0%, #f4c041 55%, #df9f17 100%); }
  .dk-btn--green { color: #fff; border: 0; background: linear-gradient(180deg, #47d77a, #23a653); box-shadow: 0 -2px 0 rgba(0, 0, 0, .18) inset; }
  .dk-btn--green:hover:not(:disabled) { filter: brightness(1.08); background: linear-gradient(180deg, #47d77a, #23a653); }
  .dk-btn--purple { color: #fff; border: 0; background: linear-gradient(180deg, #8f6bff, #6343d8); box-shadow: 0 -2px 0 rgba(0, 0, 0, .2) inset; }
  .dk-btn--purple:hover:not(:disabled) { filter: brightness(1.08); background: linear-gradient(180deg, #8f6bff, #6343d8); }
  .dk-btn--ghost { background: rgba(0, 0, 0, .28); border-color: rgba(255, 255, 255, .22); color: #fff; }
  .dk-en { display: inline-flex; align-items: center; gap: 3px; padding: 3px 7px; font-size: 13px; background: rgba(0, 0, 0, .18); border-radius: 6px; }
  .dk-btn--ghost .dk-en { background: rgba(255, 255, 255, .1); }
  .dk-en .px-icon rect { fill: currentColor; }

  /* ---------- próximo jogo ---------- */
  .dk-hero {
    grid-area: hero; position: relative; overflow: hidden; display: grid; align-items: center; gap: 24px;
    grid-template-columns: minmax(180px, 230px) minmax(0, 1fr) auto; min-height: 196px; padding: 22px 28px;
    border: 1px solid rgba(240, 185, 58, .28); border-radius: 16px;
    background:
      linear-gradient(90deg, rgba(6, 16, 34, .92) 0%, rgba(8, 22, 46, .55) 40%, rgba(8, 22, 46, .55) 60%, rgba(6, 16, 34, .92) 100%),
      url('images/ui/hub_league_bg.webp') center 40% / cover no-repeat, #0e2140;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .08) inset;
  }
  .dk-hero::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
    background: linear-gradient(90deg, transparent, var(--dk-gold) 20%, var(--dk-gold-2) 50%, var(--dk-gold) 80%, transparent);
  }
  .dk-hero-k { display: flex; flex-direction: column; gap: 8px; align-self: stretch; justify-content: center; }
  .dk-hero-k span {
    display: inline-flex; align-items: center; gap: 7px; align-self: flex-start; padding: 6px 10px;
    font: 700 13px/1 var(--dk-cond); letter-spacing: .14em; text-transform: uppercase; color: #1a1406;
    background: linear-gradient(180deg, #ffe58a, #f0b93a); border-radius: 6px;
  }
  .dk-hero-k span .px-icon rect { fill: #1a1406; }
  .dk-hero-k em { font: 600 18px/1.15 var(--dk-cond); font-style: normal; letter-spacing: .04em; color: rgba(255, 255, 255, .86); }
  .dk-hero-main { display: flex; align-items: center; justify-content: center; gap: 36px; min-width: 0; }
  .dk-vs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 28px; width: 100%; max-width: 760px; }
  .dk-team { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; text-align: center; }
  .dk-team b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 24px/1.05 var(--dk-cond); letter-spacing: .02em; color: #fff; text-shadow: 0 2px 10px rgba(0, 0, 0, .6); }
  .dk-team small { font: 600 12px/1 var(--dk-cond); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
  .dk-crest { flex-shrink: 0; filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .55)); }
  .dk-vs-mid { display: flex; flex-direction: column; align-items: center; gap: 8px; }
  .dk-vs-mid > em { font: 700 40px/1 var(--dk-cond); font-style: normal; color: var(--dk-gold-2); text-shadow: 0 3px 16px rgba(240, 185, 58, .45); }
  .dk-cd { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 10px 18px; background: rgba(0, 0, 0, .42); border: 1px solid rgba(255, 255, 255, .14); border-radius: 12px; }
  .dk-cd small { font: 600 11px/1 var(--dk-cond); letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .62); }
  .dk-cd b { font: 700 30px/1 var(--dk-cond); letter-spacing: .04em; color: #fff; font-variant-numeric: tabular-nums; }
  .dk-live { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; font: 700 20px/1 var(--dk-cond); letter-spacing: .14em; color: #fff; background: #d8343a; border-radius: 10px; }
  .dk-live i { width: 10px; height: 10px; border-radius: 50%; background: #fff; animation: dkPulse 1s infinite; }
  @keyframes dkPulse { 50% { opacity: .25; } }
  .dk-hero-solo { display: flex; align-items: center; gap: 18px; min-width: 0; }
  .dk-hero-solo > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
  .dk-hero-solo small { font: 600 12px/1 var(--dk-cond); letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
  .dk-hero-solo b { font: 700 34px/1.05 var(--dk-cond); color: #fff; text-shadow: 0 2px 12px rgba(0, 0, 0, .55); }
  .dk-hero-solo span { font: 500 16px/1.2 var(--dk-body); color: rgba(255, 255, 255, .78); }
  .dk-cup { flex-shrink: 0; filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .5)); }
  .dk-cup img { width: 84px; height: 84px; }
  .dk-hero-cta { display: flex; flex-direction: column; gap: 10px; min-width: 210px; }
  .dk-hero-cta .dk-btn { height: 46px; }

  /* ---------- centro de treino ---------- */
  .dk > .tg {
    grid-area: train; height: auto; min-height: 380px; border: 1px solid var(--dk-line); border-radius: 14px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .32);
  }
  .dk > .tg .tg-side { display: none; }
  .dk > .tg .tg-title, .dk > .tg .tg-chip {
    font: 700 13px/1 var(--dk-cond); letter-spacing: .08em; text-transform: uppercase;
    padding: 7px 10px; background: rgba(8, 24, 14, .78); border: 1px solid rgba(255, 255, 255, .14); border-radius: 8px; backdrop-filter: blur(4px);
  }
  .dk > .tg .tg-top { top: 12px; left: 12px; right: 12px; }

  /* ---------- classificação ---------- */
  .dk-table { grid-area: table; }
  .dk-tbl { width: 100%; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
  .dk-tbl th {
    padding: 0 6px 8px; text-align: center; font: 600 11px/1 var(--dk-cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dk-mute);
    border-bottom: 1px solid var(--dk-line-2);
  }
  .dk-tbl td { height: 36px; padding: 0 6px; text-align: center; border-bottom: 1px solid var(--dk-line-2); color: rgba(233, 237, 242, .9); }
  .dk-tbl .l { text-align: left; }
  .dk-tbl td b { font: 700 16px/1 var(--dk-cond); color: #fff; }
  .dk-tbl tr:last-child td { border-bottom: 0; }
  .dk-tbl tr.is-me td { background: rgba(240, 185, 58, .12); }
  .dk-tbl tr.is-me td:first-child { box-shadow: inset 3px 0 0 var(--dk-gold); }
  .dk-tbl tr.is-me .dk-tclub span { color: var(--dk-gold-2); font-weight: 700; }
  .dk-gap td { height: 20px; color: var(--dk-mute); letter-spacing: .3em; }
  .dk-pos { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: rgba(255, 255, 255, .06); font-size: 14px !important; }
  .dk-tbl tbody tr:nth-child(1) .dk-pos { background: linear-gradient(180deg, #ffe58a, #e3a51c); color: #1a1406; }
  .dk-tclub { display: flex; align-items: center; gap: 8px; min-width: 0; }
  .dk-tclub > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; }
  .dk-form { display: inline-flex; gap: 3px; }
  .dk-f { display: inline-block; width: 8px; height: 8px; border-radius: 2px; font-style: normal; }
  .dk-f--win { background: var(--dk-green); } .dk-f--draw { background: #9aa7a0; } .dk-f--loss { background: var(--dk-red); }
  .dk-form--big .dk-f { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; font: 700 13px/1 var(--dk-cond); color: #0b1a10; }

  /* ---------- onze inicial ---------- */
  .dk-xi { grid-area: xi; }
  .dk-xi-stats { display: flex; align-items: stretch; gap: 10px; }
  .dk-xi-stats > span {
    display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 8px 14px;
    background: rgba(0, 0, 0, .2); border: 1px solid var(--dk-line-2); border-radius: 10px;
  }
  .dk-xi-stats small { font: 600 11px/1 var(--dk-cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dk-mute); }
  .dk-xi-stats b { font: 700 22px/1 var(--dk-cond); color: #fff; }
  .dk-xi-stats b em { font-style: normal; font-size: 14px; color: var(--dk-mute); }
  .dk-xi-stats .dk-xi-morale { margin-left: auto; padding: 0 6px; background: none; border: 0; }
  .dk-xi-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: column; grid-template-rows: repeat(6, auto); column-gap: 18px; }
  .dk-pl {
    display: grid; grid-template-columns: 44px minmax(0, 1fr) 70px 38px; align-items: center; gap: 10px; height: 42px; padding: 0 8px;
    cursor: pointer; text-align: left; color: var(--dk-text); background: transparent; border: 0; border-bottom: 1px solid var(--dk-line-2); border-radius: 0;
    transition: background .12s;
  }
  .dk-pl:hover { background: rgba(255, 255, 255, .05); }
  .dk-pc { display: inline-grid; place-items: center; height: 22px; border-radius: 5px; font: 700 12px/1 var(--dk-cond); font-style: normal; letter-spacing: .06em; color: #fff; }
  .dk-pc--GK { background: #d9921c; } .dk-pc--DF { background: #2f78d6; } .dk-pc--MF { background: #2a9d52; } .dk-pc--FW { background: #d6413b; }
  .dk-pn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 15px/1 var(--dk-body); }
  .dk-cap { display: inline-grid; place-items: center; width: 16px; height: 16px; margin-left: 4px; font: 700 10px/1 var(--dk-cond); font-style: normal; color: #1a1406; background: var(--dk-gold); border-radius: 50%; vertical-align: 1px; }
  .dk-fit { position: relative; height: 6px; overflow: hidden; background: rgba(255, 255, 255, .1); border-radius: 3px; }
  .dk-fit i { position: absolute; inset: 0 auto 0 0; border-radius: 3px; background: var(--dk-green); }
  .dk-fit--mid i { background: #f2c94c; } .dk-fit--low i { background: var(--dk-red); }
  .dk-ovr { display: inline-grid; place-items: center; height: 26px; border-radius: 6px; font: 700 16px/1 var(--dk-cond); color: #fff; background: #3b4a42; }

  /* ---------- caixa de entrada ---------- */
  .dk-inbox { grid-area: inbox; }
  .dk-inbox .dk-pb { padding: 6px 0 8px; }
  .dk-msgs { display: flex; flex-direction: column; overflow-y: auto; max-height: 420px; scrollbar-width: thin; }
  .dk-msg { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 11px 16px; border-bottom: 1px solid var(--dk-line-2); }
  .dk-msg:last-child { border-bottom: 0; }
  .dk-msg--news { grid-template-columns: 34px minmax(0, 1fr); cursor: default; }
  .dk-msg--news[role="button"] { cursor: pointer; }
  .dk-msg--news[role="button"]:hover { background: rgba(255, 255, 255, .04); }
  .dk-msg-ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: rgba(240, 185, 58, .14); }
  .dk-msg-ico .px-icon rect { fill: var(--dk-gold-2); }
  .dk-msg-ico--green { background: rgba(60, 207, 110, .14); } .dk-msg-ico--red { background: rgba(255, 107, 91, .14); }
  .dk-msg-ico--blue { background: rgba(90, 169, 255, .14); } .dk-msg-ico--purple { background: rgba(143, 107, 255, .16); }
  .dk-msg-txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; font: 500 14px/1.3 var(--dk-body); color: rgba(233, 237, 242, .92); }
  .dk-msg-txt small { font: 600 11px/1 var(--dk-cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dk-gold); }
  .dk-msg--news .dk-msg-txt small { color: var(--dk-mute); }
  .dk-msg-txt b { color: #fff; }

  /* ---------- amigável / torneios / clube ---------- */
  .dk-friendly { grid-area: fr; }
  .dk-tour { grid-area: tour; }
  .dk-club { grid-area: club; }
  .dk-fr-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .dk-fr-row > div { display: flex; flex-direction: column; gap: 6px; }
  .dk-fr-row small, .dk-prize small { font: 600 11px/1 var(--dk-cond); letter-spacing: .12em; text-transform: uppercase; color: var(--dk-mute); }
  .dk-fr-row em { font: 600 12px/1 var(--dk-cond); font-style: normal; color: var(--dk-mute); }
  .dk-pips { display: inline-flex; gap: 4px; }
  .dk-pips i { width: 22px; height: 10px; border-radius: 3px; background: rgba(255, 255, 255, .1); }
  .dk-pips i.on { background: linear-gradient(180deg, #ffe58a, #f0b93a); box-shadow: 0 0 8px rgba(240, 185, 58, .35); }
  .dk-prize { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; cursor: pointer; padding: 0; background: none; border: 0; color: var(--dk-text); }
  .dk-prize span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px; background: rgba(0, 0, 0, .22); border: 1px solid var(--dk-line-2); border-radius: 8px; }
  .dk-prize b { font: 700 16px/1 var(--dk-cond); margin-right: 4px; }
  .dk-streak { display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; font: 600 12px/1 var(--dk-cond); letter-spacing: .06em; color: #ffb38a; background: rgba(255, 107, 91, .12); border-radius: 7px; }
  .dk-streak .px-icon rect { fill: #ff8a5b; }
  .dk-fr-btns { display: flex; gap: 10px; margin-top: auto; }
  .dk-fr-btns .dk-btn { flex: 1 1 0; }
  .dk-friendly .dk-fr-btns { flex-direction: column; }
  .dk-friendly .dk-fr-btns .dk-btn { flex: 0 0 auto; }
  .dk-sub { margin-top: -2px; font: 600 12px/1 var(--dk-cond); letter-spacing: .1em; text-transform: uppercase; color: var(--dk-mute); }
  .dk > .tg .tg-train-cta { top: 14px; transform: translateX(-50%); z-index: 960; }

  .dk-tours { display: flex; flex-direction: column; gap: 6px; }
  .dk-trow {
    display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; cursor: pointer; text-align: left;
    color: var(--dk-text); background: rgba(0, 0, 0, .18); border: 1px solid var(--dk-line-2); border-radius: 10px; transition: border-color .15s, background .15s;
  }
  .dk-trow:hover { border-color: rgba(240, 185, 58, .35); background: rgba(240, 185, 58, .06); }
  .dk-trow-n { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  .dk-trow-n b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 15px/1.1 var(--dk-body); }
  .dk-trow-n small { font: 500 12px/1 var(--dk-body); color: var(--dk-mute); }
  .dk-trow-p { display: inline-flex; align-items: center; gap: 4px; font: 700 16px/1 var(--dk-cond); color: var(--dk-gold-2); }

  .dk-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .dk-tile {
    display: flex; align-items: center; gap: 10px; min-width: 0; padding: 9px 10px; cursor: pointer; text-align: left;
    color: var(--dk-text); background: rgba(0, 0, 0, .18); border: 1px solid var(--dk-line-2); border-radius: 10px;
    transition: border-color .15s, background .15s, transform .12s;
  }
  .dk-tile:hover { border-color: rgba(240, 185, 58, .35); background: rgba(240, 185, 58, .06); transform: translateY(-1px); }
  .dk-tile-art { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; }
  .dk-tile-art img { width: 40px; height: 40px; object-fit: contain; }
  .dk-tile-t { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
  .dk-tile-t b { font: 700 15px/1 var(--dk-cond); letter-spacing: .05em; text-transform: uppercase; }
  .dk-tile-t small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 12px/1.1 var(--dk-body); color: var(--dk-mute); }
  .dk-kits { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; overflow: hidden; }
  .dk-kits > * { flex: 0 0 auto; transform: scale(.62); margin: 0 -7px; }
}

@media (min-width: 1000px) and (max-width: 1280px) {
  .dk { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "hero hero" "train train" "table inbox" "xi xi" "fr tour" "club club"; }
  .dk-hero { grid-template-columns: minmax(0, 1fr) auto; }
  .dk-hero-k { grid-column: 1 / -1; flex-direction: row; align-items: center; }
  .dk-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dk-hide-s { display: none; }
}
@media (min-width: 1700px) {
  .dk { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-areas: "hero hero hero hero" "train train table inbox" "xi xi fr tour" "xi xi club club"; }
  .dk-club .dk-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* paleta do computador: grafite neutro; o verde fica para o relvado e para o que é positivo */
@media (min-width: 1000px) {
  body.is-game { background: #1a1f27; }
  body.is-game .header {
    background: linear-gradient(180deg, #2a313c 0%, #242a34 100%) !important;
    border-bottom: 1px solid rgba(240, 185, 58, .45) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .35) !important;
  }
  body.is-game .header::before, body.is-game .header::after { display: none !important; }
  body.is-game .nav::before {
    border-right: 1px solid rgba(240, 185, 58, .28) !important; box-shadow: 6px 0 24px rgba(0, 0, 0, .35) !important;
    background:
      radial-gradient(ellipse 120% 30% at 50% 0%, rgba(240, 185, 58, .08), transparent 70%),
      linear-gradient(180deg, #272d38 0%, #20252e 100%) !important;
  }
  body.is-game .nav-brand { border-bottom-color: rgba(255, 255, 255, .06) !important; }
  body.is-game .nav-more { border-top-color: rgba(255, 255, 255, .06) !important; }
  body.is-game .nav-item:not(.nav-item--play) span, body.is-game .nav-link { color: rgba(214, 222, 232, .78) !important; }
  body.is-game .nav-item.active:not(.nav-item--play) span, body.is-game .nav-link.is-on { color: #ffd65c !important; }
  body.is-game .nav-wallet { background: rgba(255, 255, 255, .04) !important; }
  body.is-game .hd-menu, body.is-game #hd-menu { background: #262c37 !important; border-color: rgba(240, 185, 58, .35) !important; }
}

/* plantel em lista: contraste no tema escuro */
@media (min-width: 1000px) {
  body.is-game .content .sq3-wrap { background: #262c37; border-color: rgba(205, 218, 235, .12); }
  body.is-game .content .sq3 th { color: rgba(214, 222, 232, .62); background: rgba(255, 255, 255, .035); border-bottom: 1px solid rgba(205, 218, 235, .12); font-size: 12px; }
  body.is-game .content .sq3 th.is-sort { color: #ffd65c; }
  body.is-game .content .sq3 td { border-bottom-color: rgba(205, 218, 235, .07); font-size: 14px; }
  body.is-game .content .sq3 tbody tr:hover td { background: rgba(240, 185, 58, .07); }
  body.is-game .content .sq3-ovr { width: 34px; height: 24px; color: #fff; background: #3d4655; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 15px; }
  body.is-game .content .sq3-pot { color: #8ab8ff; }
  body.is-game .content .sq3-form { color: #f0b93a; }
  body.is-game .content .sq3-form s { color: rgba(255, 255, 255, .16); }
  body.is-game .content .sq3-fit b { font-size: 13px; }
  body.is-game .content .sq3-fit.sq2-fit--ok b { color: #5ad67a; }
  body.is-game .content .sq3-fit.sq2-fit--mid b { color: #f0b93a; }
  body.is-game .content .sq3-fit.sq2-fit--low b { color: #ff6b5b; }
  body.is-game .content .sq3-fit .sq2-fit-bar { background: rgba(255, 255, 255, .1); }
}

/* plantel FM: grupos e chips no tema escuro */
@media (min-width: 1000px) {
  body.is-game .content .sq2-summary { grid-template-columns: repeat(6, 1fr); }
  body.is-game .content .sq-grp-name { color: #e9edf2; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: .08em; }
  body.is-game .content .sq-grp-meta { color: rgba(214, 222, 232, .62); font-size: 13px; }
  body.is-game .content .sq-grp-meta b { color: #e9edf2; }
  body.is-game .content .sq-grp-meta b.is-full { color: #ff8a7a; }
  body.is-game .content .sq3 tr.sq3-grp td, body.is-game .content .sq3 tbody tr.sq3-grp:hover td { background: rgba(255, 255, 255, .045); border-bottom: 1px solid rgba(240, 185, 58, .25); }
  body.is-game .content .sq3-sel { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .06em; }
  body.is-game .content .sq3-sel--sub { color: #d3dbe5; background: #3d4655; }
  body.is-game .content .sq3-sel--sale { color: #1a1406; }
  body.is-game .content .sq3-rat, body.is-game .content .sq3-at { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 14px; }
  body.is-game .content .sq3-at.is-key { box-shadow: 0 0 0 2px #262c37, 0 0 0 3px #ffd65c; }
  body.is-game .content .sq3-val { color: #ffd65c; }
  body.is-game .content .sq3-acad { background: rgba(240, 185, 58, .15); border-color: rgba(240, 185, 58, .45); }
  body.is-game .content .sq2-view button { font-family: 'Barlow Condensed', sans-serif !important; font-weight: 600; font-size: 13px !important; letter-spacing: .05em; }
}