/* PROFILE TABS (2026-10-22, pt2): tab bar, money buttons, «Безопасность»/«Ещё» cards, one-screen layout on PC.
   Red-black tokens of wg-layer (dark + light). Only presentation: blocks of other tabs get .pt-off. */
.pt-nav{margin:0 0 14px;position:relative;z-index:3}
.pt-nav[hidden]{display:none!important}
.pt-bar{display:flex;width:100%;box-sizing:border-box;gap:6px;padding:6px;border:1px solid var(--wg-accent-lo,#9f1239);border-radius:16px;
  background:linear-gradient(145deg,var(--wg-s2,#18171b),var(--wg-s1,#111013));box-shadow:0 10px 28px #0003;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pt-bar::-webkit-scrollbar{display:none}
.pt-tab{flex:1 0 auto;font:inherit;font-size:13px;font-weight:850;letter-spacing:.01em;padding:10px 14px;min-height:40px;border:1px solid transparent;
  border-radius:11px;background:transparent;color:var(--wg-text-tint,#d9d4cf);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.pt-tab:hover{background:color-mix(in srgb,var(--wg-accent,#e11d48) 14%,transparent);color:var(--wg-text,#f5f1ec)}
.pt-tab[aria-selected="true"]{background:linear-gradient(180deg,var(--wg-accent-hi,#ff4d6d),var(--wg-accent,#e11d48));color:#fff;
  border-color:var(--wg-accent-hi,#ff4d6d);box-shadow:0 6px 18px color-mix(in srgb,var(--wg-accent,#e11d48) 40%,transparent)}
.pt-tab:focus-visible,.pt-money:focus-visible,.pt-link:focus-visible,.pt-foot a:focus-visible{outline:3px solid var(--wg-accent-hi,#ff4d6d);outline-offset:2px}
html[data-theme="light"] .pt-bar{background:#fff;border-color:var(--wg-accent-pale,#f3c3cc)}
html[data-theme="light"] .pt-tab{color:var(--wg-accent-deep,#7f1d2d)}
html[data-theme="light"] .pt-tab[aria-selected="true"]{color:#fff}

html body main.mp-profile .pt-off{display:none!important}

/* money buttons under the balance (the same deposit.js modal as the header buttons) */
html body .pt-money-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}
html body .pt-money-row .pt-money{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;font:inherit;font-size:15px;font-weight:900;
  border-radius:14px;border:1px solid var(--wg-accent-lo,#9f1239);background:var(--wg-s2,#18171b);color:var(--wg-text,#f5f1ec);cursor:pointer;
  transition:transform .12s,filter .12s}
html body .pt-money-row .pt-money:hover{filter:brightness(1.12)}html body .pt-money-row .pt-money:active{transform:translateY(1px)}
html body .pt-money-row .pt-money-ic{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:15px;line-height:1;background:#0003}
html body .pt-money-row .pt-money-deposit{flex:1 1 200px;background:linear-gradient(180deg,#ffd66b,#f0a92a);border-color:#ffd77a;color:#1b1206;box-shadow:0 8px 22px #f0a92a40}
html body .pt-money-row .pt-money-deposit .pt-money-ic{background:#1b1206;color:#ffd66b}
html body .pt-money-row .pt-money-withdraw{flex:1 1 160px;background:linear-gradient(180deg,var(--wg-accent-hi,#ff4d6d),var(--wg-accent,#e11d48));border-color:var(--wg-accent-hi,#ff4d6d);color:#fff}
html body .pt-money-row .pt-money-hist{flex:0 1 auto}
html[data-theme="light"] body .pt-money-row .pt-money-hist{background:#fff;color:var(--wg-accent-deep,#7f1d2d);border-color:var(--wg-accent-pale,#f3c3cc)}

/* «Безопасность» / «Ещё» cards */
.pt-card{margin:0 0 16px;padding:20px 22px;border:1px solid var(--wg-accent-lo,#9f1239);border-radius:22px;
  background:linear-gradient(145deg,var(--wg-s2,#18171b),var(--wg-s1,#111013));color:var(--wg-text-tint,#d9d4cf)}
html[data-theme="light"] .pt-card{background:var(--wg-pale,#fff5f6);border-color:var(--wg-accent-pale,#f3c3cc);color:var(--wg-accent-deep,#7f1d2d)}
.pt-card[hidden]{display:none}
.pt-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--wg-accent-hi,#ff4d6d)}
.pt-card h2{margin:5px 0 6px;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.02em;color:var(--wg-text,#f5f1ec)}
html[data-theme="light"] .pt-card h2{color:var(--wg-accent-deep,#7f1d2d)}
.pt-note{margin:0 0 12px;font-size:13px;opacity:.85}
.pt-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.pt-link{display:grid;gap:3px;padding:13px 15px;border:1px solid var(--wg-accent-lo,#9f1239);border-radius:14px;background:var(--wg-s3,#1f1d22);
  color:var(--wg-text,#f5f1ec);text-decoration:none;min-height:44px}
.pt-link:hover{border-color:var(--wg-accent-hi,#ff4d6d)}
.pt-link[hidden]{display:none}
.pt-link b{font-size:14px}.pt-link small{font-size:11px;opacity:.75}
.pt-owner{border-color:#e9b949;background:linear-gradient(145deg,#2a2210,var(--wg-s3,#1f1d22))}
html[data-theme="light"] .pt-link{background:#fff;color:var(--wg-accent-deep,#7f1d2d);border-color:var(--wg-accent-pale,#f3c3cc)}
html[data-theme="light"] .pt-owner{background:#fff8e6;border-color:#e9b949}
.pt-foot{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;font-size:12px}
.pt-foot a{color:inherit;opacity:.8}

/* the account card in «Достижения»: only the W stats block */
main.pt-on[data-pt-tab="achievements"] .wg-canonical .wg-profile-stats{margin-top:0}

/* ===== PC: one screen, no page scroll (≥1024×600) ===== */
@media (min-width:1024px) and (min-height:600px){
  html.pt-page body .mp-footer{display:none}
  html.pt-page body .mp-scroll-track,html.pt-page body .wg-help-spacer{display:none!important}
  html body main.mp-profile.pt-on > .wg-live-dashboard{position:relative!important;top:auto!important}
  html body main.mp-profile.pt-on{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;column-gap:16px;row-gap:12px;
    box-sizing:border-box;height:calc(100vh - var(--pt-top,140px));height:calc(100dvh - var(--pt-top,140px));padding-bottom:14px!important;
    margin-bottom:0!important;overflow:visible;--pt-avail:calc(100dvh - var(--pt-top,140px) - var(--pt-bar-bottom,60px) - 28px)}
  html body main.mp-profile.pt-on > *{flex:1 1 100%;min-width:0;margin-top:0!important;margin-bottom:0!important}
  html body main.mp-profile.pt-on > .pt-nav{margin:0!important}
  /* every visible block is at most the rest of the window; a longer block scrolls inside itself (fallback) */
  html body main.mp-profile.pt-on > [data-pt]:not(.pt-off){max-height:var(--pt-avail);overflow:auto;scrollbar-width:thin;box-sizing:border-box}
  /* Профиль: compact head */
  main.pt-on .wg-canonical[data-state="signed"] .wg-canonical-head{display:none!important}
  main.pt-on[data-pt-tab="profile"] .wg-canonical{padding:18px 20px!important}
  main.pt-on[data-pt-tab="profile"] .wg-canonical-identity{padding-top:14px!important;padding-bottom:14px!important;margin-top:0!important}
  /* Достижения: W stats + level side by side */
  main.pt-on[data-pt-tab="achievements"] > .wg-canonical{flex:1 1 calc(44% - 8px)}
  main.pt-on[data-pt-tab="achievements"] > .wg-lvl{flex:1 1 calc(56% - 8px)}
  main.pt-on[data-pt-tab="achievements"] .wg-canonical{padding:18px!important}
  main.pt-on[data-pt-tab="achievements"] .wg-profile-stats{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
  main.pt-on[data-pt-tab="achievements"] .wg-profile-achievement-list{grid-template-columns:1fr 1fr}
  /* Кошелёк: отыгрыш + вывод | перевод */
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools > [data-transfer]{grid-column:2;grid-row:1 / span 2}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools{grid-template-rows:auto 1fr;align-content:start}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools p,main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools li,main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools small{font-size:12.5px!important}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools > *{margin:0!important;min-width:0}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools > * > *{margin-top:0!important;margin-bottom:0!important;padding:14px 16px!important}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools > [hidden]{display:none!important}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools{font-size:13px}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools p{margin-top:4px!important;margin-bottom:6px!important;line-height:1.4}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools h2,main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools h3{font-size:17px!important;margin-top:0!important}
  /* Статистика: result + tiles | games + money (columns made by ptabs.js) */
  main.pt-on .wg-pnl{padding:16px 20px}
  main.pt-on .wg-pnl .pnl-body.pt-pnl2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:18px;align-items:start;margin-top:10px}
  main.pt-on .wg-pnl .pt-pnl-l > :first-child,main.pt-on .wg-pnl .pt-pnl-r > :first-child{margin-top:0!important}
  main.pt-on .wg-pnl .pnl-hero{padding:12px 16px}
  main.pt-on .wg-pnl .pnl-net{font-size:clamp(26px,2.6vw,36px)}
  main.pt-on .wg-pnl .pnl-grid{gap:8px!important;margin-top:8px!important}
  main.pt-on .wg-pnl .pnl-tile{padding:9px 11px!important}
  main.pt-on .wg-pnl .pnl-tile strong,main.pt-on .wg-pnl .pnl-tile b{font-size:clamp(14px,1.25vw,18px)!important;white-space:nowrap;overflow-wrap:normal}
  main.pt-on .wg-pnl .pnl-tile{overflow:hidden}
  main.pt-on .wg-pnl .pnl-sub{margin:10px 0 6px!important;font-size:14px}
  main.pt-on .wg-pnl .pnl-game{padding-top:5px!important;padding-bottom:5px!important;white-space:nowrap}
  main.pt-on .wg-pnl .pnl-hero > small{display:none}
  main.pt-on .wg-pnl .pnl-status:empty{display:none}
  main.pt-on .wg-pnl .pnl-foot{margin-top:8px!important;font-size:11px;line-height:1.35}
  main.pt-on .wg-pnl .pnl-kicker{display:none}
  main.pt-on .wg-pnl .pnl-head h2{margin:0!important;font-size:22px!important}
  main.pt-on .wg-pnl .pnl-tile > *{font-size:11px;line-height:1.25}
  main.pt-on .wg-pnl .pnl-tile strong{margin:3px 0 2px!important;line-height:1.1}
  main.pt-on .wg-pnl .pnl-tile > :first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  main.pt-on .wg-pnl .pnl-hero{gap:2px!important}
  main.pt-on .wg-pnl .pnl-games{gap:4px!important}
  main.pt-on .wg-pnl .pnl-more{margin-top:6px!important;padding-top:6px!important;padding-bottom:6px!important}
  main.pt-on .wg-pnl .pnl-bonus{margin-top:8px!important}
  main.pt-on .wg-pnl .pnl-money .pnl-tile > :last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* Достижения: compact level card */
  main.pt-on[data-pt-tab="achievements"] .wg-lvl{padding:14px 18px!important}
  main.pt-on[data-pt-tab="achievements"] .wg-lvl-section-head{margin-bottom:6px!important}
  main.pt-on[data-pt-tab="achievements"] .wg-lvl h2{font-size:22px!important;margin-bottom:6px!important}
  main.pt-on[data-pt-tab="achievements"] .wg-lvl-slot{min-height:52px!important;height:auto!important;aspect-ratio:auto!important}
  main.pt-on[data-pt-tab="achievements"] .wg-lvl-kicker{display:none}
  html body main.pt-on[data-pt-tab="achievements"] .wg-lvl-top .wg-lvl-ranks{flex-direction:row!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  html body main.pt-on[data-pt-tab="achievements"] .wg-lvl-top .wg-lvl-rank{width:auto!important;padding:3px 9px!important;font-size:11.5px!important;margin:0!important;min-height:0!important;line-height:1.3!important}
  html body main.pt-on[data-pt-tab="achievements"] .wg-lvl-top .wg-lvl-rank strong{font-size:13px!important}
  html body main.pt-on[data-pt-tab="achievements"] .wg-lvl-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  main.pt-on[data-pt-tab="achievements"] .wg-lvl-top{gap:14px!important;align-items:center}
  main.pt-on[data-pt-tab="achievements"] .wg-lvl-showcase{gap:6px!important}
  main.pt-on[data-pt-tab="achievements"] .wg-lvl-slot{overflow:hidden}
  main.pt-on[data-pt-tab="achievements"] .wg-lvl-section{margin-top:10px!important}
  main.pt-on[data-pt-tab="achievements"] .wg-lvl-note{font-size:11px!important;margin-top:6px!important}
  /* История: the list scrolls inside the box */
  main.pt-on[data-pt-tab="history"] > [data-wg-history]{overflow:hidden!important;display:flex;flex-direction:column}
  /* Настройки: avatars in a wide grid */
  main.pt-on[data-pt-tab="settings"] > .wg-hub .wg-hub-grid{display:none}
  main.pt-on[data-pt-tab="settings"] > .wg-hub .wg-hub-settings{margin:0!important;padding:18px 20px!important}
  main.pt-on[data-pt-tab="settings"] .wg-hub-settings-grid{grid-template-columns:minmax(190px,1fr) minmax(0,2.4fr) minmax(170px,.9fr)!important;gap:18px!important}
  main.pt-on[data-pt-tab="settings"] .wg-hub-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr))!important;gap:6px!important}
  main.pt-on[data-pt-tab="settings"] .wg-hub-avatar-grid > *{width:auto!important;height:auto!important;min-width:0!important;aspect-ratio:1}
  main.pt-on[data-pt-tab="settings"] .wg-hub-avatar-grid img{width:100%!important;height:100%!important}
  /* the avatar picker is a long list: it scrolls inside itself, the page does not */
  main.pt-on[data-pt-tab="settings"] .wg-hub-avatar-grid{max-height:max(150px,calc(var(--pt-avail) - 300px));overflow:auto;scrollbar-width:thin;padding:3px}
  /* Безопасность: login card on top, Telegram cards side by side */
  main.pt-on[data-pt-tab="security"] > [data-pt~="security"]{flex:1 1 0}
  main.pt-on[data-pt-tab="security"] > .pt-sec{flex:.8 1 0}
  main.pt-on[data-pt-tab="security"] > .wg-verification{flex:1.2 1 0}
  main.pt-on[data-pt-tab="security"] > * h2{font-size:22px!important;line-height:1.15!important}
  main.pt-on[data-pt-tab="security"] .wg-verification-head{flex-wrap:wrap;gap:10px!important;margin-bottom:12px!important}
  main.pt-on[data-pt-tab="security"] .wg-verification,main.pt-on[data-pt-tab="security"] .wg-reauth{padding:20px!important}
  main.pt-on[data-pt-tab="security"] .pt-links{grid-template-columns:1fr}
  /* Ещё: invite | links */
  main.pt-on[data-pt-tab="more"] > .wg-hub,
  main.pt-on[data-pt-tab="more"] > .pt-more{flex:1 1 calc(50% - 8px)}
  main.pt-on[data-pt-tab="more"] > .wg-hub .wg-hub-grid{grid-template-columns:1fr!important;margin:0}
  main.pt-on[data-pt-tab="more"] > .wg-hub .wg-hub-settings{display:none}
}


.pt-pnl-l,.pt-pnl-r{display:contents}
@media (min-width:1024px) and (min-height:600px){main.pt-on .pt-pnl-l,main.pt-on .pt-pnl-r{display:block;min-width:0}}

/* «История» (history.js paged mode) */
.wgh-pagedbox .wgh-pnote{margin:2px 0 10px;font-size:12px;opacity:.8}
.wgh-pagedbox .wgh-pfilters{flex-wrap:wrap}
.wgh-pagedbox .wgh-tab[aria-pressed="true"]{background:var(--wg-accent,#e11d48);color:#fff;border-color:var(--wg-accent-hi,#ff4d6d)}
.wgh-pbody{margin-top:10px;min-height:120px}
.wgh-pbody:focus-visible{outline:2px solid var(--wg-accent-hi,#ff4d6d);outline-offset:2px;border-radius:10px}
.wgh-game{display:inline-block;margin-top:4px;font-size:12px;font-weight:800;color:var(--wg-accent-hi,#ff4d6d);text-decoration:none}
.wgh-game:hover{text-decoration:underline}
html[data-theme="light"] .wgh-game{color:var(--wg-accent,#e11d48)}
.wgh-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}
.wgh-pager[hidden]{display:none}
.wgh-pg{min-width:44px;min-height:40px;font:inherit;font-size:20px;font-weight:900;border-radius:12px;border:1px solid var(--wg-accent-lo,#9f1239);
  background:var(--wg-s3,#1f1d22);color:var(--wg-text,#f5f1ec);cursor:pointer}
.wgh-pg:disabled{opacity:.35;cursor:default}
.wgh-pg:focus-visible{outline:3px solid var(--wg-accent-hi,#ff4d6d);outline-offset:2px}
html[data-theme="light"] .wgh-pg{background:#fff;color:var(--wg-accent-deep,#7f1d2d);border-color:var(--wg-accent-pale,#f3c3cc)}
.wgh-pinfo{font-size:13px;font-weight:750;font-variant-numeric:tabular-nums}
@media (min-width:1024px) and (min-height:600px){
  main.pt-on[data-pt-tab="history"] > [data-wg-history] > .wgh-pagedbox{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0}
  main.pt-on[data-pt-tab="history"] .wgh-pbody{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:thin}
  main.pt-on[data-pt-tab="history"] .wgh-pbody thead th{position:sticky;top:0;z-index:1;background:var(--wg-s2,#18171b)}
  html[data-theme="light"] main.pt-on[data-pt-tab="history"] .wgh-pbody thead th{background:#fff}
}

@media (min-width:1200px) and (min-height:600px){
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}
  main.pt-on[data-pt-tab="wallet"] > .wg-pf-tools > [data-transfer]{grid-column:auto;grid-row:auto}
}

html[data-theme="light"] main.pt-on .wg-canonical .pf-goals-more{color:var(--wg-accent-deep,#7f1d2d)!important}

/* phone / tablet: the bar sticks under the top bar and scrolls sideways; the page scrolls as usual */
@media (max-width:1023px){
  .pt-nav{position:sticky;top:calc(var(--mf-h,32px) + 22px);margin:0 -4px 12px}
  .pt-bar{border-radius:14px;padding:5px;gap:4px}
  .pt-tab{flex:0 0 auto;font-size:13px;padding:9px 12px;min-height:40px}
  .pt-money{min-height:46px;padding:0 16px;font-size:14px}
  .pt-money-hist{flex:1 1 100%}
  .pt-card{padding:16px}
}
@media (prefers-reduced-motion:reduce){.pt-tab,.pt-money{transition:none}}