.tpg-wrap { --felt-1: #0b2a1c; --felt-2: #134a31; --gold-1: #ffd666; --gold-2: #f0ad1c; --gold-3: #c98410; --cream: #f7f1e3;
    font-family: 'Inter', sans-serif; margin: 22px 0 10px; color: var(--cream); }
  .tpg-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .82rem; color: #6b6f66; margin: 0 0 14px; }
  .tpg-crumbs a { color: #6b6f66; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
  .tpg-crumbs a:hover { color: #17583a; }
  .tpg-crumbs b { color: #101114; font-weight: 600; }
  .tpg-crumbs .sep { opacity: .45; }
  .tpg-card { position: relative; overflow: hidden; isolation: isolate; border-radius: 26px; padding: 34px;
    background: radial-gradient(760px 420px at 85% 10%, #1d6b45 0%, transparent 60%), radial-gradient(600px 420px at 0% 100%, #0e3a26 0%, transparent 60%),
      linear-gradient(135deg, var(--felt-1), var(--felt-2)); box-shadow: 0 30px 70px -40px rgba(11, 42, 28, .9); }
  .tpg-felt { position: absolute; inset: 0; z-index: -1; opacity: .08; background-image: radial-gradient(circle at 1px 1px, #fff 1px, transparent 0); background-size: 22px 22px; }
  .tpg-card::after { content: "♠ ♥ ♦ ♣"; position: absolute; right: -30px; bottom: -60px; z-index: -1; font-size: 180px; letter-spacing: -16px; color: #fff; opacity: .04; transform: rotate(-12deg); pointer-events: none; }
  .tpg-main { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 28px 34px; align-items: start; }
  .tpg-left { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
  .tpg-id { display: flex; gap: 20px; align-items: center; }
  .tpg-icon { position: relative; flex-shrink: 0; width: 112px; height: 112px; border-radius: 26px; padding: 4px;
    background: linear-gradient(135deg, var(--gold-1), var(--gold-3)); box-shadow: 0 18px 40px -14px rgba(240, 173, 28, .55); animation: tpg-float 5s ease-in-out infinite; }
  .tpg-icon img { width: 100%; height: 100%; object-fit: cover; border-radius: 22px; display: block; background: #0f3a27; }
  .tpg-seal { position: absolute; right: -8px; bottom: -8px; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background: #1fb36b; color: #fff; font-size: .8rem; border: 3px solid var(--felt-1); box-shadow: 0 6px 14px -4px rgba(0, 0, 0, .6); }
  .tpg-head { min-width: 0; }
  .tpg-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
  .tpg-chips .chip { font-size: .72rem; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); color: var(--cream); }
  .tpg-chips .chip.age { color: #ffb4b4; border-color: rgba(255, 140, 140, .35); }
  .tpg-chips .chip.ok { color: #7ff0b4; border-color: rgba(31, 179, 107, .5); display: inline-flex; align-items: center; gap: 5px; }
  .tpg-name { margin: 0 0 8px; font-family: 'Poppins', 'Inter', sans-serif; font-weight: 800; font-size: clamp(1.7rem, 3.4vw, 2.5rem); line-height: 1.1; letter-spacing: -.02em; color: #ffffff; overflow-wrap: anywhere; }
  .tpg-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .9rem; }
  .tpg-rating .stars { color: var(--gold-1); letter-spacing: 1px; }
  .tpg-rating b { color: #fff; font-size: 1rem; }
  .tpg-rating .cnt { color: rgba(247, 241, 227, .65); }
  .tpg-updated { margin-top: 6px; font-size: .78rem; color: rgba(247, 241, 227, .6); display: inline-flex; align-items: center; gap: 6px; }
  .tpg-updated i { color: var(--gold-1); }
  .tpg-bonus { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .tpg-b { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); }
  .tpg-b .bi { width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .1); color: var(--gold-1); flex-shrink: 0; font-size: .95rem; }
  .tpg-b small { display: block; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; color: rgba(247, 241, 227, .6); }
  .tpg-b b { display: block; font-size: 1.12rem; color: #fff; }
  .tpg-b.gold { background: linear-gradient(135deg, rgba(255, 214, 102, .18), rgba(240, 173, 28, .08)); border-color: rgba(255, 214, 102, .45); }
  .tpg-b.gold .bi { background: linear-gradient(135deg, var(--gold-1), var(--gold-2)); color: #1d1302; }
  .tpg-b.gold b { color: var(--gold-1); }
  .tpg-cta { display: flex; flex-wrap: wrap; gap: 10px; }
  .tpg-wrap a, .tpg-wrap a * { text-decoration: none !important; }
  .tpg-dl { position: relative; overflow: hidden; flex: 1 1 260px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; padding: 14px 22px; border-radius: 16px;
    text-decoration: none; color: #1d1302; background: linear-gradient(135deg, var(--gold-1), var(--gold-2) 55%, var(--gold-3));
    box-shadow: 0 18px 40px -16px rgba(240, 173, 28, .8), inset 0 1px 0 rgba(255, 255, 255, .6); animation: tpg-pulse 2.4s ease-in-out infinite; transition: transform .15s; }
  .tpg-dl:hover { transform: translateY(-2px); }
  .tpg-dl::after { content: ""; position: absolute; top: -50%; left: -60%; width: 30%; height: 200%; transform: rotate(10deg);
    background: linear-gradient(115deg, transparent, rgba(255, 255, 255, .6), transparent); animation: tpg-shine 3.2s ease-in-out infinite; }
  .tpg-dl .ico { width: 40px; height: 40px; border-radius: 12px; background: #1d1302; color: var(--gold-1); display: flex; align-items: center; justify-content: center; }
  .tpg-dl .ico i { animation: tpg-bob 1.4s ease-in-out infinite; }
  .tpg-dl .t { display: flex; flex-direction: column; line-height: 1.15; font-weight: 900; font-size: 1.2rem; }
  .tpg-dl .t small { font-size: .66rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #5a3d05; }
  .tpg-tg, .tpg-share { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 18px; border-radius: 16px; font: 600 .92rem 'Inter', sans-serif;
    text-decoration: none; cursor: pointer; transition: background .15s, border-color .15s, transform .15s; }
  .tpg-tg { flex: 1 1 170px; color: #fff; background: linear-gradient(135deg, #2aa3e0, #1c7fc1); border: 0; box-shadow: 0 14px 30px -16px rgba(42, 163, 224, .9); }
  .tpg-tg:hover { transform: translateY(-2px); }
  .tpg-share { color: var(--cream); background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .2); }
  .tpg-share:hover { border-color: rgba(255, 214, 102, .6); background: rgba(255, 255, 255, .1); }
  .tpg-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .tpg-stat { padding: 16px; border-radius: 18px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); display: flex; flex-direction: column; gap: 4px; }
  .tpg-stat i { color: var(--gold-1); font-size: .95rem; margin-bottom: 4px; }
  .tpg-stat b { font-family: 'Poppins', 'Inter', sans-serif; font-size: 1.35rem; font-weight: 800; color: #fff; line-height: 1.1; }
  .tpg-stat span { font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; color: rgba(247, 241, 227, .6); }
  .tpg-stat.ring { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 18px; }
  .tpg-ringv { --p: 90; position: relative; width: 96px; height: 96px; border-radius: 50%; flex-shrink: 0;
    background: conic-gradient(var(--gold-1) calc(var(--p) * 1%), rgba(255, 255, 255, .1) 0); display: flex; align-items: center; justify-content: center; }
  .tpg-ringv::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: #10402b; }
  .tpg-ringv b { position: relative; font-size: 1.6rem; }
  .tpg-ring-txt { display: flex; flex-direction: column; gap: 4px; }
  .tpg-ring-txt .stars { color: var(--gold-1); letter-spacing: 1px; }
  .tpg-ring-txt em { font-style: normal; font-size: .8rem; color: rgba(247, 241, 227, .7); }
  .tpg-points { grid-column: 1 / -1; display: grid; gap: 8px; margin: 2px 0 0; padding: 0; list-style: none; font-size: .84rem; color: rgba(247, 241, 227, .85); }
  .tpg-points li { display: flex; align-items: center; gap: 10px; }
  .tpg-points i { color: #7ff0b4; }
  @keyframes tpg-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
  @keyframes tpg-pulse { 0%, 100% { box-shadow: 0 18px 40px -16px rgba(240, 173, 28, .8), 0 0 0 0 rgba(255, 214, 102, .5), inset 0 1px 0 rgba(255, 255, 255, .6); }
    50% { box-shadow: 0 18px 40px -16px rgba(240, 173, 28, .8), 0 0 0 11px rgba(255, 214, 102, 0), inset 0 1px 0 rgba(255, 255, 255, .6); } }
  @keyframes tpg-shine { 0% { left: -60%; } 55%, 100% { left: 130%; } }
  @keyframes tpg-bob { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(2px); } }
  @media (max-width: 900px) {
    .tpg-card { padding: 24px 18px; border-radius: 22px; }
    .tpg-main { grid-template-columns: 1fr; }
    .tpg-id { gap: 14px; }
    .tpg-icon { width: 88px; height: 88px; border-radius: 22px; }
    .tpg-icon img { border-radius: 18px; }
  }
  @media (max-width: 480px) {
    .tpg-left { gap: 16px; }
    .tpg-bonus { gap: 8px; }
    .tpg-b { padding: 11px 10px; gap: 9px; border-radius: 14px; }
    .tpg-b .bi { width: 32px; height: 32px; border-radius: 9px; }
    .tpg-b b { font-size: 1rem; }
    .tpg-dl { flex-basis: 100%; }
    .tpg-tg { flex: 1 1 auto; padding: 13px 14px; }
    .tpg-share { flex: 0 0 auto; padding: 13px 14px; }
    .tpg-ringv { width: 80px; height: 80px; }
    .tpg-stat { padding: 13px; }
  }
  @media (prefers-reduced-motion: reduce) { .tpg-wrap *, .tpg-wrap *::after { animation: none !important; } }