:root{
  --jt-bg:#2a1f63; --jt-side:#551b8e; --jt-navbar:#551b8e;
  --jt-s1:#36258a; --jt-s2:#3b2a7a; --jt-s3:#241a52;
  --jt-line:#4834b0; --jt-line2:#6b54c9;
  --jt-w:#fff; --jt-tx:#f4e2f2; --jt-mut:#9b73dd;
  --jt-violet:#ad31e0; --jt-magenta:#d940ff;
  --jt-grad:linear-gradient(90deg,#8914ff,#3d00a0);
  --jt-grad2:linear-gradient(90deg,#9d2bff,#4a12b3);
  --jt-gold:#fff000; --jt-gold-grad:linear-gradient(180deg,#fff000,#faad14);
  --jt-side-w:232px; --jt-top-h:62px; --jt-max:1320px;
  --jt-r:12px; --jt-rb:10px;
  --jt-font:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--jt-font);background:var(--jt-bg);color:var(--jt-tx);line-height:1.45;font-size:14px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:
  radial-gradient(60% 40% at 80% -5%,rgba(217,64,255,.14),transparent 60%),
  radial-gradient(50% 40% at 0% 10%,rgba(137,20,255,.16),transparent 60%),var(--jt-bg)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}

.jt-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--jt-side-w);z-index:60;background:var(--jt-side);border-right:1px solid var(--jt-line);display:flex;flex-direction:column;transition:transform .25s}
.jt-logo{padding:0 18px;height:var(--jt-top-h);display:flex;align-items:center}
.jt-logo img{height:42px;width:auto;display:block;border-radius:8px}
.jt-top .jt-logo{height:auto;padding:0}
.jt-top .jt-logo img{height:38px}
.sidebarScroll{flex:1;overflow-y:auto;padding:8px 12px 18px;scrollbar-width:thin}

