/* ============================================================
   Tortuga Bahis — "tkm" design system
   Aesthetic: dark navy base · GOLD accents · GREEN reserved for CTAs only
   ============================================================ */
:root{
  --bg:#090d13; --bg2:#0d131b; --surface:#121b25; --surface2:#17222f; --surface3:#1d2b3a;
  --line:#233343; --line2:#2f4356;
  --text:#e8eff6; --muted:#8fa1b3; --dim:#6c7d8e; --heading:#ffffff;
  --gold:#f5c451; --gold2:#e0a836; --gold-ink:#20180a;
  --emerald:#10b981; --emerald-dim:#0c7a55;
  --cta:#14ce8c; --cta-h:#0fb178; --cta-ink:#04160e;   /* reserved for CTAs */
  --danger:#e0603a;
  --foot-muted:#8296a8;
  --wrap:1160px; --radius:14px;
  --shadow:0 10px 34px rgba(0,0,0,.42);
  --f-disp:"Wix Madefor Display",-apple-system,Segoe UI,Roboto,sans-serif;
  --f-text:"Wix Madefor Text",-apple-system,Segoe UI,Roboto,sans-serif;
  --f-cond:"Bebas Neue",Impact,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-text);
  font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
.tkm-wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
img{max-width:100%}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--f-disp);color:var(--heading);line-height:1.18;letter-spacing:-.01em}
section{padding:34px 0}
section h2{font-size:1.7rem;margin:.2em 0 .6em;position:relative;padding-left:16px}
section h2::before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:5px;
  border-radius:3px;background:linear-gradient(180deg,var(--gold),var(--gold2))}
