@font-face{font-family:Outfit;font-weight:400;font-display:swap;src:url(/media/font/outfit-400.woff2) format("woff2")}
@font-face{font-family:Outfit;font-weight:500;font-display:swap;src:url(/media/font/outfit-500.woff2) format("woff2")}
@font-face{font-family:Outfit;font-weight:600;font-display:swap;src:url(/media/font/outfit-600.woff2) format("woff2")}
@font-face{font-family:Outfit;font-weight:700;font-display:swap;src:url(/media/font/outfit-700.woff2) format("woff2")}
@font-face{font-family:Outfit;font-weight:900;font-display:swap;src:url(/media/font/outfit-900.woff2) format("woff2")}

:root{
  --l-ink:#0B1620;--l-bg:#101B26;--l-pan:#1B2835;--l-pan2:#16222E;--l-line:#26384A;
  --l-em:#2DAB7D;--l-em2:#2BDEA8;--l-or:#FFA034;--l-or2:#FFC685;
  --l-hi:#F1F1F1;--l-tx:#A9B8C4;--l-mute:#7E92A1;
  --l-r:16px;--l-gap:28px;--l-w:1200px;--l-pad:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--l-bg);color:var(--l-tx);font:400 17px/1.6 Outfit,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--l-em2);text-decoration-thickness:1px;text-underline-offset:3px}
h1,h2,h3{color:var(--l-hi);line-height:1.2;margin:0}
h1{font-size:38px;font-weight:700}
h2{font-size:24px;font-weight:700}
h3{font-size:19px;font-weight:600}
p{margin:0 0 12px}
.tr-skip{position:absolute;left:-999px}
.tr-skip:focus{left:16px;top:8px;z-index:99;background:var(--l-hi);color:var(--l-ink);padding:8px 12px;border-radius:8px}
.tr-ico{width:20px;height:20px;flex:none}

/* Buttons */
.tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 34px;border-radius:40px;font-weight:700;font-size:18px;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .15s}
.tr-btn--go{background:var(--l-em);color:var(--l-ink)}
.tr-btn--go:hover{background:var(--l-em2)}
.tr-btn--soft{background:rgba(43,84,122,.2);color:var(--l-hi);font-weight:500}
.tr-btn--soft:hover{background:rgba(43,84,122,.4)}
.tr-btn--ghost{background:transparent;border-color:var(--l-line);color:var(--l-hi);font-weight:500}
.tr-btn--ghost:hover{border-color:var(--l-mute)}
.tr-btn--h{height:40px;padding:0 20px;font-size:16px}
.tr-btn--s{height:40px;padding:0 22px;font-size:15px}
.tr-18{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--l-or);border-radius:50%;color:var(--l-or);font-size:12px;font-weight:700;flex:none}
.tr-18--s{width:26px;height:26px;font-size:10px;border-width:1.5px;vertical-align:middle}