.jt-top{position:fixed;top:0;left:var(--jt-side-w);right:0;height:var(--jt-top-h);z-index:50;display:flex;align-items:center;gap:12px;padding:0 18px;background:rgba(42,31,99,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--jt-line)}
.jt-burger{display:none;width:38px;height:38px;border-radius:var(--jt-rb);background:var(--jt-s1);align-items:center;justify-content:center;flex:0 0 auto}
.jt-burger span{display:block;width:18px;height:2px;background:#fff;position:relative}
.jt-burger span::before,.jt-burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:#fff}
.jt-burger span::before{top:-6px}.jt-burger span::after{top:6px}
.jt-top .jt-logo{display:none;height:auto;padding:0}
.jt-search{flex:1;max-width:360px;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:var(--jt-s3);border:1px solid var(--jt-line);color:var(--jt-mut)}
.jt-search svg{width:18px;height:18px;flex:0 0 auto}
.jt-search input{flex:1;background:none;border:0;color:#fff;font-size:14px;outline:none}
.jt-search input::placeholder{color:var(--jt-mut)}
.jt-top-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.jt-lang{display:flex;align-items:center;height:38px;padding:0 8px;border-radius:999px;background:var(--jt-s1)}
.jt-lang .flag{width:24px;height:24px;border-radius:50%;overflow:hidden;display:block}
.jt-lang .flag svg{width:100%;height:100%}
.jt-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:var(--jt-rb);font-weight:800;font-size:14px;white-space:nowrap}
.jt-btn--ghost{background:var(--jt-s1);border:1px solid var(--jt-line2);color:#fff}
.jt-btn--ghost:hover{background:var(--jt-s2)}
.jt-btn--gold{background:var(--jt-gold-grad);color:#2a1f63}
.jt-btn--gold:hover{filter:brightness(1.05)}

.jt-main{margin-left:var(--jt-side-w);padding-top:calc(var(--jt-top-h) + 16px)}
.jt-wrap{max-width:var(--jt-max);margin:0 auto;padding:0 18px}
.jt-section{margin-bottom:26px}


.jt-sec-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.jt-sec-h .ic{width:22px;height:22px;color:var(--jt-gold)}
.jt-sec-h .ic svg{width:22px;height:22px;fill:currentColor}
.jt-sec-h h2,.jt-sec-h .t{font-size:19px;font-weight:800;color:#fff}
.jt-sec-h .all{margin-left:auto;font-size:13px;font-weight:700;color:var(--jt-mut)}
.jt-sec-h .all:hover{color:var(--jt-gold)}
.jt-sec-h .arrows{display:flex;gap:6px}
.jt-sec-h .arrows button{width:30px;height:30px;border-radius:var(--jt-rb);background:var(--jt-s1);display:flex;align-items:center;justify-content:center;font-size:16px}
.jt-sec-h .arrows button:hover{background:var(--jt-s2)}
.jt-row{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.jt-row::-webkit-scrollbar{display:none}
.game-card{flex:0 0 auto;width:140px;display:flex;flex-direction:column}
.gameCardImage{border-radius:10px;overflow:hidden;position:relative;background:var(--jt-s1);aspect-ratio:29/40}
.gameCardImage img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.game-card:hover .gameCardImage img{transform:scale(1.06)}
.game-card .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:rgba(36,26,82,.55);transition:opacity .2s}
.game-card:hover .play{opacity:1}
.game-card .play span{background:var(--jt-gold-grad);color:#2a1f63;font-weight:800;font-size:12px;padding:9px 18px;border-radius:999px}

.providers-list{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.providers-list::-webkit-scrollbar{display:none}
.providers-list a{flex:0 0 auto;white-space:nowrap;padding:11px 18px;border-radius:var(--jt-rb);background:var(--jt-s1);border:1px solid var(--jt-line);font-weight:700;font-size:13px;color:var(--jt-tx)}
.providers-list a:hover{color:#fff;border-color:var(--jt-gold)}

.jt-footer{border-top:1px solid var(--jt-line);background:rgba(36,26,82,.5);margin-top:36px;margin-left:var(--jt-side-w);padding:30px 0 24px}
.jt-pays{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--jt-line)}
.jt-pays span{padding:8px 14px;border-radius:8px;background:var(--jt-s1);font-weight:700;font-size:12px;color:var(--jt-tx)}
.jt-fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px;padding:26px 0}
.jt-fcol .h{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:14px}
.jt-fcol a{display:block;color:var(--jt-mut);font-size:13px;padding:5px 0}
.jt-fcol a:hover{color:var(--jt-gold)}
.jt-fbrand .jt-logo{height:auto;padding:0;margin-bottom:12px}
.jt-fbrand .jt-logo img{height:48px}
.jt-fbrand p{color:var(--jt-mut);font-size:13px;max-width:330px}
.jt-badges{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;border-top:1px solid var(--jt-line)}
.jt-badges .age{width:44px;height:44px;border-radius:50%;border:2px solid var(--jt-mut);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff}
.jt-license{color:var(--jt-mut);font-size:12px;line-height:1.6;padding-top:8px}

.jt-content{max-width:var(--jt-max);margin:40px auto 0;padding:28px 18px 8px;border-top:1px solid var(--jt-line);color:var(--jt-tx);font-size:15px;text-align:justify}
.jt-content h1{font-size:28px;font-weight:900;margin-bottom:14px;color:#fff;text-align:left}
.jt-content h2{font-size:21px;font-weight:800;margin:26px 0 10px;color:#fff;text-align:left}
.jt-content h3{font-size:17px;font-weight:700;margin:18px 0 8px;color:#fff;text-align:left}
.jt-content p{margin-bottom:13px;line-height:1.75;text-align:justify}
.jt-content .upd{color:var(--jt-mut);font-size:13px;margin-bottom:16px;text-align:left}
.jt-content ul,.jt-content ol{margin:0 0 14px 22px}
.jt-content li{margin-bottom:6px}
.jt-toc{background:var(--jt-s1);border:1px solid var(--jt-line);border-radius:12px;padding:18px 22px;margin:0 0 20px;max-width:760px}
.jt-toc b{display:block;font-weight:800;color:#fff;margin-bottom:10px}
.jt-toc a{color:var(--jt-gold)}
.jt-tablewrap{overflow-x:auto}
.jt-content table{border-collapse:collapse;width:auto;min-width:520px;margin:0 0 16px;font-size:14px}
.jt-content th,.jt-content td{border:1px solid var(--jt-line2);padding:10px 14px;text-align:left}
.jt-content th{background:var(--jt-s1);color:#fff}
.jt-author{display:inline-flex;align-items:center;gap:14px;background:var(--jt-s1);border:1px solid var(--jt-line);border-radius:14px;padding:14px 20px;margin:0 0 16px;max-width:560px}
.jt-author .av{width:48px;height:48px;border-radius:50%;background:var(--jt-s2);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.jt-author .av svg{width:34px;height:34px}
.jt-author .nm{font-weight:800;color:#fff;font-size:15px}
.jt-author .rt{color:var(--jt-gold);font-size:13px;font-weight:700;margin:2px 0}
.jt-author .rt span{color:var(--jt-mut);font-weight:600}
.jt-author .bio{color:var(--jt-mut);font-size:13px}
.jt-cta{background:linear-gradient(120deg,rgba(173,49,224,.18),rgba(255,240,0,.1));border:1px solid var(--jt-line2);border-radius:16px;padding:22px 20px;margin:0 0 22px;max-width:760px}
.jt-cta b{display:block;font-size:19px;font-weight:800;color:#fff;margin-bottom:14px}
.jt-cta-b{display:flex;gap:10px;flex-wrap:wrap}
.jt-keys{background:var(--jt-s1);border:1px solid var(--jt-gold);border-left-width:4px;border-radius:12px;padding:18px 22px;margin:0 0 22px;max-width:760px}
.jt-keys b{display:block;font-weight:800;color:#fff;margin-bottom:10px}
.jt-keys ul{margin:0;padding-left:20px}
.jt-pc{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:860px;margin:0 0 16px}
.jt-pc .col{border:1px solid var(--jt-line);border-radius:12px;padding:16px 18px;background:var(--jt-s1)}
.jt-pc .col.pro{border-top:3px solid #bdff00}.jt-pc .col.con{border-top:3px solid var(--jt-magenta)}
.jt-pc .col b{display:block;font-weight:800;color:#fff;margin-bottom:10px}
.jt-pc .col ul{margin:0;padding-left:18px}
.jt-score{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:118px;height:118px;border-radius:50%;background:var(--jt-gold-grad);color:#2a1f63;margin:6px 0 14px;font-weight:900}
.jt-score .n{font-size:33px;line-height:1}.jt-score .x{font-size:13px}
.jt-faq{border:1px solid var(--jt-line);border-radius:10px;margin:0 0 10px;overflow:hidden;background:var(--jt-s1);max-width:760px}
.jt-faq__q{width:100%;text-align:left;padding:14px 16px;font-weight:700;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}
.jt-faq__q i{color:var(--jt-gold);font-size:20px;font-style:normal;flex:0 0 auto}
.jt-faq__a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 16px}
.jt-faq.open .jt-faq__a{max-height:500px;padding:0 16px 14px}
.jt-faq.open .jt-faq__q i{transform:rotate(45deg)}

.jt-scrim{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:55;opacity:0;visibility:hidden;transition:.25s}
.jt-scrim.on{opacity:1;visibility:visible}

@media(max-width:1100px){.jt-fcols{grid-template-columns:1fr 1fr}}
@media(max-width:980px){
  .jt-sidebar{transform:translateX(-100%)}
  .jt-sidebar.on{transform:none}
  .jt-top{left:0}
  .jt-main{margin-left:0}
  .jt-footer{margin-left:0}
  .jt-burger{display:flex}
  .jt-top .jt-logo{display:flex}
  .jt-search{display:none}
}
@media(max-width:760px){.jt-pc{grid-template-columns:1fr}}
@media(max-width:600px){
  .jt-top-right .jt-lang{display:none}
  .jt-top-right{gap:7px}
  .jt-top-right .jt-btn{height:34px;padding:0 12px;font-size:12.5px}
  .jt-btn{height:36px;padding:0 14px;font-size:13px}
  .jt-fcols{grid-template-columns:1fr 1fr;gap:16px}
  .game-card{width:116px}
}

.jt-top{display:none}
.jt-main{margin-left:var(--jt-side-w);padding-top:18px}
.jt-sidebar{display:flex;flex-direction:column}
.jt-side-head{display:flex;align-items:center;gap:10px;padding:12px 16px 6px}
.jt-side-back{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 auto}
.jt-side-head .jt-logo{padding:0;height:auto}
.jt-side-head .jt-logo img{height:46px;border-radius:8px}
.sidebarScroll{flex:1;overflow-y:auto;padding:8px 14px 20px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}
.jt-side-btn{display:flex;align-items:center;justify-content:center;height:46px;border-radius:999px;font-weight:800;font-size:15px}
.jt-side-btn--gold{background:var(--jt-gold-grad);color:#2a1f63}
.jt-side-btn--gold:hover{filter:brightness(1.05)}
.jt-side-btn--dark{background:var(--jt-s3);color:#fff;border:1px solid var(--jt-line2)}
.jt-side-btn--dark:hover{background:var(--jt-s1)}
.jt-toggle{display:flex;gap:6px;background:var(--jt-s3);border-radius:999px;padding:4px}
.jt-toggle__opt{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:999px;font-weight:700;font-size:13px;color:var(--jt-tx);position:relative}
.jt-toggle__opt .ic{width:18px;height:18px}.jt-toggle__opt .ic svg{width:18px;height:18px}
.jt-toggle__opt.on{background:linear-gradient(266deg,#d940ff,#9b2be0);color:#fff}
.jt-feat{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;background:var(--jt-s1);border:1px solid var(--jt-line);font-weight:700;font-size:13px;color:#fff;position:relative}
.jt-feat .ic{width:22px;height:22px;flex:0 0 auto}.jt-feat .ic svg{width:22px;height:22px;stroke:var(--jt-gold)}
.jt-feat:hover{background:var(--jt-s2)}
.jt-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jt-feat-grid .jt-feat{flex-direction:column;gap:8px;text-align:center;padding:15px 8px}
.jt-badge{position:absolute;top:-6px;right:8px;background:var(--jt-gold-grad);color:#2a1f63;font-size:9px;font-weight:800;padding:2px 7px;border-radius:999px;text-transform:uppercase}
.jt-badge--soon{background:#d940ff;color:#fff}
.jt-feat-grid .jt-badge{top:4px;right:4px}
.jt-toggle__opt .jt-badge{top:-8px;right:4px}

.jt-hero{position:relative;padding:28px 0 56px;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,rgba(42,31,99,.15),rgba(42,31,99,.55)),url("../img/hero-slide2.webp") center/cover no-repeat #2a1f63}
.jt-hero::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:64px;z-index:1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%232a1f63' d='M0,46 C320,92 1080,-6 1440,42 L1440,80 L0,80 Z'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.jt-hero__title{text-align:center;font-size:clamp(24px,3vw,42px);font-weight:900;color:#fff;margin:4px 0 22px;letter-spacing:.4px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.jt-hero__row{display:flex;gap:22px;align-items:center;justify-content:center;padding:18px 0;position:relative;z-index:2}
.jt-tcard{position:relative;z-index:2;flex:0 0 38%;height:clamp(300px,30vw,420px);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 24px;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:scale(.84);opacity:.5;transition:transform .4s,opacity .4s;background:#1a1340}
.jt-tcard.is-active{transform:scale(1);opacity:1;z-index:2}
.jt-tcard__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.jt-tcard__ov{position:absolute;inset:0;z-index:1}
.jt-tcard--teal .jt-tcard__ov{background:linear-gradient(180deg,rgba(12,47,58,.35),rgba(12,47,58,.88))}
.jt-tcard--fire .jt-tcard__ov{background:linear-gradient(180deg,rgba(120,20,10,.3),rgba(90,10,10,.9))}
.jt-tcard--green .jt-tcard__ov{background:linear-gradient(180deg,rgba(16,58,28,.32),rgba(16,40,20,.9))}
.jt-tcard__head,.jt-tcard__name,.jt-tcard__date,.jt-tcard__prize,.jt-tcard__cta{position:relative;z-index:2}
.jt-tcard__head{display:flex;align-items:center;gap:10px;margin-bottom:auto}
.jt-tcard__badge{background:#b6ff3a;color:#10310c;font-size:11px;font-weight:800;padding:3px 11px;border-radius:999px;text-transform:lowercase}
.jt-tcard__prov{font-size:12px;font-weight:700;opacity:.9;text-transform:uppercase;letter-spacing:.5px}
.jt-tcard__name{font-size:clamp(22px,2.4vw,38px);font-weight:900;line-height:1.05;text-transform:capitalize}
.jt-tcard__date{font-size:13px;font-weight:600;margin-top:8px;opacity:.92}
.jt-tcard__prize{font-size:clamp(28px,3.6vw,56px);font-weight:900;color:var(--jt-gold);margin:10px 0 16px;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.jt-tcard__cta{margin-top:auto;min-width:60%}
.jt-hero__nav{position:absolute;top:55%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.32);color:#fff;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}
.jt-hero__nav--prev{left:2px}
.jt-hero__nav--next{right:2px}
.jt-hero__nav:hover{background:rgba(0,0,0,.5)}
.jt-hero__dots{display:flex;justify-content:center;gap:7px;margin-top:14px}
.jt-hero__dots button{width:8px;height:8px;border-radius:50%;background:var(--jt-line2)}
.jt-hero__dots button.on{background:#fff;width:20px;border-radius:5px}

.jt-searchrow{display:flex;gap:12px}
.jt-searchrow .jt-search{flex:1;display:flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;background:#fff;border:0}
.jt-searchrow .jt-search svg{width:18px;height:18px;stroke:#9d9d9d}
.jt-searchrow .jt-search input{flex:1;background:none;border:0;color:#222;font-size:15px;outline:none}
.jt-searchrow .jt-search input::placeholder{color:#9d9d9d}
.jt-providers-btn{display:flex;align-items:center;gap:8px;height:48px;padding:0 26px;border-radius:999px;background:var(--jt-violet);color:#fff;font-weight:800;font-size:14px;text-transform:uppercase;flex:0 0 auto}
.jt-providers-btn svg{width:18px;height:18px;stroke:currentColor}
.jt-providers-btn:hover{filter:brightness(1.08)}

.jt-cats-sec{margin-bottom:26px;background:rgba(0,0,0,.16)}
.jt-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:14px 18px}
.jt-cats::-webkit-scrollbar{display:none}
.jt-cat{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:76px;padding:8px;color:var(--jt-tx);font-weight:700;font-size:11.5px;text-transform:uppercase;white-space:nowrap}
.jt-cat .ic{width:30px;height:30px}.jt-cat .ic svg{width:30px;height:30px}
.jt-cat.on,.jt-cat:hover{color:var(--jt-gold)}

@media(min-width:981px){
  body.side-collapsed .jt-sidebar{transform:translateX(-100%)}
  body.side-collapsed .jt-main{margin-left:0}
  body.side-collapsed .jt-footer{margin-left:0}
  .side-collapsed .jt-top{display:flex;left:0}
  .side-collapsed .jt-top .jt-logo{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .side-collapsed .jt-burger{display:flex}
}

@media(max-width:980px){
  .jt-top{display:flex}
  .jt-top .jt-logo{display:flex}
  .jt-sidebar{transform:translateX(-100%)}
  .jt-sidebar.on{transform:none}
  .jt-main{margin-left:0;padding-top:calc(var(--jt-top-h) + 12px)}
  .jt-tcard{flex:0 0 82%}
  .jt-hero__title{font-size:26px;margin-bottom:14px}
}
@media(max-width:600px){
  .jt-searchrow{flex-direction:column}
  .jt-providers-btn{height:44px;justify-content:center}
}

