/* thefinals.gg - site styles */
*, *::before, *::after { box-sizing: border-box; }

	html { max-width: 100vw; overflow-x: hidden; }
	body { max-width: 100vw; }
	a{color:#bfe0ff;text-decoration:none;}
	a:hover{color:#ffffff;}
	h1{padding: 0px; margin: 0px; width: auto; font-weight:900; font-size: 20px; line-height: 30px;}
	.h2_mode{padding:5px 8px;margin:0px;font-size:14px;text-transform:uppercase;font-weight:900;line-height:20px;overflow:auto;
	border-left: 4px solid #fff; background: linear-gradient(45deg, #ffffff33 0%, rgba(115, 134, 150, 0.1) 100%);
	}
	h2{width:100%;padding:3px 6px 4px 6px;margin:0px;font-size:14px;text-transform:uppercase;font-weight:900;}

	.tf-h-wrap{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;
	  color:var(--hcol,#bfe0ff);}
	.tf-h-link{color:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.tf-h-wrap:hover,.tf-h-wrap:hover .tf-h-link{color:#fff;}
	.tf-h-wrap:hover .tf-h-ico{transform:translate(2px,-2px);}
	.tf-h-ico{flex-shrink:0;color:currentColor;opacity:.85;
	  transition:transform .15s ease;margin-bottom:1px;}
	h3{width:100%;padding:3px 6px 4px 6px;margin:0px;font-size:12px;text-transform:uppercase;font-weight:900;line-height:18px;}
	.butt{background: #000000aa;display:inline-block;text-transform:uppercase;
    color: #ccc;font-size:11px;text-shadow:none;
    border-radius: 5px;
    padding: 6px 10px;
    margin: 2px 3px 2px 0px;
    font-weight: 600;
	cursor:pointer;text-align:center;white-space:nowrap;transition:all 0.15s ease;}
	.butt:hover{background:#000000dd;color:#fff;}
	.butt_active{background: #bfe0ff;display:inline-block;text-transform:uppercase;
    color: #000;font-size:11px;
    border-radius: 5px;
    padding: 6px 10px;
    margin: 2px 3px 2px 0px;
    font-weight: 900;text-shadow:none;
	cursor:pointer;text-align:center;white-space:nowrap;}
	.def_block{border-radius: 6px;
    background: #738696;
    margin: 0 4px 7px 4px;
    padding: 6px;
    border: 1px solid #788da1;
    overflow: auto;}

    :root{ --tf-stick-top: 38px;

      --tf-name: #cfdbe6; }
    .tf-stick{ overflow: visible !important; display: flow-root; }
    .tf-sticky-head{ position: sticky; top: var(--tf-stick-top, 38px); z-index: 30; }
    @media (max-width: 620px){ :root{ --tf-stick-top: 34px; } }

    .site-header { width: 100%; max-width: 1000px; margin: 0 auto;
      background: rgba(18, 24, 30, 0.52);
      -webkit-backdrop-filter: blur(16px) saturate(140%);
      backdrop-filter: blur(16px) saturate(140%);
      border-bottom: 1px solid rgba(255,255,255,0.14);
      box-shadow: 0 6px 18px -12px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.07);
      position: sticky; top: 0; z-index: 1000; }

    .tf-hero-bg { position: fixed; top: 0; left: 50%; transform: translateX(-50%);
      width: 100%; max-width: 1400px; height: 470px; z-index: 0;
      pointer-events: none;
      background: url(../images/thefinals_bg.jpg) center top / cover no-repeat;
      -webkit-mask-image:
        linear-gradient(to bottom, #000 0%, rgba(0,0,0,.78) 42%, rgba(0,0,0,.28) 76%, rgba(0,0,0,0) 100%),
        linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 9%, #000 26%, #000 74%,
          rgba(0,0,0,.45) 91%, rgba(0,0,0,0) 100%);
      mask-image:
        linear-gradient(to bottom, #000 0%, rgba(0,0,0,.78) 42%, rgba(0,0,0,.28) 76%, rgba(0,0,0,0) 100%),
        linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 9%, #000 26%, #000 74%,
          rgba(0,0,0,.45) 91%, rgba(0,0,0,0) 100%);
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
      opacity: .45; }
    .tf-page { position: relative; z-index: 1; }
    @media (max-width: 700px) { .tf-hero-bg { height: 340px; } }
    .nav-container { max-width: 1000px; margin: auto; padding: 4px 12px; display: flex; align-items: center; justify-content: space-between; min-height: 38px; }
    .brand-link { display: flex; align-items: center; text-decoration: none; font-weight: 900; font-size: 19px; color: #d0ecff; letter-spacing: 0.5px; flex-shrink: 0; white-space: nowrap; }
    .brand-logo { width: 26px; height: 26px; margin-right: 8px; object-fit: contain; }

    .desktop-nav { display: flex; align-items: center; gap: 20px; margin: 0 16px;
      flex: 0 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; }
    .desktop-nav::-webkit-scrollbar { display: none; }

    .nav-link { font-size: 11.5px; font-weight: 800; text-transform: uppercase; color: #bfe0ff;
      text-decoration: none; transition: color 0.15s ease; white-space: nowrap;
      border-bottom: 2px solid transparent; padding-bottom: 2px; }
    .nav-link:hover { color: #fff; }
    .nav-link.on { color: #fff; border-bottom-color: #bfe0ff; }
    .header-actions { display: flex; align-items: center; gap: 8px; }
    .btn-track { background: #bfe0ff; color: #000; font-weight: 900; font-size: 11px; text-transform: uppercase; border-radius: 5px; padding: 6px 12px; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; }
    .btn-discord { background: #5865F2; color: #fff; font-weight: 800; font-size: 11px; text-transform: uppercase; border-radius: 5px; padding: 6px 10px; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; cursor: pointer; border: none; user-select: none; }
    .discord-icon { width: 14px; height: 14px; vertical-align: middle; }

    .hamburger-btn { display: none; background: transparent; border: 0; cursor: pointer; padding: 6px; width: 36px; height: 36px; flex-direction: column; justify-content: space-around; align-items: center; }
    .hamburger-line { width: 22px; height: 2.5px; background: #d0ecff; border-radius: 2px; transition: all 0.2s ease; }
    .hamburger-btn.active .line-1 { transform: translateY(7px) rotate(45deg); }
    .hamburger-btn.active .line-2 { opacity: 0; }
    .hamburger-btn.active .line-3 { transform: translateY(-7px) rotate(-45deg); }

    .mobile-nav-drawer { display: none; width: 100%; background: #182028; border-bottom: 2px solid #334455; padding: 10px 14px 16px 14px; }
    .mobile-nav-links { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
    .mobile-nav-item { font-size: 14px; font-weight: 800; text-transform: uppercase; color: #bfe0ff; padding: 8px 4px; border-bottom: 1px solid rgba(255,255,255,0.06); text-decoration: none; display: flex; align-items: center; border-left: 3px solid transparent; }
    .mobile-nav-item:hover { color: #fff; background: rgba(255,255,255,0.03); }
    .mobile-nav-item.on { color: #fff; border-left-color: #bfe0ff; padding-left: 7px; }
    .mobile-nav-actions { display: flex; flex-direction: column; gap: 8px; }

    .player-search-bar { width: 100%; max-width: 500px; margin: 6px auto; padding: 0 4px; }
    .search-flex-box { display: flex; align-items: center; gap: 8px; padding: 6px 10px; flex-wrap: nowrap; }
    .search-title { font-size: 12px; text-transform: uppercase; font-weight: 900; color: #d0ecff; white-space: nowrap; flex-shrink: 0; }
    .search-input-field { flex: 1; min-width: 0; background: #fff; border: 1px solid rgba(0,0,0,0.3); border-radius: 5px; padding: 5px 10px; height: 30px; font-size: 13px; color: #111; outline: none; }
    .search-submit-btn { flex-shrink: 0; height: 30px; margin: 0; border: 0; padding: 0 14px; border-radius: 5px; font-weight: 900; font-size: 11px; text-transform: uppercase; background: #bfe0ff; color: #000; cursor: pointer; }

    .table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
    .pill-scroll-bar {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 3px;
        padding: 5px 6px 4px 6px;
        background: rgba(14, 20, 26, 0.88);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-bottom: 0;
        border-radius: 8px 8px 0 0;
        margin: 0 4px 0 4px;
        scrollbar-width: none;
        width: fit-content;
        max-width: calc(100% - 8px);
        box-sizing: border-box;
        cursor: grab;
    }
    .pill-scroll-bar.dragging {
        cursor: grabbing;
        user-select: none;
    }
    .pill-scroll-bar.no-scroll {
        border-radius: 8px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        margin-bottom: 6px;
        padding-bottom: 5px;
        cursor: default;
    }
    .pill-scroll-bar::-webkit-scrollbar { display: none; }
    .pill-scroll-track {
        max-width: calc(100% - 8px);
        height: 6px;
        background: rgba(14, 20, 26, 0.88);
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-top: 0;
        border-radius: 0 0 8px 8px;
        padding: 0 6px 3px 6px;
        box-sizing: border-box;
        display: block;
        margin: 0 4px 6px 4px;
        cursor: pointer;
    }
    .pill-scroll-track-inner {
        width: 100%;
        height: 3px;
        background: rgba(255, 255, 255, 0.12);
        border-radius: 2px;
        position: relative;
        overflow: hidden;
    }
    .pill-scroll-thumb {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 30%;
        background: #67b7e7;
        border-radius: 2px;
    }
    .pill-scroll-bar a { text-decoration: none; flex-shrink: 0; display: inline-flex; }
    .pill-scroll-bar .butt,
    .pill-scroll-bar .butt_active,
    .pill-scroll-bar a.butt,
    .pill-scroll-bar a.butt_active,
    .pill-scroll-bar .pill-item,
    .pill-scroll-bar a > div {
        flex-shrink: 0;
        margin: 0 !important;
        padding: 4px 8px !important;
        font-size: 10.5px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.2px;
        border-radius: 4px !important;
        white-space: nowrap !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        line-height: 16px !important;
        height: auto !important;
        display: inline-flex;
        align-items: center;
    }
    .pill-scroll-bar .butt,
    .pill-scroll-bar a.butt,
    .pill-scroll-bar a > .butt {
        background: rgba(255, 255, 255, 0.07) !important;
        color: #b8ccdb !important;
    }
    .pill-scroll-bar .butt:hover,
    .pill-scroll-bar a.butt:hover,
    .pill-scroll-bar a > .butt:hover {
        background: rgba(255, 255, 255, 0.14) !important;
        color: #ffffff !important;
    }
    .pill-scroll-bar .butt_active,
    .pill-scroll-bar a.butt_active,
    .pill-scroll-bar a > .butt_active {
        background: #d0ecff !important;
        color: #0c1620 !important;
        border-color: #d0ecff !important;
        font-weight: 900 !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    }

    .grid-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; width: 100%; }
    .grid-5items { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; width: 100%; }
    .item-card { display: flex; flex-direction: column; border-radius: 5px; overflow: hidden; background: transparent !important; min-width: 0; width: 100%; border: none !important; }
    .item-img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; border-radius: 4px 4px 0 0; background: transparent !important; border: none !important; }
    .item-label { background: #1a1d1c; font-weight: 700; font-size: 10px; color: #ddd; text-align: center; height: 18px; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 2px; text-transform: uppercase; font-family: Tahoma, sans-serif; border-radius: 0 0 4px 4px; }

    .stat-bars-container { display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; }
    .stat-bar-col {
        width: 33.333%;
        display: flex;
        align-items: center;
        padding: 2px 6px;
        font-size: 11px;
        line-height: 18px;
        box-sizing: border-box;
        border-right: 1px solid rgba(255, 255, 255, 0.08);
    }
    .stat-bar-col:nth-child(3n) {
        border-right: none;
    }
    .stat-bars-tool .stat-bar-col { line-height: 26px; padding: 2px 6px; }

    @media (max-width: 650px) {
        .stat-bar-col {
            width: 50% !important;
            padding: 2px 6px !important;
            line-height: 18px;
            border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
        }
        .stat-bar-col:nth-child(3n) {
            border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
        }
        .stat-bar-col:nth-child(2n) {
            border-right: none !important;
        }
        .stat-bars-tool { min-height: auto !important; }
        .stat-bars-tool .stat-bar-col { line-height: 18px !important; padding: 2px 4px !important; }
    }

    @media (max-width: 980px) {
        .desktop-nav { display: none; }
        .header-actions { display: none; }
        .hamburger-btn { display: flex; }
    }
    @media (max-width: 768px) {
        .grid-3col { grid-template-columns: 1fr; gap: 0; }
        .def_block { margin: 0 2px 8px 2px; padding: 5px; }
        .search-flex-box { gap: 6px; padding: 6px; }
        .search-title { display: none; }
        .search-input-field { font-size: 14px; }
    }
    @media (max-width: 480px) {
        .stat-bar-col {
            width: 50% !important;
            padding: 2px 5px !important;
            line-height: 19px;
        }
    }
    @media (max-width: 360px) {
        .stat-bar-col {
            width: 100% !important;
            border-right: none !important;
            padding: 2px 4px !important;
        }
    }

  .desktop-banner {
    display: none;
  }
  @media (min-width: 1301px) {
    .desktop-banner {
      display: block;
    }
  }

  .tf-home-h-wrap{padding:30px 10px 10px 10px;text-align:center;}

  .tf-is-home .player-search-bar{margin-bottom:30px;}
  .tf-home-h{font-size:30px;line-height:36px;font-weight:900;text-transform:uppercase;
    letter-spacing:.5px;color:#bfe0ff;
    text-shadow:-1px -1px 0 #000000, 0px -1px 0 #000000, 1px -1px 0 #000000,
      -1px 0px 0 #000000, -1px 1px 0 #000000, 2px 0px 0 #000000,
      0px 3px 0 #000000, 3px 3px 0 #000000;}
  @media(max-width:700px){.tf-home-h-wrap{padding:22px 8px 8px 8px;}
    .tf-home-h{font-size:21px;line-height:26px;}}

      .tf-footer{margin-top:18px;background:rgba(14,20,26,.88);border-top:1px solid rgba(255,255,255,.10);
        color:#e3edf5;text-shadow:none;}
      .tf-footer-in{max-width:1000px;margin:auto;padding:22px 14px 16px 14px;display:grid;
        grid-template-columns:1.7fr 1fr 1fr 1fr;gap:20px;}
      .tf-footer-brand a{display:inline-flex;align-items:center;gap:8px;color:#d0ecff;font-size:17px;
        letter-spacing:.4px;}
      .tf-footer-brand img{display:block;}
      .tf-footer-brand p{font-size:11.5px;line-height:17px;color:#c6d6e4;margin:9px 0 0 0;max-width:380px;}
      .tf-footer-brand p a{display:inline;font-size:inherit;color:#bfe0ff;}
      .tf-footer-cta{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap;}

      .tf-footer a.tf-f-btn{display:inline-block;font-weight:900;font-size:10.5px;
        text-transform:uppercase;border-radius:5px;padding:7px 13px;text-shadow:none;}
      .tf-footer a.tf-f-blue,.tf-footer a.tf-f-blue:hover{background:#bfe0ff;color:#0c1620 !important;}
      .tf-footer a.tf-f-blue:hover{filter:brightness(1.08);}

      .tf-footer a.tf-f-dc,.tf-footer a.tf-f-dc:hover{background:#5865F2;color:#fff !important;
        display:inline-flex;align-items:center;gap:5px;font-weight:800;}
      .tf-footer a.tf-f-dc img{display:block;}
      .tf-footer a.tf-f-dc:hover{filter:brightness(1.08);}

      .tf-footer-col h3{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;
        color:var(--tf-name);margin:0 0 9px 0;padding:0;}
      .tf-footer-col a{display:block;font-size:12px;line-height:24px;color:#c6d6e4;}
      .tf-footer-col a:hover{color:#fff;}
      .tf-footer-legal{border-top:1px solid rgba(255,255,255,.08);font-size:10.5px;color:#9fb2c2;
        padding:12px 14px 20px 14px;text-align:center;line-height:16px;}

      @media(max-width:860px){
        .tf-footer-in{grid-template-columns:repeat(3,1fr);gap:16px 10px;}
        .tf-footer-brand{grid-column:1 / -1;}
      }
      @media(max-width:460px){
        .tf-footer-in{padding:18px 10px 12px 10px;}
        .tf-footer-col a{font-size:11.5px;line-height:23px;white-space:nowrap;overflow:hidden;
          text-overflow:ellipsis;}
      }

      .tf-rowbg{position:relative;overflow:hidden;}
      .tf-rowbg:before{content:'';position:absolute;left:0;top:-40%;height:180%;
        width:var(--rfade,180px);background-image:var(--rbg);background-size:cover;
        background-position:center;background-repeat:no-repeat;filter:blur(5px);
        opacity:.8;pointer-events:none;}
      .tf-rowbg:after{content:'';position:absolute;inset:0;pointer-events:none;
        background:linear-gradient(to right,rgba(115,134,150,.42) 0px,
          rgba(115,134,150,.88) calc(var(--rfade,180px) * .62),
          rgba(115,134,150,1) var(--rfade,180px));}
      .tf-rowbg:hover:after{background:linear-gradient(to right,rgba(132,152,169,.38) 0px,
          rgba(132,152,169,.86) calc(var(--rfade,180px) * .62),
          rgba(132,152,169,1) var(--rfade,180px));}
      .tf-rowbg > *{position:relative;z-index:1;}

      .tf-filter{display:flex;align-items:flex-start;gap:7px;margin:0 4px 6px 4px;}
      .tf-filter-l{font-size:10px;font-weight:900;color:#cfe0ee;text-transform:uppercase;
        width:48px;flex-shrink:0;line-height:28px;letter-spacing:.4px;}

      .tf-pills-wrap{display:flex;flex-wrap:nowrap;gap:3px;flex:0 1 auto;min-width:0;
        max-width:100%;overflow-x:auto;overflow-y:hidden;
        -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
        scrollbar-width:thin;scrollbar-color:#67b7e7 rgba(255,255,255,.10);
        background:rgba(14,20,26,.82);border:1px solid rgba(255,255,255,.12);
        border-radius:8px;padding:4px 6px;cursor:grab;}
      .tf-pills-wrap::-webkit-scrollbar{height:4px;}
      .tf-pills-wrap::-webkit-scrollbar-track{background:rgba(255,255,255,.10);border-radius:2px;}
      .tf-pills-wrap::-webkit-scrollbar-thumb{background:#67b7e7;border-radius:2px;}
      .tf-pills-wrap .pill-item{flex-shrink:0;white-space:nowrap;}
      .tf-pills-wrap .pill-item{margin:0;}

      .tf-tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));
        gap:6px;width:100%;justify-items:center;}
      .tf-titem{width:100%;max-width:84px;border-radius:5px;overflow:hidden;
        background:transparent;display:flex;flex-direction:column;}
      .tf-titem img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
      .tf-titem > div{background:#1a1d1c;font-weight:700;font-size:9px;color:#ddd;text-align:center;
        height:20px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
        padding:0 2px;text-transform:uppercase;font-family:Tahoma,sans-serif;}

      .tf-lrow{display:flex;align-items:center;gap:6px;padding:4px 8px;min-height:34px;
        font-size:11.5px;color:var(--tf-name);border-bottom:1px solid rgba(0,0,0,.18);flex-wrap:wrap;}

      .tf-lhead{min-height:26px;background:rgba(10,16,22,.20);color:#eaf2f9;font-weight:800;
        font-size:9.5px;text-transform:uppercase;letter-spacing:.4px;
        border-bottom:1px solid rgba(255,255,255,.14);}

      .tf-stick > .tf-lhead{border-radius:5px 5px 0 0;background:#5b6975;}
      .tf-stick > .tf-lrow:last-child{border-radius:0 0 5px 5px;border-bottom:0;}
      .tf-lrow .tf-c-badge{width:20px;flex-shrink:0;}
      .tf-lrow .tf-c-img{width:26px;height:26px;border-radius:4px;flex-shrink:0;object-fit:cover;
        background:#00000033;}
      .tf-lhead .tf-c-img{height:1px;}
      .tf-lrow .tf-c-name{flex:1;min-width:84px;font-weight:700;color:var(--tf-name);white-space:nowrap;
        overflow:hidden;text-overflow:ellipsis;}
      .tf-lhead .tf-c-name{font-weight:800;color:#e3edf5;}
      .tf-lrow .tf-c-use{width:42px;text-align:center;flex-shrink:0;font-weight:900;color:#fff;}
      .tf-lhead .tf-c-use{font-weight:800;color:#e3edf5;}
      .tf-ext{display:flex;align-items:center;gap:6px;flex-shrink:0;}
      .tf-c-d7{width:46px;text-align:center;}
      .tf-c-trend{width:98px;flex-shrink:0;}
      .tf-c-bar{width:70px;flex-shrink:0;}
      .tf-c-rk{width:50px;text-align:center;}
      .tf-c-cs{width:50px;text-align:center;}
      .tf-c-wr{width:46px;text-align:center;font-weight:800;}
      .tf-c-kd{width:40px;text-align:center;font-weight:800;}
      .tf-c-mbar{width:60px;flex-shrink:0;}
      .tf-c-meta{width:30px;text-align:right;font-weight:900;}

      @media(max-width:620px){
        .tf-c-bar,.tf-c-trend,.tf-c-mbar{display:none;}
        .tf-lrow{gap:5px;padding:4px 6px;flex-wrap:nowrap;font-size:11px;}
        .tf-lhead{font-size:8px;letter-spacing:.2px;}
        .tf-lrow .tf-c-badge{width:18px;}
        .tf-lrow .tf-c-img{width:22px;height:22px;}
        .tf-lrow .tf-c-name{min-width:40px;}
        .tf-lrow .tf-c-use{width:36px;}
        .tf-ext{gap:4px;}
        .tf-c-d7{width:38px;}
        .tf-c-rk,.tf-c-cs{width:38px;}
        .tf-c-wr{width:36px;}
        .tf-c-meta{width:22px;}
      }
      @media(max-width:360px){
        .tf-lrow .tf-c-img{display:none;}
      }

      .tf-tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:0 4px 8px 4px;}
      .tf-tile{position:relative;overflow:hidden;min-height:84px;display:flex;
        flex-direction:column;justify-content:flex-end;padding:8px 7px 7px 8px;
        background-color:#4a5763;background-size:cover;background-position:var(--pos);
        background-repeat:no-repeat;
        border:1px solid rgba(255,255,255,.10);border-bottom:3px solid var(--acc);border-radius:6px;
        transition:transform .14s ease;}

      .tf-tile:before{content:'';position:absolute;inset:0;
        background:linear-gradient(180deg,rgba(85,97,108,.10) 0%,rgba(85,97,108,.68) 44%,
          rgba(74,87,99,.94) 100%);}
      .tf-tile:hover{transform:translateY(-2px);}
      .tf-tile:hover:before{background:linear-gradient(180deg,rgba(115,134,150,.06) 0%,
        rgba(96,112,126,.60) 44%,rgba(85,97,108,.90) 100%);}
      .tf-tile b,.tf-tile span{position:relative;}
      .tf-tile b{font-size:11px;font-weight:900;text-transform:uppercase;color:var(--tf-name);
        letter-spacing:.2px;line-height:13px;}
      .tf-tile span{font-size:8.5px;color:#cfdce8;margin-top:3px;line-height:10.5px;
        display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
      @media(max-width:900px){.tf-tiles{grid-template-columns:repeat(4,1fr);}
        .tf-tile b{font-size:12.5px;}.tf-tile span{font-size:10px;line-height:12px;}}
      @media(max-width:520px){.tf-tiles{grid-template-columns:repeat(2,1fr);}
        .tf-tile{min-height:62px;}.tf-tile span{display:none;}}

.tf-note{font-size:10.5px;line-height:15px;color:#d9e5ef;
        background:rgba(10,16,22,.22);border-left:3px solid #8fd0ff;border-radius:4px;
        margin:0 4px 8px 4px;padding:6px 9px;}

      .tf-hs-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
        margin-top:12px;padding:6px 2px 7px 2px;font-size:10.5px;color:#d2e2ec;
        border-top:1px solid rgba(255,255,255,.12);}
      .tf-hs-tog{display:inline-flex;flex-shrink:0;border-radius:5px;overflow:hidden;
        border:1px solid rgba(255,255,255,.18);}
      .tf-hs-tog button{background:rgba(255,255,255,.07);color:#b8ccdb;border:0;cursor:pointer;
        font:800 10px/1 'Open Sans',sans-serif;text-transform:uppercase;padding:6px 10px;}
      .tf-hs-tog button.on{background:#d0ecff;color:#0c1620;}
      .tf-hs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;}
      .tf-hs-tile{background:rgba(10,16,22,.3);border-radius:6px;padding:7px 6px;text-align:center;}
      .tf-hs-l{font-size:10px;color:#e3edf5;text-transform:uppercase;white-space:nowrap;
        overflow:hidden;text-overflow:ellipsis;}
      .tf-hs-v{font-weight:900;font-size:15px;margin-top:2px;line-height:18px;}
      .tf-hero .tf-hs-v .tf-v-abs{display:none;}
      .tf-hero.show-abs .tf-hs-v .tf-v-rel{display:none;}
      .tf-hero.show-abs .tf-hs-v .tf-v-abs{display:inline;}
      .tf-hero-main{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
      .tf-hero-circle{flex-shrink:0;}
      .tf-hero-bars{flex:1;min-width:190px;max-width:330px;display:flex;flex-direction:column;gap:6px;}

      @media(max-width:560px){
        .tf-hero-main{gap:9px;flex-wrap:nowrap;}
        .tf-hero-circle{transform:scale(.62);transform-origin:left center;
          width:51px;margin-right:-2px;}
        .tf-hero-bars{min-width:0;max-width:none;gap:4px;}
        .tf-hero-bars > div > div:nth-child(2) > div{height:5px !important;}
      }
      .tf-hero-chart{flex-shrink:0;min-width:262px;background:rgba(10,16,22,.3);border-radius:8px;
        padding:9px 6px 7px 6px;margin-left:auto;}
      .tf-hero-chart-h{font-size:9.5px;color:#e3edf5;text-transform:uppercase;
        font-weight:900;letter-spacing:.4px;padding:0 4px 4px 4px;}
      .tf-hero-chart-f{font-size:9px;color:#e3edf5;opacity:.75;padding:3px 4px 0 4px;}
      @media(max-width:760px){.tf-hero-chart{min-width:100%;margin-left:0;}
        .tf-hero-chart svg{width:100%;}}

      .tf-mt-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
        padding:7px 9px;font-size:10.5px;color:#d2e2ec;background:rgba(10,16,22,.20);
        border-bottom:1px solid rgba(255,255,255,.14);}
      .tf-mt-tog{display:inline-flex;gap:0;flex-shrink:0;border-radius:5px;overflow:hidden;
        border:1px solid rgba(255,255,255,.18);}
      .tf-mt-tog button{background:rgba(255,255,255,.07);color:#b8ccdb;border:0;cursor:pointer;
        font:800 10px/1 'Open Sans',sans-serif;text-transform:uppercase;padding:6px 10px;}
      .tf-mt-tog button.on{background:#d0ecff;color:#0c1620;}
      .tf-mt-row{display:flex;align-items:stretch;font-size:12px;color:#d2e2ec;
        border-bottom:2px solid rgba(10,16,22,.34);}
      .tf-mt-row:hover{background:rgba(255,255,255,.05);}

      .tf-mt-head{background:#5b6975;color:#e3edf5;font-weight:800;font-size:9.5px;
        text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid rgba(255,255,255,.14);}

      .tf-mt-l{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:5px 6px 5px 8px;
        position:sticky;left:0;z-index:2;background:#738696;}
      .tf-mt-row:hover .tf-mt-l{background:#7a8d9d;}
      .tf-mt-head .tf-mt-l{background:#5c6b78;font-weight:800;color:#e3edf5;}
      .tf-mt-l img{width:32px;height:32px;border-radius:4px;flex-shrink:0;object-fit:cover;background:#00000033;}
      .tf-mt-l span{font-weight:700;color:var(--tf-name,#cfdbe6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

      .tf-mt-l.tf-rowbg{position:sticky;}
      .tf-mt-head .tf-mt-l.tf-rowbg{position:sticky;}

      .tf-mt.show-abs .tf-rel-only{display:none;}
      .tf-mt:not(.show-abs) .tf-only-abs{visibility:hidden;}
      .tf-only-abs{display:block;}
      .tf-mt-c{flex:1;min-width:58px;text-align:center;padding:5px 3px;
        display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:3px;}
      .tf-mt-head .tf-mt-c{justify-content:center;}

      .tf-mt-row > .tf-mt-c + .tf-mt-c{box-shadow:inset 1px 0 0 rgba(255,255,255,.07);}
      .tf-mt .tf-v-abs{display:none;font-weight:900;color:#fff;}
      .tf-mt.show-abs .tf-v-rel{display:none;}
      .tf-mt.show-abs .tf-v-abs{display:inline;}
      .tf-mt .tf-v-fix{font-weight:900;color:#fff;}

      .tf-mt-sortable{cursor:pointer;user-select:none;flex-direction:row !important;
        gap:3px !important;}
      .tf-mt-sortable:hover{color:#fff;background:rgba(255,255,255,.07);}
      .tf-mt-ar{width:0;height:0;border-left:3.5px solid transparent;
        border-right:3.5px solid transparent;opacity:0;flex-shrink:0;}
      .tf-mt-sortable.on .tf-mt-ar{opacity:.9;}
      .tf-mt-sortable.on.asc .tf-mt-ar{border-bottom:4px solid currentColor;}
      .tf-mt-sortable.on.desc .tf-mt-ar{border-top:4px solid currentColor;}

      .tf-tsb{display:block;height:4px;border-radius:2px;position:relative;
        background:rgba(255,255,255,.16);width:50%;margin:0 auto;}
      .tf-tsb:after{content:'';position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;
        background:rgba(255,255,255,.34);}
      .tf-tsb b{position:absolute;top:0;bottom:0;border-radius:2px;}
      .tf-mt-head .tf-tsb{display:none;}
      .tf-mt-in{min-width:0;}

      .tf-mt-scroll{scrollbar-width:thin;scrollbar-color:#67b7e7 rgba(255,255,255,.12);}
      .tf-mt-scroll::-webkit-scrollbar{height:7px;}
      .tf-mt-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.12);}
      .tf-mt-scroll::-webkit-scrollbar-thumb{background:#67b7e7;border-radius:4px;}
      .tf-mt-track{position:relative;height:6px;margin:0;background:rgba(255,255,255,.12);
        border-top:1px solid rgba(0,0,0,.2);cursor:pointer;display:none;touch-action:none;}
      .tf-mt-track i{position:absolute;top:1px;bottom:1px;left:0;width:30%;background:#67b7e7;
        border-radius:3px;}
      @media(max-width:760px){
        .tf-mt-in{min-width:calc(var(--leftw) + 360px);}
        .tf-mt-l{padding-right:4px;}
        .tf-mt-c{min-width:56px;font-size:11px;}

        .tf-mt .tf-sticky-head{top:0;}
      }

      @media(min-width:761px){
        .tf-mt-scroll{overflow:visible;}
        .tf-mt-track{display:none !important;}
      }

      .grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;}

      .grid-3col-blocks{display:grid;grid-template-columns:1.05fr .85fr 1.7fr;gap:0;
        width:100%;align-items:stretch;}
      .grid-3col-blocks > *{min-width:0;}
      .grid-2col > *{min-width:0;}
      .tf-lb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 4px 12px 4px;}
      @media(max-width:1000px){.tf-lb-grid{grid-template-columns:repeat(2,1fr);}
        .grid-3col-blocks{grid-template-columns:1fr 1fr;}
        .grid-3col-blocks > *:nth-child(3){grid-column:1 / -1;}}
      @media(max-width:768px){.grid-2col{grid-template-columns:1fr;}.tf-lb-grid{grid-template-columns:1fr;}

        .tf-m-hide{display:none !important;}}

      @media(max-width:430px){.grid-3col-blocks{grid-template-columns:1fr;}}

      .tf-cta{display:inline-block;font-weight:900;text-transform:uppercase;font-size:11px;
        border-radius:5px;padding:7px 16px;transition:filter .15s ease;}
      .tf-cta:hover{filter:brightness(1.1);}

      .tf-cta-blue{background:#bfe0ff;color:#0c1620;}
      .tf-cta-blue:hover{color:#0c1620;}

      .tf-tilt{will-change:transform;transform-style:preserve-3d;}
      .tf-tilt .tf-shine{position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:inherit;
        background:radial-gradient(circle at 78% 80%,rgba(255,255,255,.34) 0%,rgba(255,255,255,0) 52%);
        transition:opacity .22s ease;mix-blend-mode:screen;}

      .tf-deck{position:relative;height:172px;display:flex;align-items:center;justify-content:center;
        perspective:800px;overflow:visible;}
      .tf-deck-card{position:absolute;width:96px;aspect-ratio:420/802;border-radius:7px;overflow:hidden;
        box-shadow:0 6px 18px rgba(0,0,0,.45);
        transform:translateX(var(--off)) rotate(var(--tilt));
        transition:transform .26s cubic-bezier(.2,.7,.3,1),box-shadow .26s ease,filter .2s ease;}
      .tf-deck-card img{width:100%;height:100%;object-fit:cover;display:block;}
      .tf-deck:hover .tf-deck-card{filter:brightness(.74);}
      .tf-deck-card:hover{z-index:9 !important;filter:brightness(1.05) !important;
        transform:translateX(var(--off)) scale(1.9) translateY(-12px);
        box-shadow:0 18px 44px rgba(0,0,0,.66);}
      .tf-deck-card:hover .tf-shine{opacity:1;}

      .tf-dripcard{position:relative;border-radius:6px;overflow:hidden;display:block;
        background:#1b2733;box-shadow:0 4px 12px rgba(0,0,0,.38);
        transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease,filter .2s ease;}
      .tf-dripcard:hover .tf-shine{opacity:1;}
      .tf-drip-img{width:100%;display:block;aspect-ratio:197/313;object-fit:cover;}

      .tf-drip-ava{position:absolute;left:4%;top:12.6%;width:17%;aspect-ratio:1/1;border-radius:3px;
        object-fit:cover;border:1px solid rgba(255,255,255,.6);background:#0f1822;
        box-shadow:0 2px 6px rgba(0,0,0,.5);}
      .tf-drip-rank{position:absolute;right:0;top:0;height:11.2%;min-height:15px;
        display:flex;align-items:center;padding:0 6px;font-weight:900;font-size:10px;
        border-radius:0 0 0 5px;line-height:1;}
      .tf-drip-votes{position:absolute;right:0;top:11.2%;background:#000000d0;color:#54ff00;
        font-weight:900;font-size:9px;border-radius:0 0 0 4px;padding:2px 6px;line-height:1;}

      .tf-drip-deck{position:relative;height:172px;display:flex;align-items:center;
        justify-content:center;perspective:800px;overflow:visible;}
      .tf-drip-deck .tf-dripcard{position:absolute;width:98px;
        transform:translateX(var(--off)) rotate(var(--tilt));}
      .tf-drip-deck:hover .tf-dripcard{filter:brightness(.74);}
      .tf-drip-deck .tf-dripcard:hover{z-index:20 !important;filter:brightness(1.05) !important;
        transform:translateX(var(--off)) scale(1.95) translateY(-12px);
        box-shadow:0 18px 44px rgba(0,0,0,.66);}

      @media(max-width:430px){.tf-drip-deck{transform:scale(.86);}}

      .drip-grid .tf-dripcard:hover{transform:translateY(-6px) scale(1.07);
        box-shadow:0 14px 30px rgba(0,0,0,.6);z-index:9;}

      .tf-give{position:relative;flex:1;min-height:120px;overflow:hidden;}
      .tf-give-track{display:flex;height:100%;
        transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform;}
      .tf-give-slide{flex-shrink:0;display:flex;flex-direction:column;align-items:center;
        justify-content:center;padding:0 4px;}
      .tf-give-slide img{max-width:100%;max-height:76px;object-fit:contain;border-radius:6px;}
      .tf-give-name{font-size:10.5px;font-weight:900;color:var(--tf-name);text-transform:uppercase;margin-top:6px;
        text-align:center;line-height:13px;}
      .tf-give-meta{font-size:10px;color:#ffc958;margin-top:3px;}
      .tf-give-meta b{color:#fff;}
      .tf-give-dots{display:flex;gap:4px;justify-content:center;margin-top:8px;}
      .tf-give-dots i{width:5px;height:5px;border-radius:50%;background:rgba(10,16,22,.45);display:block;}
      .tf-give-dots i.on{background:#ffc958;}

      @media (hover:none){
        .tf-deck-card:hover{transform:translateX(var(--off)) rotate(var(--tilt));}
        .tf-deck:hover .tf-deck-card{filter:none;}
        .tf-drip-deck:hover .tf-dripcard{filter:none;}
        .tf-drip-deck .tf-dripcard:hover{transform:translateX(var(--off)) rotate(var(--tilt));}
        .drip-grid .tf-dripcard:hover{transform:none;}
      }

	  .tf-home-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%;}
	  .tf-home-tiers > div{min-width:0;}

	  .tf-home-tiers .tf-tgrid{grid-template-columns:repeat(5,1fr);gap:4px;justify-items:stretch;}
	  .tf-home-tiers .tf-titem{max-width:none;}
	  @media(max-width:900px){.tf-home-tiers{grid-template-columns:1fr;}}

  .tf-cls-hero{--acc:#8fd0ff;position:relative;overflow:hidden;padding:13px;
    background-repeat:no-repeat,no-repeat;
    background-position:center,right -10px center;
    background-size:auto,auto 190px;}
  .tf-cls-title{max-width:66%;}
  .tf-cls-title h1{font-size:27px;line-height:29px;font-weight:900;text-transform:uppercase;color:var(--tf-name);}
  .tf-cls-title h1 span{color:var(--acc);}
  .tf-cls-title p{font-size:12.5px;line-height:18px;color:var(--tf-name);margin:6px 0 0 0;}
  .tf-cls-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;margin-top:12px;
    position:relative;}

  .tf-cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:0;margin-bottom:12px;}
  .tf-cmp-card{margin:0 4px 8px 4px;padding:8px 9px;}
  .tf-cmp-h{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;
    color:#ffc958;margin-bottom:6px;}
  .tf-cmp-row{display:flex;align-items:center;gap:7px;height:21px;font-size:11px;color:#e3edf5;}
  .tf-cmp-row.me{color:#fff;font-weight:800;}
  .tf-cmp-n{width:52px;flex-shrink:0;text-transform:uppercase;font-size:10px;}
  .tf-cmp-b{flex:1;min-width:30px;height:7px;border-radius:3px;background:rgba(10,16,22,.45);
    overflow:hidden;display:block;}
  .tf-cmp-row.me .tf-cmp-b{height:10px;border-radius:4px;}
  .tf-cmp-b i{display:block;height:100%;border-radius:3px;}
  .tf-cmp-v{width:62px;flex-shrink:0;text-align:right;font-weight:900;color:#fff;font-size:11.5px;}
  .tf-cmp-v em{font-style:normal;font-size:8px;font-weight:800;color:#ffc958;
    text-transform:uppercase;margin-left:4px;letter-spacing:.3px;}
  .tf-cls-tiles>div{background:rgba(10,16,22,.3);border-radius:6px;padding:7px 6px;text-align:center;
    border-top:2px solid var(--acc);}
  .tf-cls-tiles span{display:block;font-size:10px;text-transform:uppercase;color:#e3edf5;}
  .tf-cls-tiles b{display:block;font-size:16px;font-weight:900;color:#fff;margin-top:2px;}
  .tf-cls-maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;margin:0 4px 12px 4px;}
  .tf-cls-maps>a{position:relative;border-radius:8px;overflow:hidden;min-height:104px;padding:9px;
    display:flex;flex-direction:column;justify-content:flex-end;transition:transform .16s ease;}
  .tf-cls-maps>a:hover{transform:translateY(-3px);}
  .tf-cls-map-d{position:absolute;right:7px;top:7px;background:#000000cc;border-radius:4px;
    padding:1px 6px;font-size:10.5px;}
  .tf-cls-map-n{font-weight:900;font-size:13px;color:var(--tf-name);}
  .tf-cls-map-s{font-size:10.5px;color:#d2e2ec;margin-top:2px;}
  @media(max-width:560px){
    .tf-cls-hero{background-size:auto,auto 130px;}
    .tf-cls-title{max-width:100%;}
    .tf-cls-title h1{font-size:22px;line-height:24px;}
  }

  .tf-sticky-filters{position:sticky;top:38px;z-index:40;padding:7px 0 1px 0;
    background-color:transparent;box-shadow:none;
    transition:background-color .15s ease,box-shadow .15s ease;}
  .tf-sticky-filters.stuck{background-color:rgba(85,97,108,.97);
    box-shadow:0 6px 10px -8px rgba(0,0,0,.6);}
  .tf-sticky-filters .tf-filter:last-child{margin-bottom:5px;}

  .tf-gs .tf-gs-in{min-width:0;}

  .tf-gs-row{display:flex;align-items:stretch;gap:0;padding:0 6px;font-size:12px;
    color:var(--tf-name);border-bottom:2px solid rgba(10,16,22,.38);}
  .tf-gs-row:hover{background:rgba(255,255,255,.05);}

  .tf-gs-head{background:#5b6975;color:#e3edf5;font-weight:800;
    font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;
    border-bottom:1px solid rgba(255,255,255,.14);border-radius:5px 5px 0 0;}
  .tf-gs-row:last-child{border-bottom:0;border-radius:0 0 5px 5px;}

  @media(min-width:901px){ .tf-gs > .table-responsive{overflow:visible;} }
  .tf-gs-head:hover{background:#5b6975;}
  .tf-gs-l{width:168px;flex-shrink:0;display:flex;align-items:center;gap:5px;
    position:sticky;left:0;background:#738696;z-index:2;padding:5px 6px 5px 0;}
  .tf-gs-row:hover .tf-gs-l{background:#7a8d9d;}
  .tf-gs-head .tf-gs-l{background:#4e5d6a;}
  .tf-gs-l img{width:28px;height:28px;border-radius:4px;object-fit:cover;background:#00000033;flex-shrink:0;}
  .tf-gs-l span{font-weight:700;color:var(--tf-name);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  .tf-gs-c{flex:1;min-width:0;text-align:center;padding:5px 3px;}
  .tf-gs-head .tf-gs-c{padding:5px 3px;}
  .tf-gs-row > .tf-gs-c:nth-child(even){background:rgba(10,16,22,.16);}
  .tf-gs-row > .tf-gs-c:nth-child(odd){background:rgba(255,255,255,.05);}
  .tf-gs-hl,.tf-gs-row .tf-gs-c.tf-gs-hl{background:rgba(255,201,88,.18);}

  .tf-gs-v{font-weight:900;color:#fff;line-height:16px;font-size:11.5px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    text-shadow:0 1px 2px rgba(10,16,22,.85),0 0 1px rgba(10,16,22,.9);}
  .tf-gs-b{display:flex;align-items:center;gap:3px;margin-top:2px;}
  .tf-gs-b i{font-style:normal;font-size:8.5px;font-weight:800;color:#dfeaf3;opacity:.8;
    flex-shrink:0;min-width:15px;text-align:right;}
  .tf-gs-b u{flex:1;min-width:8px;height:4px;border-radius:2px;text-decoration:none;
    background:rgba(255,255,255,.17);overflow:hidden;display:block;}
  .tf-gs-b u b{display:block;height:4px;}
  @media(max-width:900px){
    .tf-gs .tf-gs-in{min-width:880px;}
    .tf-gs-l{width:132px;}

    .tf-gs .tf-sticky-head{top:0;}
  }

          .tf-map-over{margin-top:9px;padding-top:7px;border-top:1px solid rgba(255,255,255,.14);}
          .tf-map-over-h{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;
            color:#cfdeea;opacity:.85;margin-bottom:4px;}
          .tf-map-over-r{display:flex;align-items:center;gap:6px;font-size:11px;line-height:20px;}
          .tf-map-over-r img{width:20px;height:20px;border-radius:3px;flex-shrink:0;object-fit:cover;
            background:#00000044;}
          .tf-map-over-r span{flex:1;min-width:0;color:var(--tf-name);font-weight:700;white-space:nowrap;
            overflow:hidden;text-overflow:ellipsis;}

  .tf-crumbs{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;
    text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;flex-wrap:wrap;}
  .tf-crumbs a{color:#bfe0ff;}
  .tf-crumbs a:hover{color:#fff;}
  .tf-crumbs a:after{content:'/';margin-left:7px;color:#cfdeea;opacity:.55;font-weight:400;}
  .tf-crumbs span{color:#cfdbe6;}

      .tf-cm{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;
        margin:0 4px 12px 4px;}

      .tf-cm-card{position:relative;margin:0;padding:9px 11px 9px 11px;overflow:hidden;
        border-top:2px solid var(--acc);background-size:cover;background-position:center 16%;
        background-repeat:no-repeat;background-color:#4a5763;}
      .tf-cm-card:before{content:'';position:absolute;inset:0;
        background:linear-gradient(180deg,rgba(85,97,108,.42) 0%,rgba(78,91,103,.88) 46%,
          rgba(74,87,99,.95) 100%);}
      .tf-cm-card > *{position:relative;}
      .tf-cm-h{font-size:15px;font-weight:900;text-transform:uppercase;color:var(--acc);
        letter-spacing:.3px;margin-bottom:6px;line-height:18px;}
      .tf-cm-row{display:flex;align-items:center;gap:8px;height:22px;font-size:12.5px;}
      .tf-cm-row span{width:62px;flex-shrink:0;text-transform:uppercase;font-size:10.5px;
        font-weight:800;color:#cfdbe6;letter-spacing:.2px;}
      .tf-cm-row .tf-tsb{flex:1;width:auto;margin:0;height:6px;}
      .tf-cm-row em{width:50px;flex-shrink:0;text-align:right;font-style:normal;font-size:12px;}

      .tf-mtop{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 4px 12px 4px;}
      .tf-mtop-h{padding:0 9px;height:30px;display:flex;align-items:center;
        background:rgba(10,16,22,.20);border-bottom:1px solid rgba(255,255,255,.14);font-size:11px;}
      .tf-mtop .tf-c-d7{width:64px;text-align:right;flex-shrink:0;}
      @media(max-width:900px){.tf-mtop{grid-template-columns:1fr;}}

      .tf-lb-head{display:flex;align-items:center;gap:7px;padding:0 9px;height:28px;
        background:#5b6975;color:#e3edf5;font-weight:800;font-size:9.5px;text-transform:uppercase;
        letter-spacing:.3px;border-bottom:1px solid rgba(255,255,255,.14);border-radius:5px 5px 0 0;}

      .tf-lb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 4px 12px 4px;}
      @media(max-width:1000px){.tf-lb-grid{grid-template-columns:repeat(2,1fr);}}
      @media(max-width:560px){.tf-lb-grid{grid-template-columns:1fr;}}

      .tf-lb-rec{display:grid;grid-template-columns:repeat(4,1fr);
        gap:8px;margin:0 4px 12px 4px;}
      .tf-lb-rec > *{min-width:0;}
      @media(max-width:1000px){.tf-lb-rec{grid-template-columns:repeat(2,1fr);}}
      .tf-lb-rh{padding:0 9px;height:28px;display:flex;align-items:center;
        background:rgba(10,16,22,.20);border-bottom:1px solid rgba(255,255,255,.14);
        font-size:10px;letter-spacing:.3px;}
      @media(max-width:620px){.tf-lb-rec{grid-template-columns:1fr;}}

	.tf-wt-row{display:flex;align-items:center;width:100%;padding:6px 8px;min-height:44px;
	  font-size:11.5px;white-space:nowrap;
	  border-bottom:1px solid #5e6c78;border-top:1px solid #808e9a;}

	.tf-wt-head{padding:6px 10px;min-height:30px;background:#5b6975;
	  color:#d9dde1;font-weight:700;border-top:0;border-radius:5px 5px 0 0;}

	@media(min-width:660px){ .tf-wt-scroll{overflow:visible;} }
	.tf-wt-n{width:38px;flex-shrink:0;text-align:center;font-weight:900;}
	.tf-wt-head .tf-wt-n{font-weight:700;}
	.tf-wt-name{flex:1;min-width:120px;font-weight:600;display:flex;align-items:center;gap:6px;
	  overflow:hidden;}
	.tf-wt-name img{height:22px;width:22px;border-radius:3px;object-fit:cover;flex-shrink:0;}
	.tf-wt-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.tf-wt-v{width:75px;flex-shrink:0;text-align:center;}

  .tf-lo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0;margin-top:8px;}
  .tf-lo-card{margin:0 4px 8px 4px;padding:8px;display:block;color:var(--tf-name);}
  .tf-lo-card:hover{color:#fff;border-color:#9fb6cb;}
  .tf-lo-h{display:flex;align-items:center;gap:6px;font-size:11.5px;margin-bottom:7px;}
  .tf-lo-pos{font-weight:900;font-size:11px;background:#000000aa;border-radius:4px;padding:1px 6px;color:#e3edf5;}
  .tf-lo-nm{font-weight:800;color:var(--tf-name);text-transform:uppercase;font-size:11px;letter-spacing:.3px;}
  .tf-lo-u{margin-left:auto;color:#cfe0ee;font-size:10.5px;}
  .tf-lo-items{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;}
  .tf-lo-items span{display:block;border-radius:5px;overflow:hidden;background:rgba(10,16,22,.25);}
  .tf-lo-items img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
  .tf-lo-items u{display:block;text-decoration:none;background:#1a1d1c;font-size:8.5px;font-weight:700;
    color:#ddd;text-align:center;height:16px;line-height:16px;white-space:nowrap;overflow:hidden;
    text-overflow:ellipsis;padding:0 2px;text-transform:uppercase;font-family:Tahoma,sans-serif;}
  .tf-lo-f{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;margin-top:7px;color:#fff;font-weight:800;}
  .tf-lo-f b{color:#cfe0ee;font-weight:700;text-transform:uppercase;font-size:9.5px;}

	  .tf-ps{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;padding:8px 10px;margin-bottom:12px;}
	  .tf-ps-g{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:3px 0 8px 0;}
	  .tf-ps-h{grid-column:1 / -1;font-size:9.5px;font-weight:900;text-transform:uppercase;
	    letter-spacing:.8px;color:#d0ecff;opacity:.85;margin:0;padding-bottom:4px;
	    border-bottom:1px solid rgba(255,255,255,.14);}
	  .tf-ps-t{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
	    border-radius:6px;padding:5px 6px 6px 6px;min-width:0;}
	  .tf-ps-n{font-size:8.5px;color:#dfeaf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
	    text-transform:uppercase;letter-spacing:.3px;line-height:12px;opacity:.9;}
	  .tf-ps-v{font-weight:900;font-size:15px;color:#fff;line-height:19px;
	    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	  .tf-ps-na{color:#dfeaf3;opacity:.45;}
	  .tf-ps-r{display:flex;align-items:center;gap:5px;margin-top:3px;height:10px;}
	  .tf-ps-r b{font-size:9px;font-weight:900;color:#d0ecff;flex-shrink:0;line-height:10px;
	    white-space:nowrap;}
	  .tf-ps-r b u{text-decoration:none;font-weight:400;font-size:7.5px;opacity:.75;}
	  .tf-ps-r > span{flex:1;min-width:0;height:4px;border-radius:2px;
	    background:rgba(255,255,255,.17);overflow:hidden;}
	  .tf-ps-r i{display:block;height:100%;border-radius:2px;}
	  @media(max-width:860px){.tf-ps{grid-template-columns:1fr;}}
	  @media(max-width:520px){
	    .tf-ps{padding:7px 7px;}
	    .tf-ps-g{gap:4px;}
	    .tf-ps-t{padding:4px 5px 5px 5px;}
	    .tf-ps-v{font-size:13px;line-height:17px;}
	    .tf-ps-r b{font-size:8px;}
	  }

	  .tf-cls3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-items:start;}
	  .tf-cls3 .def_block{height:calc(100% - 10px);}
	  .tf-cls3 h3{font-size:14px;}
	  .tf-cls3 .tf-cls-card{width:142px;}

	  .tf-cls-box{position:relative;overflow:hidden;}
	  .tf-cls-box:before{content:'';position:absolute;left:0;top:-10%;bottom:-10%;width:75%;
	    background-image:var(--cbg);background-size:cover;background-position:center 30%;
	    background-repeat:no-repeat;filter:blur(6px) saturate(115%);opacity:.8;pointer-events:none;}
	  .tf-cls-box:after{content:'';position:absolute;inset:0;pointer-events:none;
	    background:linear-gradient(to right,rgba(115,134,150,.45) 0%,rgba(115,134,150,.88) 45%,
	      rgba(115,134,150,1) 75%);}
	  .tf-cls-box > *{position:relative;z-index:1;}

	  .tf-cls-row{display:flex;align-items:center;gap:10px;width:100%;padding:4px 0;}
	  .tf-clsfull .tf-cls-row{flex-wrap:wrap;gap:12px;}

	  .tf-cls-card{position:relative;overflow:hidden;border-radius:7px;width:212px;
	    flex-shrink:0;padding:4px;background:#4a5763;
	    border:1px solid rgba(255,255,255,.10);}
	  .tf-cls-card:before{content:'';position:absolute;inset:0;background-image:var(--cbg);
	    background-size:cover;background-position:center 30%;background-repeat:no-repeat;
	    filter:blur(10px) saturate(125%);transform:scale(1.3);}
	  .tf-cls-card:after{content:'';position:absolute;inset:0;
	    background:linear-gradient(180deg,rgba(12,18,24,.30) 0%,rgba(12,18,24,.62) 100%);}

	  .tf-cls-in{position:relative;z-index:1;display:block;width:100%;aspect-ratio:197/201;
	    overflow:hidden;border-radius:5px;background:rgba(10,16,22,.35);
	    box-shadow:0 6px 16px -8px rgba(0,0,0,.8);}
	  .tf-cls-img{position:absolute;left:0;top:-17.82%;width:100%;aspect-ratio:372/600;display:block;
	    background-image:var(--cbg);background-size:100% auto;background-repeat:no-repeat;
	    background-position:center top;}
	  .tf-cls-img.tf-cls-full{top:0;height:100%;aspect-ratio:auto;background-size:contain;
	    background-position:center;}

	  .tf-cls-bars{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;}

	  .tf-cls-bars-wide{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
	    gap:7px 18px;align-content:start;}
	  .tf-cls-bars-wide .tf-cb-main{grid-column:1 / -1;}
	  @media(max-width:560px){.tf-cls-bars-wide{grid-template-columns:1fr;}}
	  .tf-cb{display:flex;align-items:center;gap:6px;font-size:11px;flex-wrap:wrap;}
	  .tf-cb-n{width:100%;text-transform:uppercase;font-size:9.5px;color:#dfeaf3;letter-spacing:.3px;}
	  .tf-cb-v{font-size:11.5px;font-weight:900;color:#fff;min-width:38px;}
	  .tf-cb-b{flex:1;min-width:40px;height:7px;border-radius:4px;background:rgba(255,255,255,.17);
	    overflow:hidden;display:block;}
	  .tf-cb-main .tf-cb-b{height:11px;border-radius:6px;}
	  .tf-cb-b i{display:block;height:100%;border-radius:4px;}
	  .tf-cb-t{font-size:10px;font-weight:800;color:#d0ecff;min-width:46px;text-align:right;}
	  .tf-cb-t u{text-decoration:none;font-weight:400;font-size:8.5px;opacity:.75;}
	  @media(max-width:1000px){.tf-cls3{grid-template-columns:1fr;}
	    .tf-cls3 .tf-cls-card{width:170px;}}
	  @media(max-width:420px){.tf-cls3 .tf-cls-card{width:132px;}}

	  @media(max-width:560px){
	    .tf-clsfull .tf-cls-card{width:100%;max-width:240px;margin:0 auto;}
	    .tf-clsfull .tf-cls-bars{flex:1 0 100%;width:100%;}
	  }

		  .tf-br-row{display:flex;align-items:center;gap:7px;width:100%;padding:5px 8px;
		    min-height:34px;font-size:12px;color:var(--tf-name);
		    border-bottom:1px solid rgba(255,255,255,.06);}
		  .tf-br-n{width:28px;flex-shrink:0;text-align:center;font-weight:900;}
		  .tf-br-c{flex-shrink:0;background:rgba(10,16,22,.65);padding:1px 5px;border-radius:4px;
		    font-size:10px;font-weight:900;line-height:16px;}
		  .tf-br-ico{width:22px;height:22px;border-radius:4px;flex-shrink:0;object-fit:cover;
		    background:rgba(0,0,0,.22);}
		  .tf-br-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
		    font-weight:700;}
		  .tf-br-t{width:62px;flex-shrink:0;text-align:right;font-weight:900;font-size:11px;
		    color:#d0ecff;}
		  .tf-br-t u{text-decoration:none;font-weight:400;font-size:8.5px;opacity:.75;}
		  .tf-br-b{width:55px;flex-shrink:0;height:5px;border-radius:4px;overflow:hidden;
		    background:rgba(255,255,255,.17);}
		  .tf-br-b i{display:block;height:100%;border-radius:4px;}
		  @media(max-width:480px){.tf-br-b{display:none;}.tf-br-t{width:56px;}}

.trk-wrap{margin:0 4px;}
.trk a{text-decoration:none;}

.trk-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:center;
  padding:18px 16px 16px 16px;margin-bottom:10px;
  background:linear-gradient(180deg,rgba(18,26,34,.26) 0%,rgba(18,26,34,.52) 100%);
  border-color:rgba(255,255,255,.14);}
.trk-kicker{font-size:10.5px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;
  color:#9fd2ff;margin-bottom:8px;}
.trk-h1{font-size:34px;line-height:38px;font-weight:900;text-transform:uppercase;margin:0;
  letter-spacing:.3px;}
.trk-h1 em{font-style:normal;color:#bfe0ff;}
.trk-lead{font-size:13.5px;line-height:21px;color:#e3edf5;margin:10px 0 0 0;max-width:540px;}
.trk-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.trk-b1,.trk-b2,.trk-b3{display:inline-flex;align-items:center;gap:7px;border-radius:6px;
  font-weight:900;text-transform:uppercase;font-size:12px;padding:11px 18px;border:0;
  font-family:inherit;line-height:normal;
  text-shadow:none;cursor:pointer;transition:transform .13s ease,background .13s ease;}
.trk-b1{background:#bfe0ff;color:#0b1119;box-shadow:0 6px 16px -8px rgba(191,224,255,.9);}
.trk-b2{background:rgba(255,255,255,.10);color:#e8f2fa;border:1px solid rgba(255,255,255,.22);}
.trk-b3{background:#5865F2;color:#fff;}
.trk-b1:hover,.trk-b2:hover,.trk-b3:hover{transform:translateY(-2px);color:#0b1119;}
.trk-b2:hover{background:rgba(255,255,255,.18);color:#fff;}
.trk-b3:hover{color:#fff;}
.trk-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:11px;font-size:11px;
  color:#cfdeea;font-weight:700;}
.trk-meta b{color:#fff;font-weight:900;}

.trk-flist{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 10px;margin-top:14px;
  padding-top:12px;border-top:1px solid rgba(255,255,255,.14);}
.trk-flist span{font-size:11.5px;line-height:19px;color:#dfeaf3;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;}
.trk-flist span:before{content:'+';color:#9fd2ff;font-weight:900;margin-right:6px;}
.trk-shot img{width:100%;display:block;border-radius:8px;}

.trk-sec{margin:20px 0 10px 0;}
.trk-sec h2{font-size:16px;line-height:22px;padding:9px 12px;margin:0;
  text-transform:uppercase;font-weight:900;letter-spacing:.4px;color:var(--tf-name);
  border-left:4px solid #bfe0ff;border-radius:0 6px 6px 0;
  background:linear-gradient(90deg,rgba(255,255,255,.12) 0%,rgba(115,134,150,.10) 100%);}
.trk-sub{font-size:12px;line-height:18px;color:#d2e2ec;padding:7px 4px 0 16px;max-width:720px;}

.trk-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.trk-feat{background:rgba(10,16,22,.24);border:1px solid rgba(255,255,255,.10);
  border-radius:8px;overflow:hidden;display:flex;flex-direction:column;
  transition:transform .14s ease,border-color .14s ease;}
.trk-feat:hover{transform:translateY(-3px);border-color:rgba(191,224,255,.45);}
.trk-feat .ph{position:relative;height:108px;background:#46525e center/cover no-repeat;}
.trk-feat .ph:after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(85,97,108,0) 30%,rgba(74,87,99,.92) 100%);}
.trk-feat .tx{padding:8px 10px 11px 10px;}
.trk-feat h3{padding:0;font-size:12px;color:var(--tf-name);}
.trk-feat p{margin:5px 0 0 0;font-size:11.5px;line-height:17px;color:#d5e3ee;}

.trk-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.trk-card{background:rgba(10,16,22,.24);border:1px solid rgba(255,255,255,.10);
  border-radius:8px;padding:11px 12px;}
.trk-card h3{padding:0;font-size:11.5px;color:#bfe0ff;}
.trk-card p{margin:5px 0 0 0;font-size:11.5px;line-height:17px;color:#d5e3ee;}
.trk-no{float:right;font-size:20px;font-weight:900;line-height:18px;color:rgba(255,255,255,.22);}

.trk-coach{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;align-items:center;
  padding:12px 14px;}
.trk-coach img{width:100%;max-height:210px;object-fit:cover;object-position:center 22%;
  border-radius:8px;display:block;}
.trk-coach p{margin:6px 0 0 0;font-size:12.5px;line-height:19px;color:#dce8f1;}

.trk-faq{padding:4px;}
.trk-faq details{border-bottom:1px solid rgba(255,255,255,.10);padding:0;}
.trk-faq details:last-child{border-bottom:0;}
.trk-faq summary{cursor:pointer;list-style:none;padding:10px 8px;font-size:12.5px;
  font-weight:800;color:#e8f2fa;display:flex;align-items:center;justify-content:space-between;}
.trk-faq summary::-webkit-details-marker{display:none;}
.trk-faq summary:after{content:'+';font-size:16px;font-weight:900;color:#9fd2ff;margin-left:10px;}
.trk-faq details[open] summary:after{content:'-';}
.trk-faq summary:hover{color:#fff;}
.trk-faq p{margin:0;padding:0 8px 11px 8px;font-size:12px;line-height:19px;color:#d2e2ec;}

.trk-end{text-align:center;padding:18px 14px;}
.trk-end h2{font-size:17px;}
.trk-end .trk-cta{justify-content:center;}

@media(max-width:860px){
  .trk-hero{grid-template-columns:1fr;gap:12px;}
  .trk-h1{font-size:27px;line-height:31px;}
  .trk-feats{grid-template-columns:repeat(2,1fr);}
  .trk-coach{grid-template-columns:1fr;}
}
@media(max-width:620px){
  .trk-3{grid-template-columns:1fr;}
  .trk-hero{padding:14px 10px;}
  .trk-h1{font-size:23px;line-height:27px;}
  .trk-flist{grid-template-columns:repeat(2,1fr);}
  .trk-sec h2{font-size:14px;padding:8px 10px;}
}
@media(max-width:430px){
  .trk-feats{grid-template-columns:1fr;}
  .trk-b1,.trk-b2,.trk-b3{flex:1;justify-content:center;padding:11px 12px;}
}

  .drip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;
    perspective:900px;}
  .drip-grid .tf-dripcard{border-radius:8px;}
  .drip-grid:hover .tf-dripcard{filter:brightness(.78);}
  .drip-grid .tf-dripcard:hover{filter:brightness(1.05) !important;}

  .drip-grid .tf-dripcard .tf-drip-rank{font-size:12px;padding:0 8px;}
  .drip-grid .tf-dripcard .tf-drip-votes{font-size:10.5px;padding:3px 7px;}
  .drip-cta{display:inline-flex;align-items:center;gap:7px;background:#ffc958;color:#17202a;font-weight:900;
    text-transform:uppercase;font-size:12px;border-radius:6px;padding:9px 16px;}
  .drip-cta:hover{background:#ffd87c;color:#17202a;}

  .v2{--cy:#22d3ee;--mg:#ff2e88;--go:#ffc958;--ink:#0b1016;}
  .v2 *{box-sizing:border-box;}
  .v2-hero{position:relative;overflow:hidden;margin:10px 4px 12px 4px;padding:26px 22px;
    background:linear-gradient(118deg,#101922 0%,#16222e 45%,#1b2430 100%);
    clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 26px) 100%,0 100%);
    border:1px solid rgba(255,255,255,.08);}
  .v2-hero:before{content:'';position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(60% 120% at 88% 10%,rgba(255,46,136,.20),transparent 60%),
               radial-gradient(50% 110% at 8% 90%,rgba(34,211,238,.18),transparent 60%);}
  .v2-kicker{position:relative;font-size:11px;letter-spacing:3px;text-transform:uppercase;
    font-weight:900;color:var(--cy);}
  .v2-title{position:relative;font-size:40px;line-height:42px;font-weight:900;text-transform:uppercase;
    letter-spacing:-.5px;margin:6px 0 4px 0;color:#fff;}
  .v2-title em{font-style:normal;color:var(--go);}
  .v2-sub{position:relative;font-size:13px;color:#b9cadb;max-width:620px;}
  .v2-stats{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
  .v2-stat{background:rgba(0,0,0,.4);border-left:3px solid var(--cy);padding:7px 13px;min-width:106px;}
  .v2-stat b{display:block;font-size:19px;font-weight:900;color:#fff;line-height:22px;}
  .v2-stat span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8fa6b8;font-weight:700;}
  .v2-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:8px;margin:0 4px 14px 4px;}
  .v2-tile{position:relative;overflow:hidden;padding:15px 13px;min-height:86px;display:flex;
    flex-direction:column;justify-content:space-between;background:#16202b;
    border:1px solid rgba(255,255,255,.08);
    clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 16px) 100%,0 100%);
    transition:transform .16s ease,border-color .16s ease,background .16s ease;}
  .v2-tile:hover{transform:translateY(-3px);background:#1b2734;border-color:var(--acc,var(--cy));}
  .v2-tile b{font-size:15px;font-weight:900;text-transform:uppercase;color:#fff;letter-spacing:.4px;}
  .v2-tile span{font-size:11px;color:#8fa6b8;margin-top:5px;display:block;line-height:15px;}
  .v2-tile:after{content:'';position:absolute;right:-16px;top:-16px;width:52px;height:52px;
    background:var(--acc,var(--cy));opacity:.16;transform:rotate(45deg);}
  .v2-h{display:flex;align-items:center;gap:9px;margin:0 6px 8px 6px;}
  .v2-h b{font-size:15px;font-weight:900;text-transform:uppercase;color:#fff;letter-spacing:.6px;white-space:nowrap;}
  .v2-h i{flex:1;height:1px;background:linear-gradient(to right,rgba(255,255,255,.25),transparent);}
  .v2-h a{font-size:10.5px;font-weight:800;text-transform:uppercase;color:var(--go);white-space:nowrap;}
  .v2-cols{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;}
  @media(max-width:900px){.v2-cols{grid-template-columns:1fr;}.v2-title{font-size:30px;line-height:33px;}}
  .v2-lo{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px;margin:0 4px 14px 4px;}
  .v2-locard{background:#16202b;border:1px solid rgba(255,255,255,.08);padding:9px;}
  .v2-locard h4{margin:0 0 7px 0;font-size:11.5px;font-weight:900;text-transform:uppercase;color:#fff;
    display:flex;align-items:center;gap:6px;}
  .v2-locard h4 u{text-decoration:none;background:var(--acc,#22d3ee);color:#08121a;border-radius:3px;
    padding:1px 6px;font-size:10px;}

.tf-is-home .tf-hero-bg { opacity: .9; }

.tf-prof-head:before{filter:blur(9px) saturate(135%);opacity:.95;}
.tf-prof-head:after{background:linear-gradient(to right,rgba(115,134,150,.22) 0px,
  rgba(115,134,150,.72) 300px,rgba(115,134,150,1) 560px);}
.tf-prof-head:hover:after{background:linear-gradient(to right,rgba(115,134,150,.22) 0px,
  rgba(115,134,150,.72) 300px,rgba(115,134,150,1) 560px);}

.tf-sr-row{display:flex;align-items:center;gap:8px;padding:0 10px;min-height:40px;font-size:12px;
  color:var(--tf-name);border-bottom:1px solid rgba(0,0,0,.18);}
.tf-sr-head{min-height:28px;background:#5b6975;font-size:9.5px;font-weight:800;text-transform:uppercase;
  letter-spacing:.3px;color:#e3edf5;border-radius:5px 5px 0 0;}
.tf-sr-n{width:24px;flex-shrink:0;text-align:center;font-weight:900;}
.tf-sr-name{flex:1;min-width:0;display:flex;align-items:center;gap:7px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tf-sr-name img{width:26px;height:26px;border-radius:4px;object-fit:cover;flex-shrink:0;}
.tf-sr-c{width:70px;flex-shrink:0;text-align:center;}
.tf-sr-c b{color:#fff;font-weight:900;}
.tf-sr-rank{width:84px;}
@media(max-width:560px){.tf-sr-c{width:48px;}.tf-sr-rank{width:64px;font-size:11px;}
  .tf-sr-row{gap:5px;padding:0 6px;}}

.tf-lb-tbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 4px 8px 4px;}
.tf-lb-tbar h1{flex:1 1 auto;min-width:0;}
.tf-lb-tbar select,.rk-bar select{background:#5b6975;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:5px;
  padding:5px 8px;font-size:12px;font-weight:700;cursor:pointer;}
.tf-lb-tbar select{flex:0 0 auto;width:auto;max-width:240px;}
.tf-lb-more{padding:8px 18px !important;font-weight:900;}

.rk-badge{object-fit:contain;flex-shrink:0;vertical-align:middle;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}
.rk-nick{font-weight:800;color:var(--tf-name);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;    color: #bfe0ff;}
.rk-nick i{font-style:normal;font-weight:500;opacity:.6;font-size:.9em;    color: #bfe0ff;}
.rk-club{color:#ffd700;border:1px solid rgba(255,215,0,.35);background:rgba(255,255,255,.08);font-size:9.5px;
  font-weight:800;padding:0 4px;border-radius:3px;flex-shrink:0;}
.rk-live{display:inline-flex;align-items:center;gap:4px;color:#00e676;background:rgba(0,230,118,.16);
  border:1px solid rgba(0,230,118,.45);font-size:9.5px;font-weight:900;padding:0 5px;border-radius:3px;flex-shrink:0;}
.rk-live i{width:6px;height:6px;border-radius:50%;background:#00e676;box-shadow:0 0 5px #00e676;animation:rkPulse 1.2s infinite;}
@keyframes rkPulse{50%{opacity:.25;}}
.rk-seen{font-size:10px;opacity:.6;flex-shrink:0;}
.rk-zero{opacity:.45;}
.rk-up{color:#00e676;font-weight:800;font-size:10px;}
.rk-down{color:#ff5252;font-weight:800;font-size:10px;}
.rk-intro{font-size:11.5px;color:#d2e2ec;padding:2px 4px 10px 4px;}

.rk-table{padding:0 !important;margin-bottom:12px;overflow:hidden;}

.rk-row{display:grid;grid-template-columns:var(--rkpos,64px) 40px minmax(0,1fr) 84px 92px;align-items:center;gap:8px;
  padding:5px 10px;min-height:44px;font-size:12px;color:var(--tf-name);border-bottom:1px solid rgba(0,0,0,.18);}
.rk-hist .rk-row{grid-template-columns:var(--rkpos,64px) 40px minmax(0,1fr) 84px;}
a.rk-row:hover{background:rgba(255,255,255,.08);color:var(--tf-name);}
.rk-head{min-height:28px;background:rgba(10,16,22,.2);font-size:9.5px;font-weight:800;text-transform:uppercase;
  letter-spacing:.3px;color:#eaf2f9;}
.rk-c-pos{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;line-height:15px;}
.rk-c-pos b{color:#ffd700;font-weight:900;font-size:13px;}
.rk-c-tier{text-align:center;}
.rk-c-name{min-width:0;display:flex;flex-direction:column;gap:2px;}
.rk-l1{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;}
.rk-l2{display:flex;gap:4px;flex-wrap:wrap;opacity: 0.5;}
.rk-c-name:hover .rk-l2{opacity: 1;}
.rk-c-rs{text-align:right;display:flex;flex-direction:column;align-items:flex-end;}
.rk-c-rs b{color:#fff;font-weight:900;font-size:13px;}
.rk-sub{display:none;font-size:10px;}
.rk-c-d{text-align:right;}
.rk-head .rk-c-rs,.rk-head .rk-c-d{display:block;}
.rk-mini{position:relative;width:22px;height:22px;display:inline-block;}
.rk-mini img{width:22px;height:22px;object-fit:contain;display:block;}
.rk-mini b{position:absolute;left:0;right:0;bottom:-1px;text-align:center;font-size:7.5px;font-weight:900;color:#fff;
  text-shadow:0 1px 2px #000,0 0 3px #000;}
@media(max-width:620px){
  .rk-row,.rk-hist .rk-row{grid-template-columns:var(--rkpos,54px) 30px minmax(0,1fr) 66px;gap:5px;padding:5px 6px;}
  .rk-c-d{display:none !important;}
  .rk-c-tier .rk-badge{width:24px !important;height:24px !important;}
  .rk-sub{display:block;}
  .rk-seen{display:none;}
}

.rk-top{display:grid;grid-template-columns:290px minmax(0,1fr);gap:8px;margin:0 4px 12px 4px;align-items:stretch;}
.rk-top > .def_block{margin:0;}
.rk-fc{padding:8px 10px !important;display:flex;flex-direction:column;overflow:hidden;}
.rk-fc-v{font-size:22px;font-weight:900;color:#bfe0ff;line-height:26px;}
.rk-fc-v small{font-size:12px;opacity:.75;}
.rk-fc-s{font-size:10px;opacity:.85;margin-bottom:6px;}
.rk-fc-l{display:flex;flex-direction:column;gap:3px;margin-top:auto;}
.rk-fc-l div{display:flex;justify-content:space-between;gap:6px;font-size:11px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:2px 7px;line-height:17px;}
.rk-fc-l span{color:#bfe0ff;font-weight:700;}
.rk-fc-l b{font-weight:800;color:#fff;}
.rk-movers,.rk-home{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0;}
.rk-home{grid-template-columns:repeat(3,1fr);margin:0 4px 12px 4px;}
.rk-movers > .def_block,.rk-home > .def_block{margin:0;}
.rk-mini-list{padding:0 !important;overflow:hidden;min-width:0;}
.rk-ml-h{display:flex;align-items:center;height:28px;padding:0 9px;background:rgba(10,16,22,.2);font-size:10.5px;
  font-weight:900;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.14);}
.rk-ml-row{display:flex;align-items:center;gap:8px;height:32px;padding:0 9px;font-size:12px;color:var(--tf-name);
  border-bottom:1px solid rgba(0,0,0,.18);}
a.rk-ml-row:hover{background:rgba(255,255,255,.08);color:var(--tf-name);}
.rk-ml-head{height:22px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;opacity:.85;
  background:rgba(10,16,22,.1);}
.rk-ml-head .rk-ml-pos{color:inherit;font-weight:800;font-size:9px;}
.rk-ml-pos{width:var(--rkpos,44px);flex-shrink:0;color:#ffd700;font-weight:900;font-size:11px;}
.rk-ml-name{flex:1;min-width:0;display:flex;align-items:center;gap:6px;}
.rk-ml-g{width:52px;flex-shrink:0;text-align:center;font-weight:700;}
.rk-ml-v{width:64px;flex-shrink:0;text-align:right;font-weight:900;color:#fff;}
.rk-ml-empty{padding:14px;text-align:center;font-size:11.5px;opacity:.8;}
@media(max-width:900px){.rk-top{grid-template-columns:1fr;}.rk-home{grid-template-columns:1fr;}}
@media(max-width:560px){.rk-movers{grid-template-columns:1fr;}}

.rk-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 4px 8px 4px;}
.rk-bar label{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:900;text-transform:uppercase;}
.rk-bar input{flex:0 1 330px;min-width:200px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  border-radius:5px;padding:6px 10px;font-size:12px;color:#fff;outline:none;}
.rk-bar input::placeholder{color:rgba(207,219,230,.6);}
.rk-pages{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin:0 4px 16px 4px;}
.rk-pinfo{width:100%;text-align:center;font-size:11px;opacity:.8;margin-top:4px;}
.rk-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 4px 12px 4px;}
.rk-3 > .def_block{margin:0;}
.rk-kpi{text-align:center;padding:8px !important;display:flex;flex-direction:column;gap:2px;}
.rk-kpi span{font-size:10px;font-weight:800;text-transform:uppercase;opacity:.85;}
.rk-kpi b{font-size:17px;font-weight:900;color:#fff;}
.rk-kpi i{font-style:normal;font-size:10px;opacity:.7;}
@media(max-width:560px){.rk-3{grid-template-columns:1fr;}}
.rk-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 4px 12px 4px;}
.rk-2col > .def_block{margin:0;}
@media(max-width:760px){.rk-2col{grid-template-columns:1fr;}}

.rkp{margin:0 4px;}
.rkp h2{margin:4px 0 6px 0;}
.rkp .tf-card,.rkp .kpi-card,.rkp .p-hero,.rkp .stats-summary-bar,.rkp .streak-box,
.rkp .medals-shelf-standalone,.rkp .medals-shelf-card{background:#738696;border:1px solid #788da1;border-radius:6px;box-sizing:border-box;}
.rkp .tf-card{padding:8px 10px;margin-bottom:12px;min-width:0;}
.rkp .tf-title{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:0 0 5px 0;margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:8px;}
.rkp .rk-tz{font-size:10px;font-weight:700;opacity:.7;text-transform:none;letter-spacing:0;}
.rkp .p-hero{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;}
.rkp .p-identity{display:flex;align-items:center;gap:12px;min-width:0;}
.rkp .p-avatar{width:48px;height:48px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rkp .p-title-wrap{min-width:0;}
.rkp .p-title-wrap h1{font-size:19px;font-weight:800;line-height:1.2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;text-transform:none;}
.rkp .p-submeta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:11px;flex-wrap:wrap;}
.rkp .league-pill{font-weight:800;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);padding:1px 7px;border-radius:3px;}
.rk-plat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:1px 6px;border-radius:3px;font-size:11px;font-weight:600;}
.rkp .kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px;}
.rkp .kpi-card{padding:8px 6px;text-align:center;}
.rkp .kpi-card-priority{background:#7c90a2;border-color:#8da4b9;}
.rkp .kpi-label-priority{font-size:10px;text-transform:uppercase;font-weight:800;color:#bfe0ff;letter-spacing:.4px;margin-bottom:2px;}
.rkp .kpi-val-priority{font-size:20px;font-weight:900;line-height:1.15;}
.rkp .kpi-label-secondary{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.3px;margin-bottom:2px;}
.rkp .kpi-val-secondary{font-size:15px;font-weight:600;line-height:1.2;}
.rkp .medals-shelf-standalone{padding:8px 10px;margin-bottom:8px;display:flex;flex-direction:column;}
.rkp .movements-triad-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;align-items:stretch;margin-bottom:12px;}
.rkp .movements-unified-grid{display:grid;grid-template-columns:var(--medals-col,295px) .75fr .75fr 1.25fr;gap:8px;
  align-items:stretch;margin-bottom:12px;}
.rkp .movements-unified-grid.no-medals{grid-template-columns:1fr 1fr 1.3fr;}
.rkp .movements-triad-grid .tf-card,.rkp .movements-unified-grid .tf-card,.rkp .medals-shelf-card{
  padding:8px 10px;margin-bottom:0;display:flex;flex-direction:column;height:100%;min-width:0;}
.rkp .medals-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin-top:2px;scrollbar-width:thin;flex:1;align-items:stretch;}
.rkp .medal-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:5px 8px;
  width:122px;display:flex;align-items:center;gap:8px;flex-shrink:0;box-sizing:border-box;}
.rkp .medal-left-wrap{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.rkp .medal-info-col{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:1px;}
.rkp .medal-season-lbl{font-size:10px;font-weight:800;text-transform:uppercase;line-height:1.1;white-space:nowrap;}
.rkp .medal-rank-bold{font-size:13.5px;font-weight:900;color:#ffd700;line-height:1.1;white-space:nowrap;}
.rkp .medal-score-sub{font-size:10px;font-weight:700;white-space:nowrap;line-height:1.1;}
.rkp .movement-pills{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:2px;flex:1;align-items:stretch;}
.rkp .move-pill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:5px 6px;
  text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.rkp .move-pill-label{font-size:10px;font-weight:800;color:#bfe0ff;text-transform:uppercase;letter-spacing:.3px;}
.rkp .move-pill-val{font-size:13.5px;font-weight:800;margin-top:1px;}
.rkp .move-pill-val .rk-up,.rkp .move-pill-val .rk-down{font-size:13.5px;}
.rkp .move-pill-sub{font-size:10px;margin-top:2px;font-weight:700;}
.rkp .card-no-title{justify-content:center !important;}
.rkp .chart-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
.rkp .chart-two-col .tf-card{margin-bottom:0;}
.rkp .stats-summary-bar{display:grid;grid-template-columns:repeat(6,1fr);padding:8px;margin-bottom:12px;text-align:center;gap:8px;}
.rkp .summary-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:6px 4px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;}
.rkp .summary-label{font-size:10px;font-weight:700;opacity:.8;text-transform:uppercase;}
.rkp .summary-val{font-size:13.5px;font-weight:800;margin-top:2px;}
.rkp .streaks-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
.rkp .streak-box{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;}
.rkp .streak-title{font-size:10.5px;font-weight:700;text-transform:uppercase;opacity:.85;}
.rkp .streak-stat{font-size:12px;white-space:nowrap;}
.rkp .streak-stat strong{font-size:13.5px;font-weight:800;}
.rkp .streak-date{font-size:10px;opacity:.55;margin-top:1px;}
.rkp .match-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:2px;}
.rkp .match-table th{font-size:10px;color:#bfe0ff;text-transform:uppercase;padding:7px 8px;background:rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.12);}
.rkp .match-table td{padding:7px 8px;font-size:12px;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.06);}
.rkp .match-table tr:nth-child(even) td{background:rgba(255,255,255,.02);}
.rkp .match-table tbody tr:hover td{background:rgba(255,255,255,.08);}
.rkp .match-row-win{border-left:3px solid #00e676;}
.rkp .match-row-loss{border-left:3px solid #ff5252;}
.rkp .col-m-time{width:28%;text-align:left;}
.rkp .col-m-res{width:10%;text-align:center;}
.rkp .col-m-rs{width:17%;text-align:right;}
.rkp .col-m-rank{width:15%;text-align:right;}
.rkp .col-m-score{width:16%;text-align:right;font-weight:700;}
.rkp .col-m-pos{width:14%;text-align:right;color:#ffd700;font-weight:900;}
.rkp th.col-m-pos{color:#bfe0ff;}
.rkp .m-clock{opacity:.55;font-size:10px;margin-left:4px;}
.rkp .match-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.3px;}
.rkp .badge-win{background:#00e676;color:#000;}
.rkp .badge-loss{background:#ff5252;color:#121820;}
.rkp .badge-decay{background:rgba(255,75,75,.2);color:#ff5252;border:1px solid rgba(255,75,75,.4);}
.rkp .rk-decay td{background:rgba(255,23,68,.05);}
.rkp .btn-load-more{background:#bfe0ff;color:#000;font-weight:900;font-size:11px;text-transform:uppercase;border-radius:5px;
  padding:7px 18px;border:none;cursor:pointer;letter-spacing:.4px;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.rkp .btn-load-more:hover{background:#fff;}
.rkp .btn-load-more:disabled{opacity:.6;cursor:not-allowed;}
@media(max-width:860px){
  .rkp .kpi-grid{grid-template-columns:repeat(3,1fr);gap:6px;}
  .rkp .movements-unified-grid,.rkp .movements-triad-grid{grid-template-columns:1fr 1fr;}
  .rkp .chart-two-col{grid-template-columns:1fr;}
  .rkp .stats-summary-bar{grid-template-columns:repeat(3,1fr);}
  .rkp .streaks-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .rkp .movements-unified-grid,.rkp .movements-triad-grid{grid-template-columns:1fr;}
  .rkp .kpi-grid,.rkp .stats-summary-bar{grid-template-columns:repeat(2,1fr);}
  .rkp .col-m-score{display:none;}
  .rkp .col-m-time{width:36%;}.rkp .col-m-res{width:14%;}.rkp .col-m-rs{width:20%;}
  .rkp .col-m-rank{width:15%;}.rkp .col-m-pos{width:15%;}
}