/* TalkEsport Gamer Tools v1.2.0 */
.te-tool, .te-tools-hub {
  --tt-y: var(--te-yellow, #FFC61A);
  --tt-navy: #0b1030;
  --tt-navy2: #141b4d;
  --tt-blue: #1D33B4;
  --tt-line: rgba(255,255,255,.08);
  --tt-head: "Big Shoulders Text", "Arial Narrow", Impact, sans-serif;
  --tt-ui: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tt-cut: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  font-family: var(--tt-ui);
  margin: 0 0 32px;
}
.te-tool *, .te-tools-hub * { box-sizing: border-box; }

/* ---------- Tool shell ---------- */
.te-tool { background: var(--tt-navy); color: #fff; padding: 18px; position: relative;
  background-image: linear-gradient(var(--tt-line) 1px, transparent 1px), linear-gradient(90deg, var(--tt-line) 1px, transparent 1px);
  background-size: 32px 32px; clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%); }
.te-tool-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 14px; }
.te-tool-label { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--tt-y); display: flex; align-items: center; gap: 8px; }
.te-tool-label::before { content: ""; width: 6px; height: 6px; background: var(--tt-y); transform: rotate(45deg); }
.te-modes { display: flex; gap: 6px; flex-wrap: wrap; }
.te-mode { font: 700 13px/1 var(--tt-ui); letter-spacing: .04em; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.3); padding: 8px 12px; cursor: pointer; clip-path: var(--tt-cut); }
.te-mode:hover { border-color: #fff; }
.te-mode[aria-pressed="true"] { background: var(--tt-y); border-color: var(--tt-y); color: #000; }
.te-mode:disabled { opacity: .45; cursor: not-allowed; }

.te-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.te-stat { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); padding: 10px 12px; display: grid; gap: 2px; }
.te-stat b { font: 800 34px/1 var(--tt-head); font-variant-numeric: tabular-nums; color: #fff; }
.te-stat span { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.6); }

/* ---------- Arena ---------- */
.te-arena-wrap { position: relative; }
.te-arena { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  width: 100%; min-height: 340px; padding: 24px; border: 0; cursor: pointer; color: #fff; text-align: center; overflow: hidden;
  background: radial-gradient(120% 90% at 50% 0%, #2a42c9 0%, var(--tt-blue) 45%, #121f78 100%);
  user-select: none; -webkit-user-select: none; touch-action: manipulation; -webkit-tap-highlight-color: transparent; outline-offset: 3px; }
.te-arena:focus-visible { outline: 3px solid var(--tt-y); }
.te-arena-msg { font: 900 clamp(32px, 6vw, 60px)/1 var(--tt-head); text-transform: uppercase; letter-spacing: .01em; pointer-events: none; }
.te-arena-sub { font-size: 14px; font-weight: 500; color: rgba(255,255,255,.75); pointer-events: none; }
.te-hud { position: absolute; inset: 12px; pointer-events: none;
  --c: var(--tt-y); --l: 22px; --w: 3px;
  background: linear-gradient(var(--c),var(--c)) top left / var(--l) var(--w) no-repeat, linear-gradient(var(--c),var(--c)) top left / var(--w) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) top right / var(--l) var(--w) no-repeat, linear-gradient(var(--c),var(--c)) top right / var(--w) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) bottom left / var(--l) var(--w) no-repeat, linear-gradient(var(--c),var(--c)) bottom left / var(--w) var(--l) no-repeat,
    linear-gradient(var(--c),var(--c)) bottom right / var(--l) var(--w) no-repeat, linear-gradient(var(--c),var(--c)) bottom right / var(--w) var(--l) no-repeat;
  transition: inset .2s cubic-bezier(.2,.8,.2,1); }