section p{color:#d4dde6}
section h3{font-size:1.2rem;margin:1.2em 0 .4em}

/* ---------- NAV ---------- */
.tkm-nav{position:sticky;top:0;z-index:60;background:rgba(9,13,19,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.tkm-nav-in{display:flex;align-items:center;gap:22px;height:66px}
.tkm-logo{display:flex;flex-direction:column;line-height:1;gap:3px}
.tkm-logo:hover{text-decoration:none}
.tkm-logo-mark{font-family:var(--f-disp);font-weight:800;font-size:1.42rem;color:#fff;letter-spacing:-.02em}
.tkm-logo-mark::before{content:"";display:inline-block;width:11px;height:11px;border-radius:50%;
  background:var(--cta);margin-right:8px;box-shadow:0 0 12px var(--cta);vertical-align:middle}
.tkm-logo-mark b{color:var(--gold);font-weight:800}
.tkm-logo-tag{font-size:.68rem;color:var(--muted);letter-spacing:.04em;font-family:var(--f-text)}
.tkm-nav-links{display:flex;align-items:center;gap:6px;margin-left:auto}
.tkm-navitem{position:relative}
.tkm-navtop{display:inline-flex;align-items:center;gap:5px;padding:9px 13px;border-radius:9px;
  color:#cdd8e2;font-weight:600;font-size:.93rem}
.tkm-navtop:hover{color:#fff;background:var(--surface2);text-decoration:none}
.tkm-caret{font-size:.6rem;color:var(--gold)}
.tkm-drop-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:var(--surface);
  border:1px solid var(--line2);border-radius:12px;padding:8px;box-shadow:var(--shadow);
  display:none;flex-direction:column;gap:2px}
.tkm-navitem:hover .tkm-drop-panel{display:flex}
.tkm-drop-panel a{color:#cdd8e2;padding:8px 11px;border-radius:8px;font-size:.9rem;font-weight:500}
.tkm-drop-panel a:hover{background:var(--surface2);color:#fff;text-decoration:none}
.tkm-drop-panel a.sub{padding-left:22px;color:var(--muted);font-size:.86rem}
.tkm-drop-h{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);
  padding:9px 11px 3px;font-weight:700}
/* burger */
.tkm-burger{display:none;margin-left:auto}
.tkm-burger summary{list-style:none;cursor:pointer;padding:8px;border:1px solid var(--line2);border-radius:9px}
.tkm-burger summary::-webkit-details-marker{display:none}
.tkm-burger-b,.tkm-burger-b::before,.tkm-burger-b::after{display:block;width:22px;height:2px;
  background:#fff;border-radius:2px;position:relative}
.tkm-burger-b::before,.tkm-burger-b::after{content:"";position:absolute}
.tkm-burger-b::before{top:-7px}.tkm-burger-b::after{top:7px}
.tkm-burger-p{position:absolute;left:0;right:0;top:66px;background:var(--surface);
  border-bottom:1px solid var(--line2);padding:12px 20px;display:flex;flex-direction:column;gap:4px}
.tkm-burger-p a{color:#cdd8e2;padding:9px 6px;border-radius:8px;font-weight:600}
.tkm-burger-p a:hover{background:var(--surface2);text-decoration:none}
.tkm-bsub summary{cursor:pointer;padding:9px 6px;font-weight:700;color:#fff;list-style:none}
.tkm-bsub summary::-webkit-details-marker{display:none}
.tkm-bsub summary::after{content:"▾";float:right;color:var(--gold)}
.tkm-bsub a{padding-left:18px;color:var(--muted);font-weight:500}

/* ---------- HERO (emerald + gold "kazanç arcı") ---------- */
.tkm-hero{position:relative;overflow:hidden;
  background:
    radial-gradient(1100px 460px at 82% -8%, rgba(20,206,140,.16), transparent 60%),
    radial-gradient(760px 420px at 8% 120%, rgba(245,196,81,.10), transparent 55%),
    linear-gradient(180deg,var(--bg2),var(--bg));
  border-bottom:1px solid var(--line)}
.tkm-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 75%)}
.tkm-arc{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:min(560px,52vw);
  height:auto;opacity:.9;pointer-events:none;z-index:0}
.tkm-hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.5fr .85fr;gap:34px;
  align-items:center;padding:48px 20px 42px}
.tkm-h1{font-size:2.55rem;margin:0 0 12px;max-width:15ch}
.tkm-h1 .hl{color:var(--gold)}
.tkm-byline{display:flex;align-items:center;gap:9px;margin:0 0 16px}
.tkm-byline img{border-radius:50%;border:2px solid var(--gold);object-fit:cover}
.tkm-byline-t{font-size:.85rem;color:var(--muted)}
.tkm-byline-t a{color:var(--gold)}
.tkm-lede{font-size:1.08rem;color:#c9d4de;max-width:60ch;margin:0 0 18px}
.tkm-lede-more{display:none}
.tkm-lede.is-open .tkm-lede-more{display:inline}
.tkm-lede-tog{background:none;border:none;color:var(--gold);font-weight:700;cursor:pointer;
  font-family:var(--f-text);font-size:1rem;padding:0 0 0 6px}
.tkm-trust{display:flex;flex-wrap:wrap;gap:9px}
.tkm-trust span{font-size:.78rem;color:#cdd8e2;background:var(--surface);border:1px solid var(--line2);
  padding:6px 12px;border-radius:999px}
.tkm-trust span::before{content:"✓ ";color:var(--emerald);font-weight:800}
/* #1 aside plate */
.tkm-subdial{position:relative;z-index:2;background:linear-gradient(180deg,var(--surface2),var(--surface));
  border:1px solid var(--line2);border-radius:18px;padding:20px;text-align:center;box-shadow:var(--shadow)}
.tkm-subdial::before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;
  background:linear-gradient(180deg,rgba(245,196,81,.6),transparent 60%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.tkm-sd-top{font-family:var(--f-cond);letter-spacing:.16em;color:var(--gold);font-size:1rem;margin-bottom:10px}
.tkm-sd-plate{background:#fff;border-radius:12px;padding:12px;min-height:78px;display:flex;
  align-items:center;justify-content:center;margin-bottom:14px}
.tkm-sd-plate img{max-height:52px;width:auto}
.tkm-sd-wordmark{font-family:var(--f-disp);font-weight:800;color:#101720;font-size:1.5rem}
.tkm-sd-ring{width:74px;height:74px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;
  background:conic-gradient(var(--gold) calc(var(--v,9.4)*10%),rgba(255,255,255,.09) 0);
  position:relative}
.tkm-sd-ring::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--surface)}
.tkm-sd-val{position:relative;z-index:1;font-family:var(--f-disp);font-weight:800;font-size:1.4rem;color:#fff}
.tkm-sd-val small{display:block;font-size:.52rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.tkm-sd-name{font-family:var(--f-disp);font-weight:800;font-size:1.25rem;color:#fff;margin:2px 0}
.tkm-sd-bon{color:var(--gold);font-weight:700;font-size:.95rem;margin:0 0 12px}

/* ---------- CTA (reserved green) ---------- */
.tkm-cta{display:inline-block;background:var(--cta);color:var(--cta-ink);font-weight:800;
  font-family:var(--f-disp);border-radius:10px;padding:12px 20px;text-align:center;
  border:none;cursor:pointer;transition:transform .12s,background .12s;white-space:nowrap;
  box-shadow:0 6px 18px rgba(20,206,140,.28)}
.tkm-cta:hover{background:var(--cta-h);color:var(--cta-ink);text-decoration:none;transform:translateY(-1px)}
.tkm-cta-w{width:100%}
.tkm-tc{font-size:.72rem;color:var(--dim);margin:7px 0 0}

/* ---------- TOPLIST ---------- */
#toplist{padding-top:14px}
.tkm-filters{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.tkm-chip{background:var(--surface);border:1px solid var(--line2);color:#cdd8e2;font-weight:600;
  font-family:var(--f-text);font-size:.85rem;padding:8px 14px;border-radius:999px;cursor:pointer}
.tkm-chip[aria-pressed="true"]{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.tkm-desk-rows{display:flex;flex-direction:column;gap:10px}
.tkm-row{display:grid;grid-template-columns:44px 150px 1.35fr 1fr 168px;gap:16px;align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;
  transition:border-color .15s,transform .12s}
.tkm-row:hover{border-color:var(--line2);transform:translateY(-1px)}
.tkm-row[data-top="1"]{border-color:var(--gold);
  background:linear-gradient(90deg,rgba(245,196,81,.09),var(--surface) 42%)}
.tkm-rank{font-family:var(--f-cond);font-size:2rem;color:var(--gold);text-align:center;line-height:1}
.tkm-plate{background:#fff;border-radius:10px;height:60px;display:flex;align-items:center;
  justify-content:center;padding:8px}
.tkm-plate img{max-height:42px;width:auto}
.tkm-plate .tkm-word{font-family:var(--f-disp);font-weight:800;color:#101720;font-size:1.25rem}
.tkm-award{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--gold-ink);background:var(--gold);padding:2px 8px;border-radius:5px;font-weight:800;margin:0 0 4px}
.tkm-name{font-family:var(--f-disp);font-weight:800;font-size:1.18rem;color:#fff;margin:0}
.tkm-bon{color:#c9d4de;font-size:.9rem;margin:2px 0 0}
.tkm-bon em{color:var(--muted);font-style:normal}
.tkm-scale-t{font-size:.82rem;color:#fff;font-weight:600;margin:0 0 5px}
.tkm-track{height:7px;border-radius:5px;background:rgba(255,255,255,.09);overflow:hidden}
.tkm-fill{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.tkm-scale-l{display:flex;justify-content:space-between;font-size:.68rem;color:var(--dim);margin-top:4px}
/* mobile cards */
.tkm-mobile-cards{display:none;flex-direction:column;gap:12px}
.tkm-mcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:center;position:relative}
.tkm-mcard[data-top="1"]{border-color:var(--gold)}
.tkm-mcard .tkm-rank{position:absolute;top:10px;left:14px;font-size:1.5rem}
.tkm-mcard .tkm-plate{height:66px;margin:6px 0 10px}
.tkm-mcard .tkm-scale{margin:10px 0}
.tkm-mcard .tkm-award{position:absolute;top:12px;right:12px;margin:0}
.tkm-morewrap{display:flex;justify-content:center;margin-top:6px}
.tkm-more{background:var(--surface2);border:1px solid var(--line2);color:#fff;font-weight:700;
  padding:11px 22px;border-radius:10px;cursor:pointer;font-family:var(--f-text)}

/* ---------- CONTENT ---------- */
.tkm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tkm-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.tkm-panel h3{margin-top:0}
.tkm-ghost{display:inline-block;border:1px solid var(--gold);color:var(--gold);font-weight:700;
  padding:8px 16px;border-radius:9px;font-size:.9rem}
.tkm-ghost:hover{background:var(--gold);color:var(--gold-ink);text-decoration:none}
.tkm-ol{padding-left:0;list-style:none;counter-reset:t;display:flex;flex-direction:column;gap:12px}
.tkm-ol>li{counter-increment:t;position:relative;padding:2px 0 2px 46px;color:#d4dde6}
.tkm-ol>li::before{content:counter(t);position:absolute;left:0;top:0;width:32px;height:32px;
  border-radius:9px;background:var(--surface2);border:1px solid var(--line2);color:var(--gold);
  font-family:var(--f-disp);font-weight:800;display:grid;place-items:center;font-size:.95rem}
.tkm-ol>li b{color:#fff}
.tkm-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.92rem}
.tkm-table th,.tkm-table td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.tkm-table th{background:var(--surface2);color:var(--muted);font-family:var(--f-text)}
.tkm-callout{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold);
  border-radius:10px;padding:14px 18px;margin:16px 0}
.tkm-callout.warn{border-left-color:var(--danger)}
.tkm-faq details{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin:9px 0}
.tkm-faq summary{cursor:pointer;padding:14px 16px;font-weight:700;color:#fff;list-style:none}
.tkm-faq summary::-webkit-details-marker{display:none}
.tkm-faq summary::after{content:"+";float:right;color:var(--gold);font-weight:800}
.tkm-faq details[open] summary::after{content:"–"}
.tkm-faq .fa{padding:0 16px 14px;color:#d4dde6}
.tkm-disc{background:var(--surface);border:1px solid var(--line2);border-radius:12px;padding:18px 20px;
  color:#c1cdd8;font-size:.9rem}
.tkm-disc b{color:#fff}
.tkm-author{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:16px;margin:22px 0}
.tkm-author .av{width:52px;height:52px;border-radius:50%;background:var(--surface2);display:grid;
  place-items:center;font-family:var(--f-disp);font-weight:800;color:var(--gold);font-size:1.3rem;flex-shrink:0}

/* inner page header */
.tkm-phead{background:
    radial-gradient(700px 260px at 85% -20%, rgba(20,206,140,.14), transparent 60%),
    linear-gradient(180deg,var(--bg2),var(--bg));border-bottom:1px solid var(--line);padding:30px 0 22px}
.tkm-crumb{font-size:.82rem;color:var(--muted)}
.tkm-crumb a{color:var(--muted)}
.tkm-phead h1{font-size:2rem;margin:.3em 0 0}
.tkm-legal{max-width:820px}
.tkm-legal p,.tkm-legal li{color:#d4dde6}

/* review card */
.tkm-review{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:14px 0}
.tkm-review .rh{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tkm-review .rh .tkm-plate{height:46px;width:120px}
.tkm-review h3{margin:0}
.tkm-review .sc{margin-left:auto;background:var(--gold);color:var(--gold-ink);font-family:var(--f-disp);
  font-weight:800;border-radius:8px;padding:4px 11px}
.tkm-pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.tkm-pc ul{margin:6px 0;padding-left:20px}
.tkm-pc .pro li::marker{color:var(--cta)}
.tkm-pc .con li::marker{color:var(--danger)}

/* ---------- responsible strip + footer ---------- */
.tkm-rg{background:#1a1206;border-top:1px solid #3a2a10;border-bottom:1px solid #3a2a10;
  text-align:center;padding:9px 14px;font-size:.84rem;color:#d8c9a5}
.tkm-rg b{color:var(--gold)}
.tkm-foot{background:#070a0f;border-top:1px solid var(--line);padding:40px 0 26px;margin-top:30px}
.tkm-foot-g{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px}
.tkm-foot h4{color:#fff;margin:0 0 10px;font-size:1rem}
.tkm-foot a{display:block;color:var(--foot-muted);padding:4px 0;font-size:.9rem}
.tkm-foot a:hover{color:#fff}
.tkm-foot-plate{font-family:var(--f-disp);font-weight:800;font-size:1.4rem;color:#fff;margin-bottom:8px}
.tkm-foot-plate b{color:var(--gold)}
.tkm-age{display:inline-block;background:var(--gold);color:var(--gold-ink);font-weight:800;
  border-radius:5px;padding:1px 7px;font-size:.8rem}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .tkm-nav-links{display:none}
  .tkm-burger{display:block}
  .tkm-hero-in{grid-template-columns:1fr;padding:34px 20px 30px}
  .tkm-arc{opacity:.35;width:80vw;right:-30%}
  .tkm-h1{font-size:2rem}
  .tkm-subdial{max-width:360px}
  .tkm-grid3{grid-template-columns:1fr}
  .tkm-foot-g{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .tkm-desk-rows{display:none}
  .tkm-mobile-cards{display:flex}
  .tkm-pc{grid-template-columns:1fr}
  .tkm-foot-g{grid-template-columns:1fr}
  /* Above-the-fold on mobile: H1 + author/updated + toplist H2 + table.
     Hide the redundant #1 hero card, lede and trust badges (kept in DOM). */
  .tkm-hero-in{padding:16px 20px 14px;gap:12px}
  .tkm-h1{font-size:1.42rem;margin:0 0 8px;max-width:none}
  .tkm-byline{margin:0}
  .tkm-lede,.tkm-trust,.tkm-subdial{display:none}
  .tkm-arc{display:none}
  #toplist{padding-top:14px}
  #toplist h2{font-size:1.3rem;margin:.1em 0 .5em}
  .tkm-filters{margin:2px 0 12px;gap:6px}
  .tkm-chip{padding:7px 12px;font-size:.8rem}
}