:root{
  --ctp-bg:#161616;
  --ctp-shell:#202020;
  --ctp-shell2:#2a2826;
  --ctp-line:#3a3531;
  --ctp-ink:#f1ebe4;
  --ctp-mute:#bdb2a6;
  --ctp-acc:#ff6b35;
  --ctp-acc-d:#e85a26;
  --ctp-acc2:#f7c59f;
  --ctp-paper:#f3e3cf;
  --ctp-paper-ink:#1d1a17;
  --ctp-disp:"Advent Pro","Nunito",Arial,sans-serif;
  --ctp-body:"Nunito",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.ctp-body{margin:0;background:var(--ctp-bg);color:var(--ctp-ink);font:400 16px/1.6 var(--ctp-body);overflow-x:hidden;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 2px,transparent 2px 4px)}
a{color:var(--ctp-acc2)}
a:focus-visible{outline:2px solid var(--ctp-acc);outline-offset:3px}

/* ---------- shell / deck ---------- */
.ctp-shell{position:sticky;top:0;z-index:20;background:rgba(22,22,22,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--ctp-line)}
.ctp-shell__in{max-width:1180px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:12px}
.ctp-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ctp-ink);min-height:44px}
.ctp-logo__mark{display:block;flex:none}
.ctp-logo__word{font:700 26px/1 var(--ctp-disp);letter-spacing:.02em;display:flex;flex-direction:column}
.ctp-logo__sub{font:600 10px/1.2 var(--ctp-disp);letter-spacing:.22em;color:var(--ctp-acc2);margin-top:2px}
.ctp-deck{display:none}
.ctp-shell__cta{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:8px;
  background:var(--ctp-acc);color:#1a0f0a;font-weight:800;text-decoration:none;box-shadow:0 3px 0 var(--ctp-acc-d)}

/* ---------- cassette hero ---------- */
.ctp-main{max-width:1180px;margin:0 auto;padding:14px 16px 0}
.ctp-cass{position:relative;background:linear-gradient(180deg,#262422,#1d1c1b);border:1px solid var(--ctp-line);border-radius:18px;padding:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px rgba(0,0,0,.45)}
.ctp-cass::before,.ctp-cass::after{content:"";position:absolute;top:10px;width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle,#555 0 30%,#2b2b2b 31%);box-shadow:0 0 0 1px #111}
.ctp-cass::before{left:10px}.ctp-cass::after{right:10px}
.ctp-cass__label{background:var(--ctp-paper);color:var(--ctp-paper-ink);border-radius:10px;padding:14px 16px 18px;position:relative;overflow:hidden}
.ctp-cass__label::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;
  background:linear-gradient(90deg,var(--ctp-acc) 0 33%,var(--ctp-acc2) 33% 66%,#e2462a 66%)}
.ctp-cass__tag{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0 8px;font:700 12px/1.2 var(--ctp-disp);letter-spacing:.16em;color:#6d4a33}
.ctp-cass__h1{font:700 26px/1.14 var(--ctp-disp);margin:0 0 10px;letter-spacing:.005em;color:#16120f}
.ctp-cass__lead{margin:0 0 14px;font-size:15.5px;line-height:1.5;color:#2d2621}
.ctp-cass__ctas{display:flex;flex-direction:column;gap:10px}
.ctp-play{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;border-radius:10px;
  background:var(--ctp-acc);color:#1a0f0a;font:800 17px/1 var(--ctp-body);text-decoration:none;box-shadow:0 4px 0 var(--ctp-acc-d);transition:transform .12s,box-shadow .12s}
.ctp-play:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--ctp-acc-d)}
.ctp-play__tri{width:0;height:0;border-left:12px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent}
.ctp-play--inline{margin-top:10px}
.ctp-rew{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;border:2px solid #1d1a17;
  color:#1d1a17;font-weight:800;text-decoration:none}
.ctp-rew::before{content:"\25C0\25C0";font-size:11px;letter-spacing:-2px;margin-right:10px}

.ctp-cass__window{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px auto 0;max-width:420px;height:92px;padding:0 22px;
  background:#121212;border:2px solid #3b3733;border-radius:46px}
.ctp-cass__tape{position:absolute;left:78px;right:78px;top:50%;height:26px;transform:translateY(-50%);
  background:linear-gradient(180deg,#3a2419,#5a331f 50%,#3a2419);border-radius:4px;opacity:.85}
.ctp-reel{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;background:
  repeating-conic-gradient(#f7c59f 0 12deg,#2a2622 12deg 60deg);border:4px solid #4a2c1c;animation:ctp-spin 6s linear infinite}
.ctp-reel--r{animation-duration:4.2s}
.ctp-reel__hub{position:absolute;inset:20px;border-radius:50%;background:#121212;box-shadow:0 0 0 3px var(--ctp-acc)}
.ctp-cass__side{position:absolute;left:50%;top:-12px;transform:translateX(-50%);background:var(--ctp-acc);color:#1a0f0a;font:700 13px/1 var(--ctp-disp);
  padding:4px 10px;border-radius:4px;letter-spacing:.1em;z-index:2}
@keyframes ctp-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ctp-reel{animation:none}}

.ctp-keys{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.ctp-keys__btn{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-height:62px;padding:9px 10px;
  background:linear-gradient(180deg,#2f2c29,#242220);border:1px solid #45403b;border-bottom:4px solid #0d0d0d;border-radius:8px;
  color:var(--ctp-ink);text-decoration:none}
.ctp-keys__btn:active{border-bottom-width:1px;transform:translateY(3px)}
.ctp-keys__sym{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#171615;color:var(--ctp-acc);font-size:14px}
.ctp-keys__sym--rec::after{content:"";width:12px;height:12px;border-radius:50%;background:#ff3d2e;box-shadow:0 0 8px #ff3d2e}
.ctp-keys__t{font-weight:800;font-size:15px;line-height:1.2}
.ctp-keys__s{font-size:12.5px;line-height:1.25;color:var(--ctp-mute)}

.ctp-counter{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 0}
.ctp-counter__cell{display:flex;flex-direction:column-reverse;gap:2px;background:#0f0f0f;border:1px solid #34302c;border-radius:6px;padding:8px 10px}
.ctp-counter dd{margin:0;font:700 30px/1 var(--ctp-disp);letter-spacing:.14em;color:var(--ctp-acc);text-shadow:0 0 10px rgba(255,107,53,.35)}
.ctp-counter dt{font-size:12px;color:var(--ctp-mute);text-transform:uppercase;letter-spacing:.06em}

/* ---------- layout + j-card ---------- */
.ctp-layout{display:block;margin-top:22px}
.ctp-jcard{background:var(--ctp-paper);color:var(--ctp-paper-ink);border-radius:10px;padding:0 0 10px;margin-bottom:18px;overflow:hidden;
  border-left:10px solid var(--ctp-acc)}
.ctp-jcard__head{display:flex;justify-content:space-between;margin:0;padding:10px 14px;background:#1d1a17;color:var(--ctp-acc2);
  font:700 13px/1.2 var(--ctp-disp);letter-spacing:.16em}
.ctp-jcard__list{list-style:none;margin:0;padding:4px 10px;display:grid;grid-template-columns:1fr;gap:0}
.ctp-jcard__list a{display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 4px;border-bottom:1px dashed #c9b39b;color:#1d1a17;text-decoration:none;font-weight:700;font-size:15px}
.ctp-jcard__list li:last-child a{border-bottom:0}
.ctp-jcard__no{flex:none;width:30px;font:700 15px/1 var(--ctp-disp);color:#b3441b}
.ctp-jcard__time{margin-left:auto;font:600 14px/1 var(--ctp-disp);color:#7a6552}
.ctp-jcard__foot{margin:6px 14px 0;font:700 11px/1 var(--ctp-disp);letter-spacing:.3em;color:#9c826b}

/* ---------- tracks ---------- */
.ctp-tracks{min-width:0}
.ctp-track{position:relative;padding:22px 0 26px;border-top:1px solid var(--ctp-line)}
.ctp-track__rail{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ctp-track__no{font:700 14px/1 var(--ctp-disp);background:var(--ctp-acc);color:#1a0f0a;padding:4px 8px;border-radius:3px;letter-spacing:.08em}
.ctp-track__cnt{font:600 14px/1 var(--ctp-disp);letter-spacing:.3em;color:var(--ctp-mute);background:#0f0f0f;border:1px solid #34302c;padding:4px 8px;border-radius:3px}
.ctp-track__h2{font:700 25px/1.18 var(--ctp-disp);margin:4px 0 12px;color:var(--ctp-ink)}
.ctp-track__h3{font:700 19px/1.25 var(--ctp-disp);margin:22px 0 8px;color:var(--ctp-acc2);padding-left:14px;border-left:3px solid var(--ctp-acc)}
.ctp-track__p{margin:0 0 12px;color:#e3dbd2}
.ctp-track__note{font-size:14px;color:var(--ctp-mute);margin:8px 0 0}

.ctp-spec{background:#1e1d1c;border:1px solid var(--ctp-line);border-radius:10px;margin:14px 0 4px;overflow:hidden}
.ctp-spec__row{display:flex;flex-direction:column;padding:9px 14px;border-bottom:1px solid #2e2b28}
.ctp-spec__row:last-child{border-bottom:0}
.ctp-spec__k{font:600 12px/1.3 var(--ctp-body);text-transform:uppercase;letter-spacing:.08em;color:var(--ctp-mute)}
.ctp-spec__v{font:700 17px/1.3 var(--ctp-disp);color:var(--ctp-ink);overflow-wrap:anywhere}

.ctp-steps{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}
.ctp-steps__item{display:flex;align-items:center;gap:12px;background:#1e1d1c;border:1px solid var(--ctp-line);border-radius:8px;padding:10px 12px}
.ctp-steps__n{flex:none;font:700 22px/1 var(--ctp-disp);color:var(--ctp-acc);letter-spacing:.08em}
.ctp-steps__t{font-weight:700;font-size:15px}

.ctp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;border:1px solid var(--ctp-line);border-radius:10px;max-width:100%}
.ctp-tab{border-collapse:collapse;width:100%;min-width:460px;font-size:14.5px}
.ctp-tab--games{min-width:760px}
.ctp-tab th{text-align:left;font:700 13px/1.2 var(--ctp-disp);letter-spacing:.1em;text-transform:uppercase;color:#1a0f0a;background:var(--ctp-acc2);padding:10px 12px}
.ctp-tab td{padding:10px 12px;border-top:1px solid #2e2b28;vertical-align:top}
.ctp-tab tbody tr:nth-child(odd){background:#1c1b1a}
.ctp-tab td:first-child{font-weight:800;color:var(--ctp-ink);white-space:nowrap}

.ctp-vu{background:#0f0f0f;border:1px solid #34302c;border-radius:10px;padding:14px;margin:6px 0 14px}
.ctp-vu__ch{display:grid;grid-template-columns:52px 1fr 64px;align-items:center;gap:10px;margin-bottom:10px}
.ctp-vu__name{font:700 16px/1 var(--ctp-disp);letter-spacing:.08em}
.ctp-vu__bar{height:14px;border-radius:3px;background:repeating-linear-gradient(90deg,#2a2622 0 8px,#0f0f0f 8px 10px);overflow:hidden}
.ctp-vu__fill{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--ctp-acc) 0 8px,transparent 8px 10px)}
.ctp-vu__fill--sbp{width:52%}
.ctp-vu__fill--usdt{width:72%;background:repeating-linear-gradient(90deg,var(--ctp-acc2) 0 8px,transparent 8px 10px)}
.ctp-vu__val{font:700 17px/1 var(--ctp-disp);text-align:right;color:var(--ctp-acc)}
.ctp-vu__cap{margin:2px 0 0;font-size:12.5px;color:var(--ctp-mute);text-transform:uppercase;letter-spacing:.08em}

.ctp-arc{list-style:none;margin:14px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ctp-arc__lv{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:10px;border-radius:6px;background:#1e1d1c;border:1px solid var(--ctp-line);min-height:74px;position:relative;overflow:hidden}
.ctp-arc__lv::before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--ctp-acc);opacity:.35}
.ctp-arc__lv:nth-child(n+4)::before{opacity:.7}
.ctp-arc__lv--top{background:var(--ctp-acc);border-color:var(--ctp-acc)}
.ctp-arc__lv--top .ctp-arc__name,.ctp-arc__lv--top .ctp-arc__pct{color:#1a0f0a}
.ctp-arc__name{font-weight:800;font-size:14px;color:var(--ctp-ink)}
.ctp-arc__pct{font:700 24px/1 var(--ctp-disp);color:var(--ctp-acc2)}

.ctp-faq{display:grid;gap:8px;margin-top:10px}
.ctp-faq__it{background:#1e1d1c;border:1px solid var(--ctp-line);border-radius:8px}
.ctp-faq__it[open]{border-color:var(--ctp-acc)}
.ctp-faq__q{list-style:none;cursor:pointer;min-height:48px;padding:12px 44px 12px 14px;font-weight:800;position:relative}
.ctp-faq__q::-webkit-details-marker{display:none}
.ctp-faq__q::after{content:"\25B6";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--ctp-acc);transition:transform .2s}
.ctp-faq__it[open] .ctp-faq__q::after{transform:translateY(-50%) rotate(90deg)}
.ctp-faq__a{margin:0;padding:0 14px 14px;color:#e3dbd2}

.ctp-safe{display:flex;gap:14px;align-items:flex-start;margin:6px 0 20px;padding:16px;border-radius:10px;border:1px dashed var(--ctp-acc2);background:#1b1a19}
.ctp-safe__age{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:3px solid var(--ctp-acc);
  font:700 18px/1 var(--ctp-disp);color:var(--ctp-acc)}
.ctp-safe__h3{margin:2px 0 6px;font:700 19px/1.25 var(--ctp-disp);color:var(--ctp-acc2)}
.ctp-safe__p{margin:0;font-size:15px;color:#e3dbd2}
.ctp-track--note{border-top:3px double var(--ctp-line)}

.ctp-foot{margin-top:30px;background:#0f0f0f;border-top:4px solid var(--ctp-acc)}
.ctp-foot__in{max-width:1180px;margin:0 auto;padding:22px 16px 34px}
.ctp-foot__brand{margin:0 0 8px;font:700 18px/1.2 var(--ctp-disp);letter-spacing:.14em;color:var(--ctp-acc2)}
.ctp-foot__legal{margin:0 0 6px;font-size:13.5px;color:var(--ctp-mute)}

/* ---------- tablet / desktop ---------- */
@media (min-width:640px){
  .ctp-cass__ctas{flex-direction:row;flex-wrap:wrap}
  .ctp-keys{grid-template-columns:repeat(4,1fr)}
  .ctp-counter{grid-template-columns:repeat(4,1fr)}
  .ctp-arc{grid-template-columns:repeat(6,1fr)}
  .ctp-spec__row{flex-direction:row;justify-content:space-between;gap:16px;align-items:baseline}
  .ctp-spec__v{text-align:right}
  .ctp-steps{grid-template-columns:1fr 1fr}
}
@media (min-width:980px){
  .ctp-deck{display:flex;gap:4px;margin-left:24px;padding:4px;background:#0f0f0f;border:1px solid #34302c;border-radius:10px}
  .ctp-deck__key{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:6px;color:var(--ctp-ink);text-decoration:none;font-weight:700;font-size:14px;
    background:linear-gradient(180deg,#2c2a27,#211f1d);border-bottom:3px solid #0a0a0a}
  .ctp-deck__key:hover{color:var(--ctp-acc)}
  .ctp-deck__ico{color:var(--ctp-acc);font-size:12px}
  .ctp-main{padding-top:22px}
  .ctp-cass{display:grid;grid-template-columns:1.25fr 1fr;grid-template-areas:"label window" "label keys" "counter counter";gap:18px 22px;padding:22px}
  .ctp-cass__label{grid-area:label;padding:22px 26px 26px}
  .ctp-cass__h1{font-size:40px}
  .ctp-cass__lead{font-size:17px}
  .ctp-cass__window{grid-area:window;align-self:end;width:100%;max-width:none;height:120px;border-radius:60px;margin:0}
  .ctp-reel{width:88px;height:88px}
  .ctp-reel__hub{inset:28px}
  .ctp-cass__tape{left:100px;right:100px}
  .ctp-keys{grid-area:keys;grid-template-columns:1fr 1fr;margin:0}
  .ctp-counter{grid-area:counter;margin:0}
  .ctp-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;margin-top:30px;align-items:start}
  .ctp-jcard{position:sticky;top:84px;margin:0}
  .ctp-track{padding:30px 0 34px}
  .ctp-track__h2{font-size:32px}
  .ctp-track__h3{font-size:21px}
}