.te-arena:hover .te-hud { inset: 18px; }
.te-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: rgba(0,0,0,.35); pointer-events: none; }
.te-bar i { display: block; height: 100%; width: 0; background: var(--tt-y); }
.te-ripple { position: absolute; width: 14px; height: 14px; margin: -7px 0 0 -7px; border: 2px solid var(--tt-y); border-radius: 50%; pointer-events: none; animation: te-ripple .45s ease-out forwards; }
@keyframes te-ripple { to { transform: scale(5); opacity: 0; } }
.te-cps.is-running .te-arena { background: radial-gradient(120% 90% at 50% 0%, #3550e0 0%, #2439c4 45%, #15238a 100%); }
.te-cps.is-running .te-arena-msg { font-variant-numeric: tabular-nums; }

/* Reaction states */
.te-rt-arena[data-state="wait"] { background: radial-gradient(120% 90% at 50% 0%, #1b2150 0%, #0f1437 60%, #080b22 100%); cursor: wait; }
.te-rt-arena[data-state="go"] { background: var(--tt-y); color: #000; }
.te-rt-arena[data-state="go"] .te-hud { --c: #000; }
.te-rt-arena[data-state="go"] .te-arena-sub { color: rgba(0,0,0,.7); }
.te-rt-arena[data-state="early"] { background: radial-gradient(120% 90% at 50% 0%, #b3261e 0%, #8c1d17 60%, #5e130f 100%); }
.te-rt-slots { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; }
.te-rt-slots li { margin: 0; display: grid; justify-items: center; gap: 2px; min-width: 54px; padding: 5px 6px; border: 1px solid rgba(255,255,255,.18); clip-path: var(--tt-cut); }
.te-rt-slots li span { font-size: 10px; font-weight: 700; letter-spacing: .1em; color: rgba(255,255,255,.55); }
.te-rt-slots li b { font: 800 17px/1 var(--tt-head); font-variant-numeric: tabular-nums; }
.te-rt-slots li.is-done { border-color: var(--tt-y); }
.te-rt-slots li.is-now { background: rgba(255,198,26,.15); border-color: var(--tt-y); }

/* ---------- Result ---------- */
.te-result { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 24px; text-align: center;
  background: rgba(8,11,34,.94); animation: te-in .25s ease-out; }
.te-result[hidden] { display: none; }
@keyframes te-in { from { opacity: 0; transform: scale(.98); } }
.te-tier { font: 800 15px/1 var(--tt-ui); letter-spacing: .18em; text-transform: uppercase; padding: 8px 16px; clip-path: var(--tt-cut); background: #555; color: #fff; }
.te-tier[data-tier="bronze"] { background: #a8672f; }
.te-tier[data-tier="silver"] { background: #b9c0cc; color: #111; }
.te-tier[data-tier="gold"] { background: var(--tt-y); color: #000; }
.te-tier[data-tier="platinum"] { background: #5fd4d0; color: #062a29; }
.te-tier[data-tier="diamond"] { background: #7aa8ff; color: #06163d; }
.te-tier[data-tier="global elite"] { background: #000; color: var(--tt-y); box-shadow: inset 0 0 0 2px var(--tt-y); }
.te-tier[data-tier="defender"] { background: #1D33B4; color: #fff; }
.te-tier[data-tier="legend"] { background: #000; color: var(--tt-y); box-shadow: inset 0 0 0 2px var(--tt-y); }
.te-result-num { font: 900 clamp(56px, 11vw, 104px)/.9 var(--tt-head); font-variant-numeric: tabular-nums; color: #fff; }
.te-result-num small { font-size: .32em; letter-spacing: .06em; color: rgba(255,255,255,.7); margin-left: 6px; }
.te-result-text { margin: 0; font-size: 15px; color: rgba(255,255,255,.85); max-width: 46ch; }
.te-result-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 6px; }
.te-btn { font: 900 18px/1 var(--tt-head); text-transform: uppercase; letter-spacing: .03em; padding: 12px 20px; cursor: pointer; border: 0; clip-path: var(--tt-cut);
  background: rgba(255,255,255,.12); color: #fff; }
.te-btn:hover { background: rgba(255,255,255,.2); }
.te-btn-primary { background: var(--tt-y); color: #000; }
.te-btn-primary:hover { background: #ffd54f; }
.te-btn:disabled { opacity: .5; cursor: default; }
.te-share-note { min-height: 1em; font-size: 12px; color: var(--tt-y); }
.te-tool-note { margin: 12px 0 0; font-size: 12px; color: rgba(255,255,255,.55); }

/* ---------- Hub and homepage strip ---------- */
.te-tools-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.te-tool-card { position: relative; display: grid; gap: 6px; align-content: start; padding: 22px 22px 20px; min-height: 220px; text-decoration: none !important; color: #fff !important;
  background: var(--tt-navy); background-image: linear-gradient(var(--tt-line) 1px, transparent 1px), linear-gradient(90deg, var(--tt-line) 1px, transparent 1px); background-size: 24px 24px;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%); transition: background-color .2s; }
.te-tool-card:hover { background-color: var(--tt-navy2); }
.te-tool-card .te-hud { inset: 10px; opacity: 0; transition: inset .22s cubic-bezier(.2,.8,.2,1), opacity .22s; }
.te-tool-card:hover .te-hud, .te-tool-card:focus-visible .te-hud { opacity: 1; inset: 6px; }
.te-tool-card-icon { width: 48px; height: 48px; color: var(--tt-y); margin-bottom: 8px; }
.te-tool-card-icon svg { width: 100%; height: 100%; display: block; }
.te-tool-card-kicker { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--tt-y); }
.te-tool-card-title { font: 900 30px/1 var(--tt-head); text-transform: uppercase; }
.te-tool-card-desc { font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.78); }
.te-tool-card-cta { margin-top: 8px; font: 900 17px/1 var(--tt-head); text-transform: uppercase; color: var(--tt-y); }
.te-tools-hub.is-strip .te-tools-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.te-tools-hub.is-strip .te-tool-card { min-height: 0; grid-template-columns: 44px 1fr; column-gap: 14px; row-gap: 2px; align-items: center; padding: 16px 18px; }
.te-tools-hub.is-strip .te-tool-card-icon { grid-row: span 3; width: 44px; height: 44px; margin: 0; }
.te-tools-hub.is-strip .te-tool-card-title { font-size: 24px; }
.te-tools-hub.is-strip .te-tool-card-cta { margin-top: 2px; font-size: 15px; }
.te-tools-strip-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; border-bottom: 3px solid #000; padding-bottom: 6px; }
.te-tools-strip-title { font: 900 26px/1 var(--tt-head); text-transform: uppercase; color: #000; }
.te-tools-strip-all { font: 700 13px/1 var(--tt-ui); letter-spacing: .06em; text-transform: uppercase; color: #000 !important; text-decoration: none !important; box-shadow: inset 0 -3px 0 var(--tt-y); }

@media (max-width: 767px) {
  .te-tool { padding: 12px; }
  .te-stats { grid-template-columns: repeat(2, 1fr); }
  .te-stat b { font-size: 28px; }
  .te-arena { min-height: 280px; }
  .te-rt-slots li { min-width: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .te-ripple, .te-result { animation: none; }
  .te-hud, .te-tool-card .te-hud { transition: none; }
}

/* v1.0.1: cards share the full row; strip heading matches the site's striped section titles */
.te-tools-grid, .te-tools-hub.is-strip .te-tools-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.te-tools-strip-head { position: relative; display: flex; justify-content: center; align-items: center; border: 0; padding: 14px 0 0; margin-bottom: 18px;
  background: repeating-linear-gradient(180deg, #000, #000 1px, transparent 0, transparent 12px); }
.te-tools-strip-title { position: relative; bottom: 9px; padding: 4px 36px 4px 26px; background: #000; font-size: 28px; isolation: isolate;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); }
.te-tools-strip-title::before { content: ""; position: absolute; inset: 1px 1px 4px 1px; background: #fff; z-index: -1;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); }
.te-tools-strip-all { position: absolute; right: 0; bottom: 18px; background: #fff; padding: 4px 0 4px 10px; }
@media (max-width: 767px) { .te-tools-strip-all { position: static; margin-left: 12px; } .te-tools-strip-head { justify-content: space-between; } }

/* v1.1.0: TalkEsport branding inside every tool and result (survives screenshots) */
.te-tool-brand { display: flex; align-items: center; gap: 12px; margin: -2px 0 14px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.12); }
.te-wordmark { font-family: "Big Shoulders Inline Text", var(--tt-head); font-weight: 800; font-size: 26px; line-height: 1; letter-spacing: .01em; color: #fff; }
.te-tool-name { font: 900 20px/1 var(--tt-head); text-transform: uppercase; color: var(--tt-y); padding-left: 12px; border-left: 1px solid rgba(255,255,255,.25); }
.te-tool-url { margin-left: auto; font: 600 12px/1 var(--tt-ui); letter-spacing: .06em; color: rgba(255,255,255,.55); }
.te-result-brand { position: absolute; left: 0; right: 0; bottom: 14px; display: flex; justify-content: center; align-items: baseline; gap: 10px;
  font: 600 12px/1 var(--tt-ui); letter-spacing: .06em; color: rgba(255,255,255,.55); }
.te-result-brand .te-wordmark { font-size: 20px; }
/* Result panel is fully opaque, and its text is protected from the theme's paragraph colours */
.te-result { background: #080b22; }
.te-tool .te-result p.te-result-text { color: rgba(255,255,255,.88) !important; font-family: var(--tt-ui) !important; font-size: 15px !important; margin: 0 !important; }
.te-tool p.te-tool-note { color: rgba(255,255,255,.55) !important; font-family: var(--tt-ui) !important; font-size: 12px !important; line-height: 1.5 !important; margin: 12px 0 0 !important; }
/* Reaction: live millisecond counter on the yellow panel */
.te-rt-arena[data-state="go"] .te-arena-msg, .te-rt-arena[data-state="shown"] .te-arena-msg { font-variant-numeric: tabular-nums; font-size: clamp(56px, 11vw, 110px); }
.te-rt-arena[data-state="go"] .te-arena-sub { font: 900 22px/1 var(--tt-head); text-transform: uppercase; letter-spacing: .08em; color: #000; }

/* Tool pages use the article typography (Big Shoulders headings, Inter reading text) */
.te-tools-page h1.entry-title, .te-tools-page .td-page-title, .te-tools-page .tdb-title-text {
  font-family: "Big Shoulders Text", "Arial Narrow", sans-serif !important; font-weight: 800 !important; font-size: clamp(36px, 4.4vw, 56px) !important; line-height: 1.02 !important; letter-spacing: 0 !important; }
.te-tools-page .td-page-content > p, .te-tools-page .td-page-content > ul li, .te-tools-page .tdb_single_content p, .te-tools-page .tdb_single_content li {
  font-family: "Inter", system-ui, sans-serif !important; font-size: 18px !important; line-height: 1.65 !important; }
.te-tools-page .td-page-content > h2, .te-tools-page .tdb_single_content h2 {
  font-family: "Big Shoulders Text", "Arial Narrow", sans-serif !important; font-weight: 800 !important; font-size: 28px !important; line-height: 1.15 !important; margin-top: 36px !important; }
@media (max-width: 1018px) { .te-tools-page .td-page-content > h2, .te-tools-page .tdb_single_content h2 { font-size: 24px !important; } }
@media (max-width: 767px) {
  .te-tools-page .td-page-content > p, .te-tools-page .td-page-content > ul li, .te-tools-page .tdb_single_content p, .te-tools-page .tdb_single_content li { font-size: 17px !important; }
  .te-tools-page .td-page-content > h2, .te-tools-page .tdb_single_content h2 { font-size: 22px !important; }
  .te-tool-url { display: none; }
  .te-wordmark { font-size: 22px; }
  .te-tool-name { font-size: 17px; }
}

/* v1.2.0: game-arena background, natural branding, share-card buttons, reaction countdown + stopwatch */
.te-arena { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400' viewBox='0 0 800 400'%3E%3Cg fill='none' stroke='%23fff'%3E%3Ccircle cx='400' cy='200' r='70' stroke-opacity='.07'/%3E%3Ccircle cx='400' cy='200' r='140' stroke-opacity='.06'/%3E%3Ccircle cx='400' cy='200' r='215' stroke-opacity='.05' stroke-dasharray='4 10'/%3E%3Cpath d='M400 110V150M400 250V290M310 200H350M450 200H490' stroke-opacity='.10' stroke-width='2'/%3E%3Cpath d='M60 70h14M67 63v14M720 330h14M727 323v14M650 60h10M655 55v10M120 330h10M125 325v10' stroke-opacity='.22' stroke-width='2'/%3E%3Cpath d='M0 360L90 270M20 400L120 300M40 400L150 290' stroke-opacity='.05' stroke-width='2'/%3E%3Cpath d='M800 40L700 140M800 70L720 150' stroke-opacity='.05' stroke-width='2'/%3E%3Cpath d='M170 110l14 24h-28z' stroke-opacity='.14' stroke-width='2'/%3E%3Crect x='600' y='250' width='16' height='16' transform='rotate%2845 608 258%29' stroke-opacity='.14' stroke-width='2'/%3E%3Cpath d='M560 90l10 6v12l-10 6-10-6v-12z' stroke-opacity='.12' stroke-width='2'/%3E%3C/g%3E%3Cg fill='%23FFC61A'%3E%3Crect x='96' y='190' width='6' height='6' transform='rotate%2845 99 193%29' fill-opacity='.55'/%3E%3Crect x='690' y='190' width='6' height='6' transform='rotate%2845 693 193%29' fill-opacity='.55'/%3E%3Crect x='250' y='340' width='5' height='5' transform='rotate%2845 252 342%29' fill-opacity='.4'/%3E%3Crect x='520' y='50' width='5' height='5' transform='rotate%2845 522 52%29' fill-opacity='.4'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(120% 90% at 50% 0%, #2a42c9 0%, #1D33B4 45%, #121f78 100%); background-size: cover, auto; background-position: center; }
.te-cps.is-running .te-arena { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400' viewBox='0 0 800 400'%3E%3Cg fill='none' stroke='%23fff'%3E%3Ccircle cx='400' cy='200' r='70' stroke-opacity='.07'/%3E%3Ccircle cx='400' cy='200' r='140' stroke-opacity='.06'/%3E%3Ccircle cx='400' cy='200' r='215' stroke-opacity='.05' stroke-dasharray='4 10'/%3E%3Cpath d='M400 110V150M400 250V290M310 200H350M450 200H490' stroke-opacity='.10' stroke-width='2'/%3E%3Cpath d='M60 70h14M67 63v14M720 330h14M727 323v14M650 60h10M655 55v10M120 330h10M125 325v10' stroke-opacity='.22' stroke-width='2'/%3E%3Cpath d='M0 360L90 270M20 400L120 300M40 400L150 290' stroke-opacity='.05' stroke-width='2'/%3E%3Cpath d='M800 40L700 140M800 70L720 150' stroke-opacity='.05' stroke-width='2'/%3E%3Cpath d='M170 110l14 24h-28z' stroke-opacity='.14' stroke-width='2'/%3E%3Crect x='600' y='250' width='16' height='16' transform='rotate%2845 608 258%29' stroke-opacity='.14' stroke-width='2'/%3E%3Cpath d='M560 90l10 6v12l-10 6-10-6v-12z' stroke-opacity='.12' stroke-width='2'/%3E%3C/g%3E%3Cg fill='%23FFC61A'%3E%3Crect x='96' y='190' width='6' height='6' transform='rotate%2845 99 193%29' fill-opacity='.55'/%3E%3Crect x='690' y='190' width='6' height='6' transform='rotate%2845 693 193%29' fill-opacity='.55'/%3E%3Crect x='250' y='340' width='5' height='5' transform='rotate%2845 252 342%29' fill-opacity='.4'/%3E%3Crect x='520' y='50' width='5' height='5' transform='rotate%2845 522 52%29' fill-opacity='.4'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(120% 90% at 50% 0%, #3550e0 0%, #2439c4 45%, #15238a 100%); }
.te-arena::before { content: ""; position: absolute; left: 50%; top: 50%; width: 460px; height: 460px; margin: -230px 0 0 -230px; border-radius: 50%; pointer-events: none;
  background: conic-gradient(from 0deg, rgba(255,255,255,.10), rgba(255,255,255,0) 60deg, rgba(255,255,255,0) 360deg); animation: te-sweep 5s linear infinite; opacity: .7; }
@keyframes te-sweep { to { transform: rotate(360deg); } }
.te-arena > * { position: relative; z-index: 1; }
.te-arena > .te-hud, .te-arena > .te-bar, .te-arena > .te-ripple { position: absolute; }
.te-arena-mark { position: absolute !important; right: 26px; bottom: 20px; display: grid; justify-items: end; gap: 3px; pointer-events: none; z-index: 1; }
.te-arena-mark b { font: 800 22px/1 "Big Shoulders Inline Text", var(--tt-head); color: rgba(255,255,255,.55); letter-spacing: .01em; }
.te-arena-mark i { font: 600 10.5px/1 var(--tt-ui); font-style: normal; letter-spacing: .08em; color: rgba(255,255,255,.4); }
.te-cps .te-arena-mark { bottom: 22px; }
.te-btn-ghost { background: transparent; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); font-size: 16px; }
.te-btn-ghost:hover { background: rgba(255,255,255,.08); }
.te-result { padding-bottom: 54px; }
/* Reaction: countdown above, stopwatch below */
.te-rt-count { font: 900 clamp(28px, 4.2vw, 44px)/1 var(--tt-head); text-transform: uppercase; letter-spacing: .06em; color: var(--tt-y); min-height: 1em; pointer-events: none; }
.te-rt-watch { font: 900 clamp(64px, 12vw, 128px)/1 var(--tt-head) !important; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.te-rt-arena[data-state="count"] .te-rt-count { font-size: clamp(64px, 10vw, 110px); color: #fff; }
.te-rt-arena[data-state="count"] .te-rt-watch, .te-rt-arena[data-state="hold"] .te-rt-watch, .te-rt-arena[data-state="idle"] .te-rt-watch { opacity: .35; }
.te-rt-arena[data-state="hold"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400' viewBox='0 0 800 400'%3E%3Cg fill='none' stroke='%23fff'%3E%3Ccircle cx='400' cy='200' r='70' stroke-opacity='.07'/%3E%3Ccircle cx='400' cy='200' r='140' stroke-opacity='.06'/%3E%3Ccircle cx='400' cy='200' r='215' stroke-opacity='.05' stroke-dasharray='4 10'/%3E%3Cpath d='M400 110V150M400 250V290M310 200H350M450 200H490' stroke-opacity='.10' stroke-width='2'/%3E%3Cpath d='M60 70h14M67 63v14M720 330h14M727 323v14M650 60h10M655 55v10M120 330h10M125 325v10' stroke-opacity='.22' stroke-width='2'/%3E%3Cpath d='M0 360L90 270M20 400L120 300M40 400L150 290' stroke-opacity='.05' stroke-width='2'/%3E%3Cpath d='M800 40L700 140M800 70L720 150' stroke-opacity='.05' stroke-width='2'/%3E%3Cpath d='M170 110l14 24h-28z' stroke-opacity='.14' stroke-width='2'/%3E%3Crect x='600' y='250' width='16' height='16' transform='rotate%2845 608 258%29' stroke-opacity='.14' stroke-width='2'/%3E%3Cpath d='M560 90l10 6v12l-10 6-10-6v-12z' stroke-opacity='.12' stroke-width='2'/%3E%3C/g%3E%3Cg fill='%23FFC61A'%3E%3Crect x='96' y='190' width='6' height='6' transform='rotate%2845 99 193%29' fill-opacity='.55'/%3E%3Crect x='690' y='190' width='6' height='6' transform='rotate%2845 693 193%29' fill-opacity='.55'/%3E%3Crect x='250' y='340' width='5' height='5' transform='rotate%2845 252 342%29' fill-opacity='.4'/%3E%3Crect x='520' y='50' width='5' height='5' transform='rotate%2845 522 52%29' fill-opacity='.4'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(120% 90% at 50% 0%, #1b2150 0%, #0f1437 60%, #080b22 100%); }
.te-rt-arena[data-state="go"] { background-image: none; background-color: var(--tt-y); }
.te-rt-arena[data-state="go"]::before { background: conic-gradient(from 0deg, rgba(0,0,0,.10), rgba(0,0,0,0) 60deg, rgba(0,0,0,0) 360deg); }
.te-rt-arena[data-state="go"] .te-rt-count, .te-rt-arena[data-state="go"] .te-arena-sub { color: #000; }
.te-rt-arena[data-state="go"] .te-arena-mark b, .te-rt-arena[data-state="go"] .te-arena-mark i { color: rgba(0,0,0,.45); }
.te-rt-arena[data-state="early"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400' viewBox='0 0 800 400'%3E%3Cg fill='none' stroke='%23fff'%3E%3Ccircle cx='400' cy='200' r='70' stroke-opacity='.07'/%3E%3Ccircle cx='400' cy='200' r='140' stroke-opacity='.06'/%3E%3Ccircle cx='400' cy='200' r='215' stroke-opacity='.05' stroke-dasharray='4 10'/%3E%3Cpath d='M400 110V150M400 250V290M310 200H350M450 200H490' stroke-opacity='.10' stroke-width='2'/%3E%3Cpath d='M60 70h14M67 63v14M720 330h14M727 323v14M650 60h10M655 55v10M120 330h10M125 325v10' stroke-opacity='.22' stroke-width='2'/%3E%3Cpath d='M0 360L90 270M20 400L120 300M40 400L150 290' stroke-opacity='.05' stroke-width='2'/%3E%3Cpath d='M800 40L700 140M800 70L720 150' stroke-opacity='.05' stroke-width='2'/%3E%3Cpath d='M170 110l14 24h-28z' stroke-opacity='.14' stroke-width='2'/%3E%3Crect x='600' y='250' width='16' height='16' transform='rotate%2845 608 258%29' stroke-opacity='.14' stroke-width='2'/%3E%3Cpath d='M560 90l10 6v12l-10 6-10-6v-12z' stroke-opacity='.12' stroke-width='2'/%3E%3C/g%3E%3Cg fill='%23FFC61A'%3E%3Crect x='96' y='190' width='6' height='6' transform='rotate%2845 99 193%29' fill-opacity='.55'/%3E%3Crect x='690' y='190' width='6' height='6' transform='rotate%2845 693 193%29' fill-opacity='.55'/%3E%3Crect x='250' y='340' width='5' height='5' transform='rotate%2845 252 342%29' fill-opacity='.4'/%3E%3Crect x='520' y='50' width='5' height='5' transform='rotate%2845 522 52%29' fill-opacity='.4'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(120% 90% at 50% 0%, #b3261e 0%, #8c1d17 60%, #5e130f 100%); }
.te-rt-arena[data-state="early"] .te-rt-count { color: #fff; }
.te-rt-arena[data-state="shown"] .te-rt-watch { color: var(--tt-y); }
.is-pop { animation: te-pop .35s cubic-bezier(.2,1.6,.4,1); }
@keyframes te-pop { from { transform: scale(1.35); opacity: .4; } }
@media (max-width: 767px) { .te-arena::before { width: 320px; height: 320px; margin: -160px 0 0 -160px; } .te-arena-mark { right: 16px; bottom: 14px; } .te-arena-mark b { font-size: 18px; } }
@media (prefers-reduced-motion: reduce) { .te-arena::before { animation: none; } .is-pop { animation: none; } }

/* v1.2.1: the result panel always sits above the play area */
.te-arena { isolation: isolate; }
.te-result { z-index: 10; }

/* v1.2.3: tidier homepage strip heading - more space above, "All tools" as a solid chip inside the band */
.te-tools-hub.is-strip { margin-top: 40px; }
.te-tools-hub.is-strip .te-tools-strip-all { top: calc(50% + 7px); bottom: auto; transform: translateY(-50%); padding: 7px 14px 7px 12px; background: #000; color: #fff !important;
  font-size: 12px; box-shadow: none; clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px)); transition: background-color .15s, color .15s; }
.te-tools-hub.is-strip .te-tools-strip-all:hover, .te-tools-hub.is-strip .te-tools-strip-all:focus-visible { background: var(--te-yellow, #FFC61A); color: #000 !important; }
@media (max-width: 767px) { .te-tools-hub.is-strip .te-tools-strip-all { transform: none; } }

/* v1.3.0: homepage strip heading matches the site's section titles (DON'T MISS); "All gamer tools" moves under the cards */
.te-tools-hub.is-strip { margin-top: 28px; }
.te-tools-hub.is-strip .te-tools-strip-head { position: relative; display: flex; justify-content: center; align-items: center; height: 73px; margin: 0 0 24px; padding: 0;
  border: 0; border-bottom: 1px solid #000; background: repeating-linear-gradient(180deg, #000 0 1px, #EDEDED 1px 12px); }
.te-tools-hub.is-strip .te-tools-strip-title { position: relative; bottom: auto; margin: 0 !important; padding: 8px 38px 10px 28px; background: #000; isolation: isolate;
  font: italic 800 52px/1 "Big Shoulders Text", "Arial Narrow", sans-serif !important; letter-spacing: -.01em; text-transform: uppercase; color: #000 !important;
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px)); }
.te-tools-hub.is-strip .te-tools-strip-title::before { inset: 1px 1px 4px 1px; }
.te-tools-strip-foot { display: flex; justify-content: flex-end; margin-top: 16px; }
.te-tools-strip-more { font: 700 13px/1 var(--tt-ui); letter-spacing: .06em; text-transform: uppercase; color: #000 !important; text-decoration: none !important;
  padding-bottom: 4px; box-shadow: inset 0 -3px 0 var(--tt-y); transition: box-shadow .15s; }
.te-tools-strip-more:hover, .te-tools-strip-more:focus-visible { box-shadow: inset 0 -1.2em 0 var(--tt-y); }
@media (max-width: 767px) {
  .te-tools-hub.is-strip .te-tools-strip-head { height: 61px; }
  .te-tools-hub.is-strip .te-tools-strip-title { font-size: 36px !important; padding: 6px 26px 8px 18px; }
}

/* Hero row: no bottom line where the Gamer Tools strip follows it */
:is(.tdc-row, .vc_row):has(+ :is(.tdc-row, .vc_row) .te-tools-hub.is-strip),
:is(.tdc-row, .vc_row):has(+ :is(.tdc-row, .vc_row) .te-tools-hub.is-strip) > :is(.vc_row, .tdc-columns, .vc_column) { border-bottom-width: 0 !important; }

/* v1.4.0: sensitivity converter */
.te-sens-in { display: grid; grid-template-columns: 1.2fr 1fr 1.6fr; gap: 12px; margin-bottom: 14px; }
.te-field { display: grid; gap: 6px; align-content: start; }
.te-field > span { font: 700 11px/1 var(--tt-ui); letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.65); }
.te-tool .te-input { height: 46px; width: 100%; padding: 0 12px; background: rgba(255,255,255,.06) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.25) !important; border-radius: 0 !important;
  font: 600 16px/1 var(--tt-ui) !important; box-shadow: none !important; }
.te-tool .te-input:focus { outline: 2px solid var(--tt-y); outline-offset: 0; }
.te-tool select.te-input option { color: #000; }
.te-sens .te-modes { flex-wrap: nowrap; }
.te-sens .te-mode { height: 46px; padding: 0 12px; }
.te-tool .te-dpi-custom { width: 90px; flex: none; }
.te-sens-sum { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; }
.te-sens-out { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.te-sens-card { position: relative; display: grid; gap: 6px; align-content: start; padding: 18px; background: radial-gradient(120% 90% at 50% 0%, #2a42c9 0%, var(--tt-blue) 55%, #121f78 100%);
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); }
.te-sens-game { font: 700 12px/1 var(--tt-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--tt-y); }
.te-sens-card b { font: 900 48px/1 var(--tt-head); font-variant-numeric: tabular-nums; color: #fff; }
.te-sens-meta { font: 500 13px/1.3 var(--tt-ui); color: rgba(255,255,255,.75); }
.te-sens-card .te-copy { justify-self: start; margin-top: 6px; font-size: 14px; padding: 9px 14px; }
.te-sens-empty { grid-column: 1/-1; margin: 0; color: rgba(255,255,255,.7); }
@media (max-width: 900px) { .te-sens-in { grid-template-columns: 1fr 1fr; } .te-sens-in > :last-child { grid-column: 1/-1; } .te-sens-out { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .te-sens-in { grid-template-columns: 1fr; } .te-sens .te-modes { flex-wrap: wrap; } .te-sens-sum { grid-template-columns: 1fr 1fr 1fr; } .te-sens-sum .te-stat b { font-size: 22px; } }

/* v1.5.0: reserved ad slots (space is held so the page never jumps when an ad loads) */
.te-ad { margin: 32px auto; max-width: 970px; text-align: center; clear: both; }
.te-ad-l { display: block; margin-bottom: 6px; font: 600 10px/1 "Work Sans", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #8a8fa3; }
.te-ad-in { min-height: 100px; display: flex; align-items: center; justify-content: center; background: #f4f5f8; }
.te-ad-inline .te-ad-in { min-height: 280px; }
.te-ad-in > * { max-width: 100%; }
@media (max-width: 767px) { .te-ad-in { min-height: 280px; } }

/* v1.6.0: Will It Run? */
.te-wir-detect { margin: 0 0 14px; padding: 10px 14px; border-left: 3px solid var(--tt-y); background: rgba(255,255,255,.05); font: 500 14px/1.45 var(--tt-ui); color: rgba(255,255,255,.85); }
.te-wir .te-sens-in { grid-template-columns: 1.4fr 1.4fr .8fr; }
.te-wir-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; margin: 6px 0 14px; }
.te-wir-game { display: grid; gap: 6px; text-align: left; padding: 12px 14px; cursor: pointer; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14); color: #fff; font: 700 15px/1.2 var(--tt-ui);
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
.te-wir-game:hover { border-color: rgba(255,255,255,.4); }
.te-wir-game.is-sel { border-color: var(--tt-y); background: rgba(255,198,26,.08); }
.te-wir-b { justify-self: start; font: 700 11px/1 var(--tt-ui); font-style: normal; letter-spacing: .08em; text-transform: uppercase; padding: 5px 8px; }
.te-wir-top { background: #2ecc71; color: #062a14; } .te-wir-ok { background: #7ee2a8; color: #062a14; } .te-wir-low { background: var(--tt-y); color: #000; } .te-wir-no { background: #e5484d; color: #fff; }
.te-wir-detail { padding: 18px; background: radial-gradient(120% 90% at 50% 0%, #2a42c9 0%, var(--tt-blue) 55%, #121f78 100%); }
.te-wir-detail h3 { margin: 0 0 12px !important; font: 900 30px/1 var(--tt-head) !important; text-transform: uppercase; color: #fff !important; }
.te-wir-tier { padding: 12px 14px; margin-bottom: 8px; background: rgba(0,0,0,.25); border-left: 4px solid #e5484d; }
.te-wir-tier.is-ok { border-left-color: #2ecc71; }
.te-wir-th { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.te-wir-th b { font: 900 19px/1.1 var(--tt-head); text-transform: uppercase; }
.te-wir-th span { font: 700 12px/1 var(--tt-ui); letter-spacing: .1em; text-transform: uppercase; }
.te-tool .te-wir-tier p { margin: 6px 0 8px !important; font: 500 13px/1.45 var(--tt-ui) !important; color: rgba(255,255,255,.75) !important; }
.te-wir-tier ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 4px; }
.te-wir-tier li { margin: 0 !important; padding-left: 22px !important; position: relative; font: 500 13.5px/1.4 var(--tt-ui); }
.te-wir-tier li::before { position: absolute; left: 0; font-weight: 800; }
.te-wir-tier li.y::before { content: "✓"; color: #2ecc71; } .te-wir-tier li.n::before { content: "✕"; color: #ff6b6f; } .te-wir-tier li.u::before { content: "?"; color: var(--tt-y); }
.te-wir-tier li b { color: rgba(255,255,255,.6); font-weight: 600; margin-right: 6px; }
.te-tool p.te-wir-note, .te-tool p.te-wir-src { margin: 8px 0 0 !important; font: 500 13px/1.5 var(--tt-ui) !important; color: rgba(255,255,255,.8) !important; }
.te-wir-src a { color: var(--tt-y) !important; }
@media (max-width: 900px) { .te-wir .te-sens-in { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .te-wir .te-sens-in { grid-template-columns: 1fr; } .te-wir-list { grid-template-columns: 1fr 1fr; } .te-wir-game { font-size: 13px; } }
/* v1.6.0: strip fills every row, whatever the number of tools */
.te-tools-hub.is-strip .te-tools-grid { display: flex; flex-wrap: wrap; }
.te-tools-hub.is-strip .te-tool-card { flex: 1 1 220px; }
/* v1.6.1: Will It Run: ask before detecting, readable note, neutral state */
.te-wir .te-wir-detect { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; color: #fff !important; background: rgba(255,255,255,.08); }
.te-wir .te-wir-msg { flex: 1 1 320px; color: #fff !important; font: 500 15px/1.5 var(--tt-ui); }
.te-wir .te-wir-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.te-wir .te-wir-acts .te-btn { font-size: 16px; padding: 10px 16px; }
.te-wir [hidden] { display: none !important; }
.te-wir-na { background: rgba(255,255,255,.14); color: rgba(255,255,255,.8); }
.te-wir-tier.is-na { border-left-color: rgba(255,255,255,.3); }

/* v1.6.1: tool pages use the full width; reading text keeps a comfortable line length */
body.te-tools-page .td-main-sidebar,
body.te-tools-page :is(.vc_row, .td-pb-row, .tdc-row):has(.te-tool, .te-tools-hub) > :is(.vc_column, [class*="td-pb-span"]):not(:has(.te-tool, .te-tools-hub)) { display: none !important; }
body.te-tools-page .td-main-content,
body.te-tools-page :is(.vc_row, .td-pb-row, .tdc-row):has(.te-tool, .te-tools-hub) > :is(.vc_column, [class*="td-pb-span"]):has(.te-tool, .te-tools-hub) { width: 100% !important; max-width: none !important; flex: 1 1 100% !important; float: none !important; }
body.te-tools-page :is(.vc_column, .td-main-content):has(.te-tool, .te-tools-hub) :is(p, h2, h3, ul, ol):not(.te-tool *, .te-tools-hub *) { max-width: 820px; }

/* v1.7.0: Aim Trainer (original bot target, rifle viewmodel, crosshair cursor) */
.te-aim-arena { min-height: 460px; cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M16 3v8M16 21v8M3 16h8M21 16h8' stroke='%23000' stroke-width='4'/%3E%3Cpath d='M16 3v8M16 21v8M3 16h8M21 16h8' stroke='%23FFC61A' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='1.8' fill='%23FFC61A' stroke='%23000'/%3E%3C/svg%3E") 16 16, crosshair; touch-action: manipulation; user-select: none; -webkit-user-select: none; overflow: hidden; }
.te-aim-arena[data-state="run"] .te-arena-msg, .te-aim-arena[data-state="run"] .te-arena-sub, .te-aim-arena[data-state="done"] .te-arena-msg, .te-aim-arena[data-state="done"] .te-arena-sub { visibility: hidden; }
.te-aim-arena > .te-aim-target { position: absolute !important; z-index: 3; width: 64px; height: 96px; padding: 0; margin: 0; border: 0; background: none; pointer-events: none; cursor: inherit; filter: drop-shadow(0 6px 10px rgba(0,0,0,.45)); }
.te-aim-target .te-bot { display: block; width: 100%; height: 100%; overflow: visible; }
.te-aim-target .te-bot g { pointer-events: visiblePainted; cursor: inherit; }
.te-aim-target:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.te-aim-target[hidden] { display: none !important; }
.te-aim-target.is-in { animation: te-aim-in .14s ease-out; }
@keyframes te-aim-in { from { transform: translateY(14px) scaleY(.6); opacity: .2; } to { transform: none; opacity: 1; } }
.te-aim-arena > .te-gun { position: absolute !important; z-index: 2; right: -2%; bottom: -4%; width: min(50%, 460px); height: auto; overflow: visible; pointer-events: none;
  transform: translate(var(--sx, 0), var(--sy, 0)) rotate(var(--sr, 0deg)); transform-origin: 85% 95%; transition: transform .12s ease-out; }
.te-gun-flash { opacity: 0; }
.te-gun.is-kick { animation: te-kick .14s ease-out; }
.te-gun.is-kick .te-gun-flash { animation: te-flash .08s linear; }
@keyframes te-kick { 30% { transform: translate(calc(var(--sx, 0px) + 10px), calc(var(--sy, 0px) + 14px)) rotate(calc(var(--sr, 0deg) + 3deg)); } }
@keyframes te-flash { 0%, 100% { opacity: 1; } }
.te-aim-arena > .te-aim-hit { position: absolute !important; z-index: 4; width: 26px; height: 26px; margin: -13px 0 0 -13px; pointer-events: none; animation: te-fade .5s ease-out forwards; }
.te-aim-hit::before, .te-aim-hit::after { content: ""; position: absolute; left: 11px; top: 0; width: 4px; height: 26px; background: linear-gradient(#fff 0 35%, transparent 35% 65%, #fff 65%); transform: rotate(45deg); }
.te-aim-hit::after { transform: rotate(-45deg); }
.te-aim-hit.is-head::before, .te-aim-hit.is-head::after { background: linear-gradient(var(--tt-y) 0 35%, transparent 35% 65%, var(--tt-y) 65%); }
.te-aim-hit.is-head { font: 900 14px/1 var(--tt-head); letter-spacing: .08em; color: var(--tt-y); text-shadow: 0 1px 2px #000; white-space: nowrap; text-indent: 34px; }
.te-aim-arena > .te-aim-hole { position: absolute !important; z-index: 1; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #05060f; box-shadow: 0 0 0 3px rgba(255,255,255,.18); pointer-events: none; animation: te-fade .9s ease-in forwards; }
@keyframes te-fade { 70% { opacity: 1; } to { opacity: 0; } }
@media (max-width: 767px) { .te-aim-arena { min-height: 400px; } .te-aim-arena > .te-aim-target { width: 50px; height: 75px; } .te-aim-arena > .te-gun { width: 62%; } }
@media (prefers-reduced-motion: reduce) { .te-aim-target.is-in, .te-gun.is-kick, .te-aim-hit, .te-aim-hole { animation: none; } .te-aim-arena > .te-gun { transition: none; } }
.te-aim-arena .te-arena-mark { right: auto; left: 26px; justify-items: start; }
@media (max-width: 767px) { .te-aim-arena .te-arena-mark { left: 16px; } }

/* v1.7.0: PN, the Chief Editor, brings the score (Aim Trainer end screen). Art: team character sheet */
.te-pn { position: absolute; right: 16px; bottom: 0; z-index: 12; width: 210px; pointer-events: none; }
.te-pn[hidden] { display: none !important; }
.te-pn-fig { position: relative; display: flex; justify-content: center; align-items: flex-end; height: 250px; transform: translateY(110%); transition: transform .45s cubic-bezier(.2,1.4,.4,1); }
.te-pn.is-up .te-pn-fig { transform: none; }
.te-pn-img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; filter: drop-shadow(0 8px 14px rgba(0,0,0,.5)); }

.te-pn-sign { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%) rotate(-4deg); display: flex; align-items: center; gap: 8px; padding: 6px 10px; white-space: nowrap;
  background: #fff; border: 3px solid #0b1030; box-shadow: 4px 4px 0 var(--tt-y); clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); }
.te-pn-num { font: 900 26px/1 var(--tt-head); color: #0b1030; font-variant-numeric: tabular-nums; }
.te-pn-tier { font: 800 11px/1 var(--tt-ui); letter-spacing: .14em; text-transform: uppercase; color: #fff; background: #1D33B4; padding: 4px 7px; }
.te-pn[data-tier="global-elite"] .te-pn-tier, .te-pn[data-tier="legend"] .te-pn-tier { background: #000; color: var(--tt-y); }
.te-pn[data-tier="silver"] .te-pn-tier { background: #b9c0cc; color: #111; }
.te-pn[data-tier="gold"] .te-pn-tier { background: var(--tt-y); color: #000; }
.te-pn-bubble { position: absolute; right: 4%; bottom: 100%; margin-bottom: 6px; width: 210px; padding: 10px 12px 8px; background: #fff; color: #0b1030; text-align: left;
  font: 800 16px/1.15 var(--tt-head); text-transform: uppercase; letter-spacing: .01em; box-shadow: 4px 4px 0 var(--tt-y);
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%); opacity: 0; transform: scale(.8); transform-origin: 80% 100%; transition: opacity .2s .35s, transform .25s .35s; }

.te-pn-bubble small { display: block; margin-top: 5px; font: 600 10px/1 var(--tt-ui); letter-spacing: .08em; color: #5a6078; text-transform: uppercase; }
.te-pn.is-up .te-pn-bubble { opacity: 1; transform: none; }
.te-aim .te-result { padding-right: 250px; }
@media (max-width: 767px) {
  .te-aim-arena { min-height: 480px; }
  .te-aim .te-result { padding: 168px 16px 54px; justify-content: flex-start; }
  .te-aim .te-result .te-tier, .te-aim .te-result .te-result-num { display: none; }
  .te-pn { left: 10px; right: auto; top: 10px; bottom: auto; width: 128px; }
  .te-pn-fig, .te-pn[data-pose="silver"] .te-pn-fig, .te-pn[data-pose="bronze"] .te-pn-fig { height: 150px; transform: scale(.7); opacity: 0; transform-origin: 50% 100%; transition: transform .35s cubic-bezier(.2,1.4,.4,1), opacity .2s; }
  .te-pn.is-up .te-pn-fig { opacity: 1; }
  .te-pn-sign { bottom: 2px; padding: 4px 7px; gap: 5px; } .te-pn-num { font-size: 19px; } .te-pn-tier { font-size: 9px; padding: 3px 5px; }
  .te-pn-bubble, .te-pn[data-pose="silver"] .te-pn-bubble, .te-pn[data-pose="bronze"] .te-pn-bubble { left: calc(100% + 8px); right: auto; bottom: 45%; width: 170px; font-size: 13px; transform-origin: 0 100%; }
}
@media (prefers-reduced-motion: reduce) { .te-pn-fig, .te-pn-bubble { transition: none; } }