@font-face{font-family:Italiana;src:url("/fonts/italiana-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("/fonts/figtree-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("/fonts/figtree-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("/fonts/figtree-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Figtree;src:url("/fonts/figtree-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

:root{
  --ink:#10041c;
  --purple:#2a0a4a;
  --bolt:#b47aff;
  --gold:#ffd24a;
  --ivory:#f4ead8;
  --bronze:#c4923a;
  --molten:#ffb020;
  --cta1:#6b1cff;
  --cta2:#ffd24a;
  --stroke:#140218;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#10041c;color:var(--ivory);font-family:Figtree,system-ui,sans-serif;font-weight:400}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
.td-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.td-skip:focus{left:8px;top:8px;width:auto;height:auto;padding:8px 12px;background:#000;color:#fff;z-index:80}

/* ===== HEADER ===== */
.td-top{
  position:absolute;left:0;right:0;top:0;z-index:40;
  height:64px;display:flex;align-items:center;gap:14px;
  padding:0 18px;
  background:linear-gradient(180deg,#1a0828 0%,#12051c 100%);
  border-bottom:1px solid #e8c868;
  box-shadow:0 8px 24px rgba(0,0,0,.45);
}
.td-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.td-brand img{width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 2px #e8c868}
.td-word{
  font-family:Italiana,serif;font-size:46px;letter-spacing:.06em;
  background:linear-gradient(180deg,#fff4c8,#ffd24a 55%,#c4923a);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 #140218);
  line-height:1;
}
.td-nav{display:flex;align-items:center;gap:8px;margin:0 auto;flex-wrap:nowrap}
.td-nav a{
  display:inline-flex;align-items:center;gap:6px;
  height:38px;padding:0 14px;border-radius:999px;
  border:1px solid #e0b84a;color:#fff4c8;text-decoration:none;
  font-weight:700;font-size:14px;background:rgba(42,10,74,.55);
  white-space:nowrap;
}
.td-nav a[aria-current="page"],.td-nav a:hover{background:#3a1468;border-color:#ffd24a;color:#ffd24a}
.td-nav .ico{font-size:13px}
.td-go{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:40px;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:800;
  font-size:14px;letter-spacing:.04em;color:#1a0820;
  background:linear-gradient(180deg,#f3d36a,#c47cff 55%,#7a2bff);
  border:1px solid #ffe9a0;box-shadow:0 0 16px rgba(180,122,255,.45);
  white-space:nowrap;flex:0 0 auto;
}
.td-go:hover{filter:brightness(1.08)}
.td-burger{display:none}

/* ===== LOBBY FOLD ===== */
.td-lobby{
  position:relative;width:100%;min-height:800px;height:800px;overflow:hidden;
  background:#10041c;
}
.td-stage{
  position:absolute;top:0;left:50%;width:1280px;height:800px;margin-left:-640px;z-index:1;
}
.td-scene{
  position:absolute;inset:0;width:1280px;height:800px;max-width:none;object-fit:fill;z-index:0;
}
.td-tile{
  position:absolute;z-index:8;width:168px;height:168px;
  border-radius:18px;
  box-shadow:0 10px 22px rgba(0,0,0,.55),0 0 0 2px #e8c868;
  overflow:hidden;
}
.td-tile img{width:100%;height:100%;object-fit:cover}
.td-tile-a{left:268px;top:76px;width:172px;height:172px;transform:rotate(-12deg);z-index:9}
.td-tile-b{left:500px;top:53px;width:167px;height:167px;transform:rotate(8deg);z-index:8}
.td-tile-c{left:680px;top:80px;width:164px;height:164px;transform:rotate(12deg);z-index:8}
.td-tile-d{left:860px;top:194px;width:161px;height:161px;transform:rotate(14deg);z-index:7}
.td-tile-e{left:205px;top:222px;width:167px;height:167px;transform:rotate(-8deg);z-index:10}
.td-tile-f{left:330px;top:248px;width:161px;height:161px;transform:rotate(-10deg);z-index:11}
.td-tile-g{left:530px;top:255px;width:167px;height:167px;transform:rotate(6deg);z-index:11}
.td-tile-h{left:720px;top:283px;width:161px;height:161px;transform:rotate(10deg);z-index:10}

.td-h1{
  position:absolute;left:100px;right:100px;top:498px;z-index:16;
  margin:0;text-align:center;font-family:Italiana,serif;
  font-weight:400;font-size:86px;line-height:1;letter-spacing:0;
  white-space:nowrap;color:#ffd24a;
}
.td-h1::before{
  content:attr(data-text);
  position:absolute;left:0;right:0;top:0;
  -webkit-text-stroke:8px #140218;
  color:#140218;z-index:0;
  white-space:nowrap;
  text-shadow:0 3px 0 #000,0 0 18px rgba(180,122,255,.4);
}
.td-h1 span{
  position:relative;z-index:1;
  color:#ffd84a;
  -webkit-text-fill-color:#ffd84a;
  text-shadow:0 1px 0 #fff3b0,0 0 16px rgba(255,210,74,.45);
}
.td-fold-cta{
  position:absolute;left:50%;top:612px;transform:translateX(-50%);
  z-index:17;height:52px;padding:0 28px;font-size:18px;
}
.td-verif{
  position:absolute;left:820px;top:622px;z-index:17;
  min-width:110px;height:34px;padding:0 12px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #e8c868;border-radius:8px;background:#1a0a14;
  color:#fff8e0;font-weight:800;font-size:15px;letter-spacing:.02em;
}
.td-promo{
  position:absolute;z-index:15;width:168px;height:200px;
  border-radius:14px;overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.55),0 0 0 2px #c4923a;
}
.td-promo img{width:100%;height:100%;object-fit:cover}
.td-promo-l{left:22px;top:578px}
.td-promo-r{left:1090px;top:578px}

/* below fold */
.td-after{position:relative;z-index:2;background:linear-gradient(180deg,#16061f,#10041c 40%,#0a0312)}
.td-wrap{width:min(1120px,92vw);margin:0 auto;padding:48px 0 24px}
.td-kicker{color:var(--gold);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin:0 0 8px}
.td-h2{font-family:Italiana,serif;font-size:42px;margin:0 0 16px;color:var(--gold);text-shadow:0 2px 0 #140218}
.td-prose p{font-size:17px;line-height:1.65;color:#f0e6d4;margin:0 0 14px}
.td-rank{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}
.td-rank article{
  background:linear-gradient(180deg,#2a1244,#16081f);border:1px solid #c4923a;
  border-radius:12px;padding:16px 14px;text-align:center;
}
.td-rank strong{display:block;font-size:13px;letter-spacing:.08em;color:#c9a0ff;text-transform:uppercase}
.td-rank b{display:block;margin-top:8px;font-size:22px;color:var(--gold)}
.td-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}
.td-guides a{
  display:block;text-decoration:none;color:inherit;
  background:#1a0a28;border:1px solid #8a5a20;border-radius:14px;overflow:hidden;
}
.td-guides img{width:100%;height:140px;object-fit:cover}
.td-guides h3{font-family:Italiana,serif;font-size:22px;color:var(--gold);margin:10px 14px 4px}
.td-guides p{margin:0 14px 14px;font-size:14px;color:#e8dcc8}
.td-pinax-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}
.td-pinax{background:#1a0a28;border:1px solid #c4923a;border-radius:12px;padding:12px;text-align:center;text-decoration:none;color:inherit}
.td-pinax img.td-plogo{width:72px;height:72px;object-fit:contain;margin:0 auto 8px;background:#fff;border-radius:10px;padding:6px}
.td-pinax h3{font-size:15px;margin:0 0 6px;color:var(--gold)}
.td-pinax .td-lab{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#c9a0ff;font-weight:700}
.td-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}
.td-note{font-size:13px;color:#d4c4a8}
.td-resp{font-size:13px;color:#cbb89a;border-top:1px solid #3a2450;padding:18px 0 8px;margin-top:24px}
.td-foot{background:#0a0312;border-top:1px solid #3a2450;padding:28px 0 40px;font-size:14px;color:#d4c4a8}
.td-foot nav{display:flex;flex-wrap:wrap;gap:12px 18px;margin-bottom:12px}
.td-foot a{color:#ffd24a}

/* inner pages */
.td-page .td-top{position:relative}
.td-page{min-height:100vh}
.td-hero figcaption,.td-crumbs{font-size:13px;color:#cbb89a}
.td-crumbs{margin:16px 0 8px}
.td-hero{margin:0 0 24px}
.td-hero img{width:100%;height:auto;border-radius:14px;border:1px solid #c4923a}
.td-page h1{
  font-family:Italiana,serif;font-size:54px;line-height:1.05;margin:8px 0 16px;
  background:linear-gradient(180deg,#fff6c8,#ffd24a 60%,#e0a0ff);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 0 #140218);
}
.td-panel{background:linear-gradient(180deg,#1c0a2c,#12071c);border:1px solid #8a5a20;border-radius:16px;padding:24px 26px;margin:0 0 24px}
.td-dl{display:grid;grid-template-columns:180px 1fr;gap:8px 16px}
.td-dl dt{color:#c9a0ff;font-weight:700}
.td-dl dd{margin:0}
.td-faq details{border-bottom:1px solid #3a2450;padding:10px 0}
.td-faq summary{cursor:pointer;color:var(--gold);font-weight:700}

/* reviews hub */
.td-tools{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.td-tools input,.td-tools select{
  background:#12071c;border:1px solid #c4923a;color:var(--ivory);
  border-radius:10px;padding:10px 12px;font:inherit;min-width:200px;
}
.td-chambers{display:flex;flex-wrap:wrap;gap:8px}
.td-chambers button{
  background:#1a0a28;border:1px solid #8a5a20;color:var(--ivory);
  border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;
}
.td-chambers button.is-on{background:#3a1468;border-color:#ffd24a;color:#ffd24a}
.td-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.td-card{
  background:#1a0a28;border:1px solid #6a4820;border-radius:12px;padding:12px;
  display:flex;flex-direction:column;gap:8px;min-height:160px;
}
.td-card .td-plogo{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}
.td-badge{display:inline-block;padding:4px 8px;border-radius:6px;background:#3a1468;color:#ffd24a;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.td-visit,.td-rec{
  display:inline-flex;align-items:center;justify-content:center;
  height:36px;padding:0 12px;border-radius:999px;text-decoration:none;font-weight:800;font-size:13px;
}
.td-visit{background:#241036;border:1px solid #c4923a;color:#ffd24a}
.td-rec{background:linear-gradient(180deg,#f3d36a,#7a2bff);color:#1a0820;border:1px solid #ffe9a0}
.td-more{display:block;margin:20px auto;height:44px;padding:0 24px;border-radius:999px;background:#3a1468;border:1px solid #ffd24a;color:#ffd24a;font-weight:800;cursor:pointer}
.td-cover-lab{display:flex;align-items:center;gap:12px;margin:8px 0 16px}
.td-cover-lab img{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:12px;padding:6px}
.td-hidden{display:none}

@media (max-width:1279px){
  .td-lobby{height:auto;min-height:0}
  .td-stage{position:relative;left:auto;margin:0;width:100%;height:auto}
  .td-scene{position:relative;left:0;margin:0;width:100%;height:auto;inset:auto}
  .td-top{position:relative}
  .td-tile,.td-h1,.td-fold-cta,.td-verif,.td-promo{position:relative;left:auto;top:auto;right:auto;transform:none}
  .td-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;z-index:8}
  .td-tile{width:100%!important;height:auto;aspect-ratio:1;transform:none!important}
  .td-h1{font-size:52px;padding:8px 12px;-webkit-text-fill-color:unset}
  .td-fold-cta{display:flex;margin:8px auto 12px;transform:none}
  .td-verif{display:block;margin:0 auto 16px;width:max-content}
  .td-promos{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px 16px}
  .td-promo{width:100%;height:auto;aspect-ratio:4/5}
  .td-rank,.td-guides,.td-pinax-row,.td-grid{grid-template-columns:1fr 1fr}
  .td-word{font-size:20px}
}
@media (max-width:800px){
  .td-word{font-size:18px;letter-spacing:.04em}
  .td-top{height:56px;gap:6px;padding:0 8px}
  .td-top .td-go{font-size:11px;padding:0 8px;height:34px;max-width:42vw;overflow:hidden}
  .td-nav{display:none}
  .td-top.is-open .td-nav{
    display:flex;flex-direction:column;position:absolute;top:58px;left:0;right:0;
    background:#12051c;padding:12px;border-bottom:1px solid #e8c868;z-index:50;
  }
  .td-burger{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 12px;border-radius:8px;border:1px solid #e8c868;background:#1a0828;color:#ffd24a;font-weight:800}
  .td-h1{font-size:28px;white-space:normal;padding:6px 8px;line-height:1.05}
  .td-h1::before{-webkit-text-stroke:3px #140218;white-space:normal}
  .td-page h1{font-size:34px}
  .td-rank,.td-guides,.td-pinax-row,.td-grid,.td-dl{grid-template-columns:1fr}
  .td-brand img{width:44px;height:44px}
}
@media (min-width:1280px){
  .td-lobby{width:100%;overflow:hidden}
}