/* Header */
.tr-top{position:sticky;top:0;z-index:40;background:var(--l-ink);border-bottom:1px solid #132331}
.tr-top__in{max-width:var(--l-w);margin:0 auto;padding:0 var(--l-pad);height:64px;display:flex;align-items:center;gap:14px;position:relative}
.tr-dots{width:40px;height:40px;border-radius:12px;background:var(--l-bg);border:0;display:grid;grid-template-columns:repeat(3,5px);gap:4px;place-content:center;cursor:pointer;padding:0}
.tr-dots i{width:5px;height:5px;border-radius:50%;background:var(--l-em2)}
.tr-search{display:flex;align-items:center;gap:10px;height:40px;padding:0 22px 0 14px;border-radius:40px;background:var(--l-bg);border:0;color:var(--l-mute);font:500 15px Outfit,sans-serif;cursor:pointer}
.tr-logo{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;text-decoration:none;font:900 30px/1 Outfit,sans-serif;letter-spacing:.01em;color:#FFAE2E;text-shadow:0 2px 0 #8A4300}
.tr-logo b{display:inline-grid;place-items:center;width:27px;height:27px;margin:0 1px;border-radius:50%;background:#FFAE2E;color:var(--l-ink);font-size:19px;text-shadow:none;box-shadow:0 2px 0 #8A4300}
.tr-logo--s{position:static;transform:none;font-size:24px}
.tr-logo--s b{width:22px;height:22px;font-size:15px}
.tr-auth{margin-left:auto;display:flex;gap:10px}

/* Capsule tabs */
.tr-tabs{max-width:var(--l-w);margin:12px auto 0;padding:0 var(--l-pad)}
.tr-tabs__in{list-style:none;margin:0;padding:8px;background:var(--l-pan);border-radius:var(--l-r);display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.tr-tabs a{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;background:var(--l-bg);color:var(--l-hi);text-decoration:none;font-weight:600;font-size:15px;border:1px solid transparent}
.tr-tabs a .tr-ico{color:var(--l-em)}
.tr-tabs a:hover{border-color:var(--l-line)}
.tr-tabs a[aria-current]{border-color:var(--l-em);background:#13322B}

/* Drawer */
.tr-drawer{position:fixed;inset:0;z-index:60;background:rgba(5,10,15,.6)}
.tr-drawer[hidden]{display:none}
.tr-drawer__panel{position:absolute;left:0;top:0;bottom:0;width:min(340px,88vw);background:var(--l-ink);padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.tr-drawer__top{display:flex;align-items:center;justify-content:space-between}
.tr-drawer__x{width:40px;height:40px;border-radius:12px;border:0;background:var(--l-bg);color:var(--l-hi);font-size:26px;cursor:pointer}
.tr-find{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:40px;background:var(--l-bg);color:var(--l-mute)}
.tr-find input{flex:1;min-width:0;background:transparent;border:0;color:var(--l-hi);font:500 16px Outfit,sans-serif;outline:0}
.tr-drawer__list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tr-drawer__list a{display:flex;align-items:center;gap:12px;height:46px;padding:0 14px;border-radius:12px;background:var(--l-bg);color:var(--l-hi);text-decoration:none;font-weight:600}
.tr-drawer__list a .tr-ico{color:var(--l-em)}
.tr-drawer__list a[aria-current]{outline:1px solid var(--l-em)}
.tr-drawer__small a{height:38px;background:transparent;color:var(--l-tx);font-weight:400;font-size:15px}
.tr-drawer__go{width:100%}
.tr-drawer__18{font-size:13px;color:var(--l-mute);text-align:center;margin:0}

/* Layout */
.tr-main{max-width:var(--l-w);margin:0 auto;padding:0 var(--l-pad) 40px}
.tr-crumbs{display:flex;gap:8px;font-size:14px;color:var(--l-mute);margin-top:16px}
.tr-crumbs a{color:var(--l-mute)}
.tr-sec{margin-top:var(--l-gap);background:var(--l-pan);border-radius:var(--l-r);padding:24px}
.tr-sec--open{background:transparent;padding:0}
.tr-sec > * + *{margin-top:16px}
.tr-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tr-head h2{display:flex;align-items:center;gap:10px}
.tr-head__ico{width:10px;height:22px;border-radius:4px;background:var(--l-em);flex:none}
.tr-head__more{color:var(--l-mute);font-size:15px;text-decoration:none;white-space:nowrap}
.tr-head__more:hover{color:var(--l-hi)}
.tr-sub{display:grid;gap:12px}
.tr-sub h3{margin-top:6px}
.tr-tx{color:var(--l-tx)}
.tr-tx:empty{min-height:var(--h);border:1px dashed #2E4256;border-radius:12px}

/* Hero */
.tr-hero{margin-top:22px}
.tr-hero__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.tr-kick{color:var(--l-or);font-weight:600;font-size:15px;margin:0 0 6px}
.tr-hero__go{display:flex;align-items:center;gap:12px;flex:none}
.tr-hero > .tr-tx{margin-top:14px}
.tr-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.tr-promos--2{grid-template-columns:repeat(2,1fr)}
.tr-promo{background:var(--l-pan);border-radius:var(--l-r);overflow:hidden;display:flex;flex-direction:column}
.tr-promo img{width:100%;aspect-ratio:800/452;object-fit:contain;background:#0B1620}
.tr-promo__body{padding:14px 16px 18px;text-align:center;display:flex;flex-direction:column;gap:6px;flex:1}
.tr-promo h3{color:var(--l-or);font-size:18px;font-weight:700}
.tr-promo p{margin:0;color:var(--l-hi);font-size:15px}
.tr-promo__btns{display:flex;justify-content:center;gap:10px;margin-top:auto;padding-top:8px}

/* Games */
.tr-games{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tr-games a{display:block;text-decoration:none;color:var(--l-tx)}
.tr-games img{border-radius:14px;aspect-ratio:1;width:100%;transition:transform .15s}
.tr-games a:hover img{transform:translateY(-3px)}
.tr-games span{display:block;margin-top:6px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tr-cat{background:var(--l-pan2);border-radius:14px;padding:16px;display:grid;gap:8px;align-content:start}
.tr-cat h3{display:flex;align-items:center;gap:8px}
.tr-cat h3::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--l-or)}

/* Pills */
.tr-pills{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.tr-pills li{background:var(--l-pan2);border-radius:14px;padding:14px 16px;display:grid;gap:2px}
.tr-pills b{color:var(--l-or);font-size:26px;font-weight:700;line-height:1.15}
.tr-pills span{color:var(--l-mute);font-size:14px}
.tr-hero .tr-pills li,.tr-band .tr-pills li{background:var(--l-pan)}

/* Tables */
.tr-tbl{overflow-x:auto;border-radius:14px;border:1px solid var(--l-line)}
.tr-tbl table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}
.tr-tbl th,.tr-tbl td{padding:12px 16px;text-align:left;vertical-align:top}
.tr-tbl thead th{background:var(--l-ink);color:var(--l-mute);font-weight:500;font-size:14px}
.tr-tbl tbody th{color:var(--l-hi);font-weight:600}
.tr-tbl tbody tr:nth-child(odd){background:var(--l-pan2)}
.tr-tbl td{color:var(--l-hi)}
.tr-tbl--kv table{min-width:0}
.tr-tbl--kv tbody th{width:42%;color:var(--l-tx);font-weight:400}
.tr-tbl--kv td{font-weight:600}
.tr-tbl tr.tr-sum th,.tr-tbl tr.tr-sum td{color:var(--l-or);font-weight:700;background:#1F2A2A}
.tr-em{color:var(--l-em2)}
.tr-or{color:var(--l-or)}

/* Split blocks: art + rules */
.tr-split{display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:24px;align-items:start}
.tr-split > img{border-radius:14px}
.tr-split--r{grid-template-columns:1fr minmax(0,480px)}
.tr-split--r > img{order:2}

/* Pack ribbon on /bonus */
.tr-pack{display:grid;grid-template-columns:500px 1fr;gap:24px;align-items:center;background:var(--l-pan);border-radius:var(--l-r);padding:20px;margin-top:18px}
.tr-pack > img{border-radius:12px}

/* VIP ladder */
.tr-vip{display:grid;grid-template-columns:.8fr repeat(4,1fr);gap:12px;align-items:end}
.tr-vip__col{background:var(--l-pan2);border-radius:14px;padding:12px;display:grid;gap:8px}
.tr-vip__col h3{font-size:16px;color:var(--l-or);text-align:center;padding-bottom:4px}
.tr-vip__col{margin-bottom:var(--st,0)}
.tr-vip__lvl{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;background:var(--l-pan);border-radius:12px;padding:6px 10px 6px 6px}
.tr-vip__lvl img{width:52px;height:52px}
.tr-vip__lvl b{display:block;color:var(--l-hi);font-size:14px;font-weight:600;line-height:1.25}
.tr-vip__lvl small{display:block;color:var(--l-mute);font-size:13px;line-height:1.3}
.tr-vip__lvl small em{font-style:normal;color:var(--l-em2)}
.tr-vip__col--top{outline:1px solid #6B4A1D}

/* Wheels */
.tr-wheels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tr-wheels li{background:var(--l-pan2);border-radius:14px;padding:16px;text-align:center;display:grid;gap:4px;justify-items:center}
.tr-wheel{width:64px;height:64px;border-radius:50%;border:6px solid var(--c);display:grid;place-items:center;margin-bottom:6px;background:repeating-conic-gradient(var(--c) 0 10deg,transparent 10deg 30deg)}
.tr-wheel::after{content:"";width:16px;height:16px;border-radius:50%;background:var(--l-ink);border:3px solid var(--c)}
.tr-wheels b{color:var(--l-hi)}
.tr-wheels span{color:var(--l-mute);font-size:14px}

/* Steps, traps, lists */
.tr-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:s}
.tr-steps li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;background:var(--l-pan2);border-radius:12px;padding:12px 14px}
.tr-steps__n{width:32px;height:32px;border-radius:50%;background:var(--l-em);color:var(--l-ink);display:grid;place-items:center;font-weight:700}
.tr-steps div > b{display:block;color:var(--l-hi);font-weight:600}
.tr-steps div > span{display:block;color:var(--l-tx);font-size:15px}
.tr-steps--3{grid-template-columns:repeat(3,1fr)}
.tr-traps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.tr-trap{background:var(--l-pan2);border-left:3px solid var(--l-or);border-radius:10px;padding:12px 14px;display:grid;gap:2px}
.tr-trap b{color:var(--l-hi);font-weight:600}
.tr-trap span{font-size:15px}
.tr-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tr-cols--2{grid-template-columns:repeat(2,1fr)}
.tr-card{background:var(--l-pan2);border-radius:14px;padding:16px;display:grid;gap:10px;align-content:start}
.tr-card h3{font-size:18px}
.tr-check{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tr-check li{position:relative;padding-left:26px;font-size:16px}
.tr-check li::before{content:"";position:absolute;left:2px;top:6px;width:12px;height:7px;border-left:2px solid var(--l-em2);border-bottom:2px solid var(--l-em2);transform:rotate(-45deg)}
.tr-check--x li::before{width:12px;height:2px;border:0;background:var(--l-or);transform:none;top:12px}
.tr-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tr-chips li{background:var(--l-bg);border:1px solid var(--l-line);border-radius:40px;padding:6px 14px;font-size:15px;color:var(--l-hi)}
.tr-time{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tr-time li{background:var(--l-pan2);border-radius:12px;padding:14px;border-top:3px solid var(--l-em);display:grid;gap:2px}
.tr-time b{color:var(--l-hi);font-size:20px}
.tr-time span{font-size:14px;color:var(--l-mute)}

/* TOC */
.tr-toc{margin-top:var(--l-gap);background:var(--l-pan);border-radius:40px;padding:0 8px}
.tr-toc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;height:52px;padding:0 16px}
.tr-toc summary::-webkit-details-marker{display:none}
.tr-toc summary span{color:var(--l-hi);font-weight:600;background:var(--l-bg);border-radius:40px;padding:6px 14px}
.tr-toc summary em{font-style:normal;color:var(--l-mute);font-size:15px}
.tr-toc summary::after{content:"›";margin-left:auto;color:var(--l-mute);font-size:22px;transition:transform .15s}
.tr-toc[open]{border-radius:var(--l-r)}
.tr-toc[open] summary::after{transform:rotate(90deg)}
.tr-toc ol{margin:0;padding:4px 24px 18px 40px;columns:2;column-gap:32px}
.tr-toc li{margin:4px 0}
.tr-toc a{color:var(--l-tx)}

/* CTA, FAQ, RG */
.tr-cta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}
.tr-cta__note{flex-basis:100%;text-align:center;font-size:14px;color:var(--l-mute)}
.tr-faq__item{background:var(--l-pan2);border-radius:12px}
.tr-faq__item + .tr-faq__item{margin-top:8px}
.tr-faq summary{list-style:none;cursor:pointer;padding:14px 48px 14px 16px;color:var(--l-hi);font-weight:600;position:relative}
.tr-faq summary::-webkit-details-marker{display:none}
.tr-faq summary::after{content:"+";position:absolute;right:16px;top:10px;font-size:24px;color:var(--l-em2)}
.tr-faq details[open] summary::after{content:"–"}
.tr-faq__a{padding:0 16px 14px}
.tr-faq__a:empty{min-height:56px;margin:0 16px 14px;padding:0;border:1px dashed #2E4256;border-radius:10px}
.tr-rg{margin-top:var(--l-gap);display:flex;gap:16px;align-items:flex-start;background:var(--l-pan2);border:1px solid #4A3A22;border-radius:var(--l-r);padding:18px 20px}
.tr-rg__age{flex:none;width:48px;height:48px;border-radius:50%;border:2px solid var(--l-or);color:var(--l-or);display:grid;place-items:center;font-weight:700}
.tr-rg b{color:var(--l-hi);display:block;margin-bottom:4px}
.tr-rg p{margin:0;font-size:15px}

/* Footer and dock */
.tr-foot{background:var(--l-ink);padding:32px 0 90px}
.tr-foot__in{max-width:var(--l-w);margin:0 auto;padding:0 var(--l-pad);display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:14px}
.tr-fcard{background:var(--l-pan);border-radius:var(--l-r);padding:18px;display:grid;gap:10px;align-content:start;font-size:15px}
.tr-fcard h2{font-size:16px;color:var(--l-hi)}
.tr-fcard ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.tr-fcard a{color:var(--l-tx);text-decoration:none}
.tr-fcard a:hover{color:var(--l-hi)}
.tr-fcard .tr-btn{color:var(--l-ink);justify-self:start}
.tr-fcard p{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tr-foot__copy{max-width:var(--l-w);margin:18px auto 0;padding:0 var(--l-pad);font-size:14px;color:var(--l-mute)}
.tr-dock{display:none}

@media (max-width:1100px){
  .tr-tabs a{padding:0 12px;font-size:14px}
  .tr-vip{grid-template-columns:repeat(2,1fr);align-items:start}
  .tr-vip__col{margin-bottom:0}
  .tr-pack{grid-template-columns:1fr}
  .tr-pack > img{justify-self:center}
  .tr-foot__in{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  :root{--l-pad:16px;--l-gap:20px}
  body{font-size:16px}
  h1{font-size:27px}
  h2{font-size:21px}
  .tr-top__in{height:58px;gap:10px}
  .tr-search,.tr-tabs,.tr-auth .tr-btn--soft{display:none}
  .tr-logo{font-size:23px}
  .tr-logo b{width:21px;height:21px;font-size:14px}
  .tr-auth .tr-btn--h{height:36px;padding:0 14px;font-size:14px}
  .tr-hero__head{flex-direction:column;align-items:center;text-align:center}
  .tr-promos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:calc(-1*var(--l-pad));margin-right:calc(-1*var(--l-pad));padding:0 var(--l-pad) 4px;scrollbar-width:none}
  .tr-promos::-webkit-scrollbar{display:none}
  .tr-promos .tr-promo{flex:0 0 84%;scroll-snap-align:center}
  .tr-promos--stack{display:grid;grid-template-columns:1fr;margin:18px 0 0;padding:0;overflow:visible}
  .tr-promos--stack .tr-promo{flex:none}
  .tr-sec{padding:18px 14px}
  .tr-games{grid-template-columns:repeat(4,1fr);gap:8px}
  .tr-games span{font-size:11px}
  .tr-cats,.tr-cols,.tr-cols--2,.tr-traps,.tr-steps--3{grid-template-columns:1fr}
  .tr-split,.tr-split--r{grid-template-columns:1fr}
  .tr-split--r > img{order:0}
  .tr-wheels,.tr-time{grid-template-columns:repeat(2,1fr)}
  .tr-vip{grid-template-columns:1fr}
  .tr-toc ol{columns:1}
  .tr-head{flex-wrap:wrap}
  .tr-tbl table{font-size:15px}
  .tr-tbl th,.tr-tbl td{padding:10px 12px}
  .tr-foot__in{grid-template-columns:1fr}
  .tr-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;align-items:center;justify-content:center;gap:10px;padding:10px 12px;background:var(--l-ink);border-top:1px solid var(--l-line);font-size:14px;color:var(--l-hi)}
  .tr-dock b{color:var(--l-or)}
}
@media (max-width:420px){
  .tr-dock > span:first-child{font-size:13px}
  .tr-btn{padding:0 24px}
  .tr-tbl table{min-width:440px}
}
.tr-games li,.tr-time li,.tr-pills li,.tr-wheels li{min-width:0}
@media (max-width:420px){
  .tr-btn{white-space:normal;text-align:center;height:auto;min-height:48px;padding:10px 22px;line-height:1.2;max-width:100%}
  .tr-hero__go{max-width:100%}
  .tr-time b{font-size:18px}
}
@media (max-width:900px){
  .tr-top .tr-logo{position:static;transform:none;font-size:21px}
  .tr-top .tr-logo b{width:19px;height:19px;font-size:13px}
  .tr-auth .tr-btn--h{white-space:nowrap;min-height:0;height:36px;padding:0 14px;line-height:1}
}

/* v6: closer to the official lobby */
.tr-btn--go{color:var(--l-hi)}
.tr-btn--go:hover{background:#34BF8C}
.tr-fcard .tr-btn{color:var(--l-hi)}
.tr-btn--ghost{background:rgba(43,84,122,.2);border-color:transparent}
.tr-btn--ghost:hover{background:rgba(43,84,122,.4);border-color:transparent}
.tr-ico--off{display:inline-grid;place-items:center;color:var(--l-mute)}
.tr-ico--off svg{width:20px;height:20px}
/* Left icon rail like the official sidebar */
.tr-rail{position:fixed;left:0;top:64px;bottom:0;width:60px;background:var(--l-ink);display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:18px;z-index:30;border-right:1px solid #132331}
.tr-rail a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--l-mute);background:var(--l-bg)}
.tr-rail a:hover,.tr-rail a[aria-current]{background:#13322B;color:var(--l-hi)}
.tr-rail .tr-ico,.tr-rail .tr-ico--off svg{width:20px;height:20px}
/* Capsule with greeting, tabs and Meer */
.tr-tabs__in{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;padding:8px 14px}
.tr-tabs__hi{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--l-mute)}
.tr-tabs__hi b{color:var(--l-hi);font-weight:600}
.tr-tabs__list{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.tr-tabs a .tr-ico--off{color:inherit}
.tr-meer{position:relative}
.tr-meer summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:12px;background:var(--l-bg);color:var(--l-hi);font-weight:600;font-size:15px;border:1px solid transparent}
.tr-meer summary::-webkit-details-marker{display:none}
.tr-meer summary span{color:var(--l-em);font-size:12px}
.tr-meer summary.is-on{border-color:var(--l-em);background:#13322B}
.tr-meer ul{list-style:none;margin:0;padding:8px;position:absolute;right:0;top:46px;z-index:50;background:var(--l-ink);border:1px solid var(--l-line);border-radius:14px;display:grid;gap:6px;min-width:210px}
.tr-meer ul a{width:100%}
/* Link cards for neighbour topics */
.tr-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.tr-link{position:relative;display:grid;gap:2px;padding:14px 40px 14px 16px;border-radius:14px;background:var(--l-pan2);text-decoration:none;border:1px solid transparent}
.tr-link:hover{border-color:var(--l-em)}
.tr-link b{color:var(--l-hi);font-weight:600}
.tr-link span{color:var(--l-mute);font-size:14px}
.tr-link i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--l-em2);font-size:22px}
.tr-card > a:not(.tr-btn){color:var(--l-em2);font-size:15px}
.tr-card > p.tr-or{margin:0;font-weight:600}
@media (max-width:1380px){.tr-rail{display:none}}
@media (max-width:1240px){.tr-tabs__hi{display:none}}
@media (max-width:900px){.tr-links{grid-template-columns:1fr}}
.tr-tabs__hi{position:static;transform:none;white-space:nowrap;margin-right:auto;padding-left:4px}
.tr-tabs__hi + .tr-tabs__list{margin-right:auto}
.tr-tabs a,.tr-meer summary{padding:0 14px}
@media (max-width:1240px){.tr-tabs__hi{display:none}.tr-tabs__list{margin:0 auto}}
@media (max-width:360px){
  .tr-top__in{gap:6px;padding:0 12px}
  .tr-dots{width:36px;height:36px}
  .tr-top .tr-logo{font-size:17px}
  .tr-top .tr-logo b{width:15px;height:15px;font-size:10px}
  .tr-auth{gap:6px;flex:none}
  .tr-auth .tr-btn--h{padding:0 10px;font-size:13px;height:34px}
  .tr-dock{gap:6px;padding:8px}
  .tr-dock .tr-btn--s{padding:0 14px}
}
.tr-promos{max-width:100vw}
.tr-time b,.tr-time span,.tr-pills b{overflow-wrap:anywhere}
@media (max-width:340px){.tr-time b{font-size:16px}}

/* v9: polish. Rhythm, type, cards, hero, tables, FAQ, focus */
:root{--l-gap:64px;--l-rc:14px;--l-shadow:0 6px 18px rgba(0,0,0,.28)}
body{line-height:1.6}
h1{font-size:40px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
h2{font-size:26px;font-weight:700;line-height:1.25}
h3{font-size:19px;font-weight:600;line-height:1.3}
.tr-tx{font-size:17px;line-height:1.65}
.tr-tx p{margin:0 0 14px}
.tr-tx p:last-child{margin-bottom:0}
.tr-tx p + p{padding-top:2px}
.tr-tx ul,.tr-tx ol{margin:0 0 14px;padding-left:22px}
.tr-tx li{margin:4px 0}
.tr-tx h3{margin:20px 0 8px}
.tr-tx a{font-weight:500}

/* rhythm */
.tr-sec{margin-top:var(--l-gap);padding:32px}
.tr-sec > * + *{margin-top:20px}
.tr-sec > .tr-head + *{margin-top:18px}
.tr-toc,.tr-rg{margin-top:var(--l-gap)}
.tr-hero{margin-top:28px}
.tr-hero > * + *{margin-top:20px}
.tr-hero > .tr-hero__head + *{margin-top:20px}
.tr-faq{padding-bottom:24px}

/* one radius for cards, pills for buttons */
.tr-promo,.tr-cat,.tr-card,.tr-pills li,.tr-steps li,.tr-trap,.tr-time li,.tr-wheels li,.tr-vip__col,.tr-link,.tr-tbl,.tr-faq__item,.tr-pack > img,.tr-split > img{border-radius:var(--l-rc)}
.tr-trap{border-radius:var(--l-rc)}

/* buttons */
.tr-btn{transition:background .15s,transform .15s,box-shadow .15s,border-color .15s}
.tr-btn--go{color:var(--l-ink);box-shadow:0 4px 14px rgba(45,171,125,.28)}
.tr-btn--go:hover{background:#34BF8C;transform:translateY(-1px)}
.tr-fcard .tr-btn,.tr-dock .tr-btn{color:var(--l-ink)}
.tr-btn--line{background:transparent;border:1.5px solid var(--l-em);color:var(--l-hi);font-weight:600;height:52px;padding:0 26px;font-size:17px}
.tr-btn--line:hover{background:rgba(45,171,125,.12)}
.tr-hero__go{gap:12px;flex-wrap:wrap;justify-content:flex-end}
.tr-hero__go .tr-btn--go{height:56px;padding:0 36px;font-size:18px}
.tr-cta .tr-btn--go{height:56px;padding:0 40px}

/* focus */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--l-em2);outline-offset:3px;border-radius:10px}
.tr-btn:focus-visible{border-radius:40px}

/* hero with art */
.tr-hero--art{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:20px 36px;align-items:center}
.tr-hero--art > *{grid-column:1/-1}
.tr-hero--art > .tr-hero__head{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;gap:20px}
.tr-hero--art > .tr-hero__head .tr-hero__go{justify-content:flex-start}
.tr-hero--art > .tr-hero__art{grid-column:2;grid-row:1;margin:0;justify-self:end;width:100%}
.tr-hero__art img{width:100%;border-radius:18px;box-shadow:var(--l-shadow)}
.tr-hero--art > .tr-hero__art + *{margin-top:4px}

/* promo cards and covers */
.tr-promos{align-items:stretch}
.tr-promo{box-shadow:var(--l-shadow);border:1px solid transparent;transition:transform .18s,border-color .18s,box-shadow .18s}
.tr-promo:hover{transform:translateY(-4px);border-color:rgba(45,171,125,.55);box-shadow:0 10px 26px rgba(0,0,0,.35)}
.tr-promo__body{padding:16px 18px 20px;gap:8px}
.tr-games img{box-shadow:0 4px 12px rgba(0,0,0,.3);outline:1px solid transparent;transition:transform .18s,outline-color .18s}
.tr-games a:hover img{transform:translateY(-4px);outline-color:var(--l-em)}
.tr-games a:hover span{color:var(--l-hi)}
.tr-link{transition:border-color .15s,transform .15s}
.tr-link:hover{transform:translateY(-2px)}
.tr-cats,.tr-cols,.tr-traps,.tr-links{align-items:stretch}

/* tables */
.tr-tbl{border-color:#2A3D50;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.tr-tbl thead th{background:#0E1B26;color:var(--l-or2);font-weight:600;font-size:14px;border-bottom:1px solid #2A3D50}
.tr-tbl tbody tr:nth-child(odd){background:var(--l-pan2)}
.tr-tbl tbody tr:nth-child(even){background:#1A2734}
.tr-tbl tbody tr + tr th,.tr-tbl tbody tr + tr td{border-top:1px solid #223345}
.tr-tbl--kv thead th{color:var(--l-mute)}

/* FAQ */
.tr-faq__item{border:1px solid transparent;transition:border-color .15s}
.tr-faq__item + .tr-faq__item{margin-top:10px}
.tr-faq__item[open]{border-color:#2A3D50}
.tr-faq summary{padding:16px 60px 16px 18px;font-size:17px}
.tr-faq summary::after{content:"";right:18px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#13322B center/12px 12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%232BDEA8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");transition:transform .2s}
.tr-faq details[open] summary::after{content:"";transform:rotate(45deg)}
.tr-faq__a{padding:0 18px 18px;line-height:1.65}

/* steps */
.tr-steps li{padding:14px 16px}

@media (max-width:900px){
  :root{--l-gap:40px}
  h1{font-size:28px}
  h2{font-size:22px}
  h3{font-size:18px}
  .tr-tx{font-size:16px}
  .tr-sec{padding:22px 16px}
  .tr-hero--art{grid-template-columns:1fr}
  .tr-hero--art > .tr-hero__head{grid-column:1;align-items:center}
  .tr-hero--art > .tr-hero__head .tr-hero__go{justify-content:center}
  .tr-hero--art > .tr-hero__art{grid-column:1;grid-row:auto;justify-self:center;max-width:460px}
  .tr-hero__go{justify-content:center}
  .tr-hero__go .tr-btn--go{height:52px;padding:0 28px;font-size:17px}
  .tr-btn--line{height:48px;padding:0 22px;font-size:16px}
  .tr-promo:hover,.tr-games a:hover img,.tr-link:hover{transform:none}
  .tr-foot{padding-bottom:110px}
  .tr-main{padding-bottom:24px}
  /* tables as cards (labels from JS), key-value tables stay */
  .tr-tbl--cards{border:0;box-shadow:none;overflow:visible}
  .tr-tbl--cards table,.tr-tbl--cards tbody,.tr-tbl--cards tr,.tr-tbl--cards th,.tr-tbl--cards td{display:block;min-width:0;width:auto}
  .tr-tbl--cards table{min-width:0}
  .tr-tbl--cards thead{display:none}
  .tr-tbl--cards tbody{display:grid;gap:10px}
  .tr-tbl--cards tr{background:var(--l-pan2)!important;border:1px solid #2A3D50;border-radius:var(--l-rc);padding:12px 14px}
  .tr-tbl--cards tbody tr + tr th,.tr-tbl--cards tbody tr + tr td{border-top:0}
  .tr-tbl--cards th{padding:0 0 6px;color:var(--l-or);font-size:16px}
  .tr-tbl--cards th:empty{display:none}
  .tr-tbl--cards td{padding:5px 0;display:flex;justify-content:space-between;gap:12px;text-align:right;border-top:1px solid #223345}
  .tr-tbl--cards td::before{content:attr(data-label);color:var(--l-mute);text-align:left;font-size:14px;flex:none;max-width:48%}
  .tr-tbl--kv table{min-width:0}
}
@media (max-width:420px){
  .tr-hero__go .tr-btn,.tr-cta .tr-btn--go{min-height:50px;height:auto}
}

/* v10: block by block */
h1,h2,h3{text-wrap:balance}
.tr-tx p{text-wrap:pretty}

/* section heading: official icon chip */
.tr-head__ico{width:38px;height:38px;border-radius:12px;background:#13322B;color:var(--l-em2);display:grid;place-items:center;flex:none}
.tr-head__ico svg{width:20px;height:20px}
.tr-head h2{gap:12px}

/* text slots: lead paragraph, highlighted figures, links */
.tr-tx > p:first-child{font-size:19px;line-height:1.55;color:#D2DBE2}
.tr-hero .tr-tx > p:first-child{font-size:19px}
.tr-tx b,.tr-tx strong,.tr-num{color:var(--l-or2);font-weight:600}
.tr-num{white-space:nowrap}
.tr-tx a{text-decoration-color:rgba(43,222,168,.5)}
.tr-tx ul{list-style:none;padding-left:0}
.tr-tx ul li{position:relative;padding-left:26px}
.tr-tx ul li::before{content:"";position:absolute;left:2px;top:.55em;width:12px;height:12px;border-radius:50%;border:3px solid var(--l-em);box-sizing:border-box}

/* alternating section surfaces: panel, open, full-width band */
.tr-main > section.tr-sec:nth-of-type(3n+2){background:transparent;padding-left:0;padding-right:0}
.tr-main > section.tr-sec:nth-of-type(3n+2) :is(.tr-card,.tr-pills li,.tr-steps li,.tr-trap,.tr-time li,.tr-cat,.tr-link,.tr-faq__item,.tr-wheels li,.tr-plate){background:var(--l-pan)}
.tr-main > section.tr-sec:nth-of-type(3n+2) .tr-tbl tbody tr:nth-child(odd){background:var(--l-pan)}
.tr-main > section.tr-sec:nth-of-type(3n+2) .tr-tbl tbody tr:nth-child(even){background:#17232F}
.tr-main > section.tr-sec:nth-of-type(3n){background:#0C1720;border-radius:0;box-shadow:0 0 0 100vmax #0C1720;clip-path:inset(0 -100vmax);padding:44px 0}

/* two columns: visual + text */
.tr-sec--duo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px 40px;align-items:start}
.tr-sec--duo > *{grid-column:1/-1;margin-top:0!important}
.tr-sec--duo > :nth-child(2){grid-column:1;grid-row:2}
.tr-sec--duo > :nth-child(3){grid-column:2;grid-row:2}
.tr-sec--rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.tr-sec--rev > :nth-child(2){grid-column:2}
.tr-sec--rev > :nth-child(3){grid-column:1}
.tr-sec--duo .tr-tbl table{min-width:0}

/* text + illustrative plate */
.tr-sec--plate{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px 40px;align-items:start}
.tr-sec--plate > *{grid-column:1/-1;margin-top:0!important}
.tr-sec--plate > .tr-tx{grid-column:1;grid-row:2}
.tr-sec--plate > .tr-plate{grid-column:2;grid-row:2}
.tr-plate{background:var(--l-pan2);border:1px solid #2A3D50;border-radius:var(--l-rc);padding:24px 20px;display:grid;justify-items:center;text-align:center;gap:8px;min-height:190px;align-content:center}
.tr-plate__ico{width:60px;height:60px;border-radius:18px;background:#13322B;display:grid;place-items:center;color:var(--l-em2);margin-bottom:4px}
.tr-plate__ico svg{width:30px;height:30px}
.tr-plate b{color:var(--l-or);font-size:26px;font-weight:700;line-height:1.15}
.tr-plate span:last-child{color:var(--l-mute);font-size:15px}

/* warnings: icon chip instead of a side stripe */
.tr-trap{border-left:0;border:1px solid #2A3D50;position:relative;padding:14px 16px 14px 56px}
.tr-trap::before{content:"!";position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;background:rgba(255,160,52,.14);color:var(--l-or);display:grid;place-items:center;font-weight:700;font-size:15px}

/* timeline tiles: dot marker instead of a top stripe */
.tr-time li{border-top:0;border:1px solid #2A3D50;position:relative;padding:16px 16px 16px 40px}
.tr-time li::before{content:"";position:absolute;left:16px;top:24px;width:10px;height:10px;border-radius:50%;background:var(--l-em);box-shadow:0 0 0 4px rgba(45,171,125,.18)}

/* steps: number circles with a connecting line */
.tr-steps{gap:12px}
.tr-steps li{position:relative;border:1px solid #2A3D50}
.tr-steps li:not(:last-child)::after{content:"";position:absolute;left:32px;top:50px;bottom:-14px;width:2px;background:rgba(45,171,125,.4);z-index:1}
.tr-steps__n{position:relative;z-index:2;box-shadow:0 0 0 4px var(--l-pan2)}

/* tables: marker in first column, total row, code and status badges */
.tr-tbl tbody th::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--l-em);margin-right:10px;vertical-align:middle;position:relative;top:-1px}
.tr-tbl--sum tbody tr:last-child th,.tr-tbl--sum tbody tr:last-child td{background:#2A2216;color:var(--l-or);font-weight:700}
.tr-tbl--sum tbody tr:last-child th::before{background:var(--l-or)}
.tr-tbl .tr-em{display:inline-block;font-weight:700;letter-spacing:.04em;background:#13322B;border:1px solid #1F5A45;border-radius:8px;padding:1px 8px;font-size:14px}
.tr-badge{display:inline-block;padding:2px 10px;border-radius:40px;font-size:13px;font-weight:600;background:rgba(126,146,161,.16);color:#C5D0D8;white-space:nowrap}
.tr-badge--ok{background:rgba(45,171,125,.16);color:var(--l-em2)}

/* in-page CTA: banner with art */
.tr-cta{display:grid;grid-template-columns:220px minmax(0,1fr) auto;align-items:center;gap:20px 24px;background:#112A26;border:1px solid #1F5A45;border-radius:18px;padding:14px 22px 14px 14px;margin-top:24px}
.tr-cta__art{width:220px;border-radius:12px}
.tr-cta__body{display:grid;gap:4px}
.tr-cta__offer{color:var(--l-hi);font-size:20px;font-weight:700;line-height:1.25}
.tr-cta__note{flex-basis:auto;text-align:left;color:#9FB2BF;font-size:14px}
.tr-cta__go{display:flex;align-items:center;gap:12px}

/* FAQ: question chip */
.tr-faq summary{padding-left:60px}
.tr-faq summary::before{content:"?";position:absolute;left:16px;top:50%;margin-top:-15px;width:30px;height:30px;border-radius:10px;background:#13322B;color:var(--l-em2);display:grid;place-items:center;font-weight:700;font-size:15px}
.tr-faq__a{padding-left:60px}
.tr-faq__a:empty{margin-left:60px}

/* RG plate */
.tr-rg{background:rgba(255,160,52,.06);border:1px solid rgba(255,160,52,.32);align-items:center;padding:20px 24px}
.tr-rg__age{width:56px;height:56px;font-size:18px;background:rgba(255,160,52,.12)}

@media (max-width:900px){
  .tr-main > section.tr-sec:nth-of-type(3n){padding:32px 0}
  .tr-sec--duo,.tr-sec--rev,.tr-sec--plate{grid-template-columns:1fr}
  .tr-sec--duo > :nth-child(2),.tr-sec--duo > :nth-child(3),.tr-sec--plate > .tr-tx,.tr-sec--plate > .tr-plate{grid-column:1;grid-row:auto}
  .tr-plate{min-height:0;padding:18px}
  .tr-cta{grid-template-columns:1fr;justify-items:center;text-align:center;padding:16px}
  .tr-cta__art{width:100%;max-width:360px}
  .tr-cta__note{text-align:center}
  .tr-cta__go{justify-content:center;flex-wrap:wrap}
  .tr-tx > p:first-child,.tr-hero .tr-tx > p:first-child{font-size:17.5px}
  .tr-faq summary{padding-left:54px}
  .tr-faq summary::before{left:12px}
  .tr-faq__a{padding-left:18px}
  .tr-faq__a:empty{margin-left:18px}
  .tr-steps li:not(:last-child)::after{left:31px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}
@media (max-width:900px){.tr-badge{white-space:normal;text-align:right}.tr-tbl--cards td{min-width:0}}
.tr-main > section.tr-sec:nth-of-type(3n){background:#0A141C;box-shadow:0 0 0 100vmax #0A141C}
.tr-sec--duo:not(.tr-sec--rev):has(> .tr-tbl:nth-child(2):not(.tr-tbl--kv)){grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.tr-sec--rev:has(> .tr-tbl:nth-child(2):not(.tr-tbl--kv)){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
@media (max-width:900px){.tr-sec--duo:has(> .tr-tbl),.tr-sec--rev:has(> .tr-tbl){grid-template-columns:1fr}}
@media (max-width:900px){.tr-cols:has(> .tr-card:nth-child(4)){grid-template-columns:1fr 1fr;gap:10px}.tr-cols:has(> .tr-card:nth-child(4)) .tr-card{padding:14px}}

/* v12: shell and home as close as possible to the official lobby */
:root{--l-w:1320px;--l-rc:12px;--l-line2:#425869}
.tr-sec{border-radius:12px}
.tr-main > section.tr-sec:nth-of-type(3n){border-radius:0}

/* rail on every desktop width, dots on top, 18+ at the bottom */
@media (min-width:901px){
  body{padding-left:56px}
  .tr-rail{display:flex!important;top:0;width:56px;padding:12px 0 16px;gap:8px;z-index:41;background:var(--l-ink);border-right:1px solid #132331}
  .tr-rail a{width:40px;height:40px;background:transparent}
  .tr-rail a .tr-ico--off{color:#94A4B0}
  .tr-rail a:hover,.tr-rail a[aria-current]{background:var(--l-bg)}
  .tr-dots--rail{margin-bottom:22px;background:transparent}
  .tr-rail__18{margin-top:auto;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--l-mute);color:var(--l-mute);display:grid;place-items:center;font-size:11px;font-weight:700}
  .tr-top .tr-top__in > .tr-dots{display:none}
  .tr-top__in{max-width:none;padding:0 24px}
}
@media (max-width:900px){.tr-rail{display:none!important}}

/* header like the official one */
.tr-search{background:#16222E;padding:0 26px 0 16px;color:#F1F1F1;font-weight:500}
.tr-search .tr-ico{color:#94A4B0}
.tr-auth .tr-btn--soft{background:rgba(43,84,122,.2)}

/* capsule bar */
.tr-tabs{max-width:none;padding:0 24px;margin-top:10px}
.tr-tabs__in{background:var(--l-pan);border-radius:12px;padding:8px 16px}
.tr-tabs__hi{display:flex;align-items:center;gap:8px;color:#F1F1F1;font-weight:500}
.tr-tabs__hi .tr-ico--off{color:var(--l-em2)}
.tr-tabs__hi b{font-weight:500}
.tr-tabs a,.tr-meer summary{background:var(--l-bg);border-radius:10px;font-weight:600}

/* wider lobby container */
.tr-main{max-width:calc(var(--l-w) + 48px)}
.tr-foot__in,.tr-foot__copy{max-width:calc(var(--l-w) + 48px)}

/* lobby hero: H1 row, banners, category icons */
.tr-hero--lobby{margin-top:18px}
.tr-hero--lobby h1{font-size:32px}
.tr-hero--lobby .tr-hero__head{align-items:center}
.tr-banners{margin-top:16px}
.tr-banners ul{list-style:none;margin:0;padding:0 0 4px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.tr-banners ul::-webkit-scrollbar{display:none}
.tr-banners li{flex:0 0 calc((100% - 30px) / 3.35);scroll-snap-align:start}
.tr-banners a{display:block;border-radius:12px;overflow:hidden;background:#0B1620}
.tr-banners img{width:100%;aspect-ratio:800/452;object-fit:contain;transition:transform .2s}
.tr-banners a:hover img{transform:scale(1.02)}
.tr-catrow{margin-top:10px}
.tr-catrow ul{list-style:none;margin:0;padding:4px 0;display:flex;gap:6px;justify-content:space-between;overflow-x:auto;scrollbar-width:none}
.tr-catrow ul::-webkit-scrollbar{display:none}
.tr-catrow a{display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;text-decoration:none}
.tr-catrow__ico{width:56px;height:56px;border-radius:50%;background:#16222E;display:grid;place-items:center;color:var(--l-em2);transition:background .15s}
.tr-catrow__ico svg{width:26px;height:26px}
.tr-catrow a:hover .tr-catrow__ico{background:#13322B}
.tr-catrow__t{font-size:11px;line-height:1.25;color:#94A4B0;text-align:center}
.tr-intro{background:var(--l-pan);border-radius:12px;padding:20px 24px;margin-top:14px}

/* row panels */
.tr-row{background:var(--l-pan);border-radius:12px;padding:16px 18px 18px;margin-top:var(--l-gap)}
.tr-row__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.tr-row__title{display:flex;align-items:center;gap:8px;color:#F1F1F1;font-weight:600;font-size:17px}
.tr-row__ico{display:grid;place-items:center;color:var(--l-em2)}
.tr-row__ico svg{width:20px;height:20px}
.tr-row__more{color:#94A4B0;font-size:14px;text-decoration:none}
.tr-row__more:hover{color:#F1F1F1}
.tr-games{display:flex!important;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#2A3D50 transparent}
.tr-games li{flex:0 0 calc((100% - 56px) / 7.4);min-width:118px;scroll-snap-align:start;position:relative}
.tr-games a{display:block;position:relative;border-radius:8px;overflow:hidden}
.tr-games img{border-radius:8px;box-shadow:none;outline:0}
.tr-games a:hover img{transform:none;filter:brightness(.6)}
.tr-games span{position:absolute;left:8px;right:8px;bottom:8px;margin:0;font-size:13px;font-weight:600;color:#F1F1F1;white-space:normal;line-height:1.25;opacity:0;transition:opacity .15s}
.tr-games a:hover span,.tr-games a:focus-visible span{opacity:1}

/* promotion cards like /campaigns */
.tr-row--promos .tr-promos{margin-top:0}
.tr-promo{background:#16222E;border:1px solid #22344A;box-shadow:none;border-radius:12px}
.tr-promo:hover{transform:none;border-color:#2DAB7D;box-shadow:none}
.tr-promo--bg img{height:150px;object-fit:cover;aspect-ratio:auto;background:none}
.tr-promo h3{font-size:15px;font-weight:600;color:var(--l-or)}
.tr-promo p{font-size:14px;font-weight:500;color:#F1F1F1}
.tr-promo__btns .tr-btn{height:38px;min-width:112px;font-size:15px}

/* wheel of fortune */
.tr-wheelbox{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8px;margin-top:var(--l-gap)}
.tr-wheelbox__art{display:block;border-radius:12px;overflow:hidden;background:#0B1620}
.tr-wheelbox__art img{width:100%}
.tr-wheelbox__side{background:var(--l-pan);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.tr-wheelbox__big{margin:0;color:var(--l-or);font-size:28px;font-weight:700}
.tr-wheelbox__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tr-wheelbox__list li{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;background:#16222E;border-radius:10px;padding:8px 14px 8px 8px}
.tr-wheelbox__list .tr-wheel{width:40px;height:40px;border-width:4px;margin:0}
.tr-wheelbox__list .tr-wheel::after{width:10px;height:10px;border-width:2px}
.tr-wheelbox__list b{color:#F1F1F1}
.tr-wheelbox__list span:last-child{color:#94A4B0;font-size:14px}
.tr-wheelbox__note{margin:0;color:#94A4B0;font-size:14px}
.tr-wheelbox .tr-promo__btns{justify-content:flex-start;margin-top:0;padding-top:0}

/* providers */
.tr-provs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.tr-provs li{background:#16222E;border-radius:8px;height:64px;display:grid;place-items:center;padding:0 16px}
.tr-provs img{max-height:30px;width:auto;max-width:100%;filter:grayscale(1) brightness(1.7);opacity:.75;transition:filter .15s,opacity .15s}
.tr-provs li:hover img{filter:none;opacity:1}

/* footer: columns like the official one */
.tr-foot{background:var(--l-ink);border-top:1px solid #132331}
.tr-fcard{background:transparent;padding:6px 0}
.tr-fcard--brand{background:var(--l-pan);padding:18px;border-radius:12px}
.tr-fcard h2{color:#F1F1F1;font-size:15px}
.tr-fcard a{color:#94A4B0}

@media (max-width:1100px){
  .tr-banners li{flex-basis:calc((100% - 10px) / 2.2)}
  .tr-provs ul{grid-template-columns:repeat(4,1fr)}
  .tr-wheelbox{grid-template-columns:1fr}
}
@media (max-width:900px){
  .tr-tabs{padding:0 var(--l-pad)}
  .tr-hero--lobby h1{font-size:26px}
  .tr-banners ul{margin-right:calc(-1*var(--l-pad))}
  .tr-banners li{flex-basis:84%}
  .tr-catrow ul{justify-content:flex-start;gap:4px;margin-right:calc(-1*var(--l-pad))}
  .tr-catrow a{width:68px}
  .tr-catrow__ico{width:50px;height:50px}
  .tr-row{padding:14px 12px 14px}
  .tr-games li{flex-basis:31%;min-width:0}
  .tr-row--promos .tr-promos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0;padding:0 0 4px;gap:10px}
  .tr-row--promos .tr-promo{flex:0 0 84%;scroll-snap-align:start}
  .tr-provs ul{grid-template-columns:repeat(3,1fr)}
  .tr-provs li{height:54px;padding:0 10px}
  .tr-wheelbox__side{padding:18px}
  .tr-intro{padding:16px}
}