@font-face{font-family:XxExo;src:url("/fonts/exo2-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:XxRusso;src:url("/fonts/russoone.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:XxFig;src:url("/fonts/figtree-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:XxFig;src:url("/fonts/figtree-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:XxFig;src:url("/fonts/figtree-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
:root{
  --navy:#061433;--navy2:#07183a;--ink:#041022;
  --blue:#015fea;--blue2:#0a7cff;--cyan:#3ad7ff;
  --gold:#ffd54a;--gold2:#f5c43a;--gold3:#ffe27a;
  --crimson:#e31c24;--text:#eef6ff;--muted:#b9c9e6;
  --cta:linear-gradient(90deg,#ffd054 0%,#ffe789 42%,#3ad7ff 100%);
  --ring:#e8c04a;
}
*{box-sizing:border-box}
html{background:var(--navy)}
html,body{margin:0;padding:0}
body{
  font-family:XxFig,system-ui,sans-serif;
  color:var(--text);
  background:var(--navy) url("/img/velvet.webp") center top / 100% auto no-repeat;
  background-color:#061433;
  min-height:100%;
  line-height:1.55;
}
img{max-width:100%;height:auto;display:block}
a{color:#ffe27a;text-decoration:none}
a:hover{color:#fff}
.xx-skip{position:absolute;left:-999px;top:auto}
.xx-skip:focus{left:8px;top:8px;background:#000;color:#fff;padding:8px;z-index:99}

/* ===== HEADER ===== */
.xx-top{
  display:flex;align-items:center;gap:12px;
  height:60px;padding:0 14px;
  background:linear-gradient(180deg,#0b2a78,#071a4e 70%);
  border-bottom:2px solid #d7b23a;
  box-shadow:0 2px 0 #7a5a12, 0 8px 18px rgba(0,0,0,.35);
}
.xx-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.xx-brand img{width:52px;height:52px;border-radius:12px;border:1px solid #f0d56a;background:#015fea;object-fit:contain}
.xx-word{
  font-family:XxExo,XxRusso,sans-serif;
  font-weight:800;font-size:32px;line-height:1;
  height:52px;display:flex;align-items:center;
  color:#ffd54a;
  background:linear-gradient(#1a3a8a,#0d2464);
  border:2px solid #ffd54a;border-radius:12px;
  padding:0 14px 0 12px;
  text-shadow:0 2px 0 #081018;
  letter-spacing:.02em;
}
.xx-word small{display:block;font-size:9px;letter-spacing:.14em;color:#9ad8ff;font-family:XxFig,sans-serif;font-weight:800;margin-left:8px;line-height:1}
.xx-nav{display:flex;gap:6px;flex:1;justify-content:center;align-items:center}
.xx-nav a{
  display:inline-flex;align-items:center;gap:6px;
  height:42px;padding:0 11px;border-radius:21px;
  background:linear-gradient(180deg,#163a8c,#0c2468);
  border:1px solid #3a6ad0;color:#fff;
  font-weight:800;font-size:14px;letter-spacing:.02em;
}
.xx-nav a[aria-current="page"],.xx-nav a:hover{background:linear-gradient(180deg,#2a5ad0,#163a8c);border-color:#ffd54a;color:#fff}
.xx-nav svg{width:20px;height:20px;flex:0 0 auto;color:#ffd54a}
.xx-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:42px;padding:0 18px;border-radius:22px;
  background:var(--cta);color:#081018 !important;
  font-family:XxExo,sans-serif;font-weight:800;font-size:16px;
  letter-spacing:.03em;border:0;cursor:pointer;
  box-shadow:0 2px 0 #8a5a00, 0 0 16px rgba(58,215,255,.35);
  white-space:nowrap;
}
.xx-cta:hover{filter:brightness(1.08);color:#000 !important}
.xx-cta-lg{height:58px;padding:0 32px;font-size:24px;border-radius:29px}
.xx-burger{display:none;background:none;border:0;color:#ffd54a;font-size:28px;width:44px;height:44px}

/* ===== TICKER ===== */
.xx-tick{
  height:22px;overflow:hidden;
  background:#0a1640;border-bottom:1px solid #d7b23a;
  color:#ffd54a;font-weight:800;font-size:12px;letter-spacing:.08em;
  display:flex;align-items:center;
}
.xx-tick-track{display:flex;gap:36px;white-space:nowrap;animation:xxmar 28s linear infinite;padding-left:100%}
@keyframes xxmar{to{transform:translateX(-100%)}}
.xx-tick b{color:#fff}

/* ===== HOME PLAYFIELD (1280x800 fold with header+ticker) ===== */
.xx-scaler-wrap{background:#061433}
.xx-scaler{width:1280px;margin:0 auto;position:relative}
.xx-play{
  position:relative;width:1280px;height:708px;
  background:#061433 url("/img/playfield.webp") center top / 1280px 720px no-repeat;
  overflow:hidden;
}
.xx-temple{position:absolute;top:128px;width:118px;z-index:4;display:flex;flex-direction:column;gap:12px;background:transparent}
.xx-temple-l{left:8px;top:72px}
.xx-temple-r{right:8px;top:200px}
.xx-promo{
  display:flex;flex-direction:column;align-items:center;
  background:linear-gradient(180deg,#0b1d4e,#071433);
  border:3px solid var(--ring);border-radius:16px;
  overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 0 1px #7a5a10;
  color:#fff !important;
}
.xx-promo img{width:112px;height:118px;object-fit:cover}
.xx-promo span{
  display:block;width:100%;text-align:center;
  font-family:XxExo,sans-serif;font-weight:800;font-size:24px;line-height:1.1;
  padding:8px 4px 10px;color:#ffd54a;
  text-shadow:0 2px 0 #081018;
  background:#0a1a44;
}
.xx-glasses{position:absolute;left:0;right:0;top:0;height:450px;z-index:3;pointer-events:none}
.xx-glasses .xx-lens{pointer-events:auto}
.xx-brow{
  display:none;position:absolute;left:18%;right:18%;top:22px;height:22px;z-index:2;
  background:linear-gradient(180deg,#fff1a8,#e0b33a 40%,#9a7018 100%);
  border-radius:6px;
  box-shadow:0 2px 0 #5a4008, inset 0 1px 0 #fff6c8;
}
.xx-brow::before,.xx-brow::after{
  content:"";position:absolute;top:-6px;width:54px;height:14px;
  background:linear-gradient(180deg,#fff1a8,#d4a628);
  border-radius:4px;
}
.xx-brow::before{left:-20px}
.xx-brow::after{right:-20px}
.xx-lenses{position:absolute;inset:0;display:block;padding:0}
.xx-lens{
  position:absolute;
  width:400px;height:322px;
  border-radius:0;
  border:0;
  box-shadow:none;
  background:transparent;
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;
  gap:8px;padding:20px 30px 24px;
  place-items:center;
}
.xx-lens-l{left:170px;top:105px}
.xx-lens-r{left:710px;top:105px}
.xx-lens::after{display:none}
.xx-bridge{width:70px;flex:0 0 70px;position:relative;visibility:hidden}
.xx-bridge i{
  position:absolute;left:8px;right:8px;top:168px;height:18px;
  background:linear-gradient(180deg,#fff1a8,#c99628);
  border-radius:8px;
  box-shadow:0 3px 0 #5a4008;
}
.xx-tile{
  position:relative;border-radius:50%;overflow:hidden;z-index:1;
  border:5px solid #f3d56a;
  box-shadow:0 4px 10px rgba(0,0,0,.45),0 0 0 1px #7a5a10;
  background:#062058;
  width:135px;height:135px;min-width:130px;min-height:130px;aspect-ratio:auto;
}
.xx-tile img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.xx-plaq{
  position:absolute;left:6%;right:6%;bottom:8%;z-index:2;
  background:#071018;
  color:#fff;font-family:XxFig,sans-serif;font-weight:800;
  font-size:16px;line-height:1.1;text-align:center;
  border-radius:8px;padding:4px 4px 5px;
  border:1px solid #e8c04a;
  text-shadow:0 1px 0 #041018;
}
.xx-badge{
  position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:3;
  font-family:XxExo,sans-serif;font-weight:800;font-size:11px;letter-spacing:.06em;
  padding:3px 9px;border-radius:10px;color:#fff;line-height:1;
}
.xx-badge-hot{background:linear-gradient(180deg,#ff4d4d,#c01414);border:1px solid #ffd0d0}
.xx-badge-novo{background:linear-gradient(180deg,#3ad7ff,#0177c4);border:1px solid #cfefff}

.xx-coins,.xx-chest{position:absolute;z-index:2;pointer-events:none;background:none;border:0}
.xx-coins{left:4px;bottom:0;width:300px;height:auto}
.xx-chest{right:4px;bottom:0;width:310px;height:auto}

.xx-banner{
  position:absolute;left:36px;right:36px;bottom:10px;height:220px;z-index:5;
  display:flex;align-items:center;gap:16px;
  background:linear-gradient(180deg,#102668,#0a1a44);
  border:4px solid #e8c04a;border-radius:32px;
  box-shadow:0 8px 22px rgba(0,0,0,.45), inset 0 1px 0 #ffe9a0;
  padding:8px 18px 8px 8px;
}
.xx-plate{
  flex:0 0 176px;width:176px;height:176px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:conic-gradient(from 210deg,#fff1a8,#c99628,#fff1a8,#a87a18,#fff1a8);
  border-radius:50%;
  box-shadow:inset 0 0 0 6px #8a6414, 0 4px 0 #5a4008;
  padding:8px;
}
.xx-plate img{width:160px;height:160px;object-fit:contain;border-radius:26px;flex:0 0 160px}
.xx-hgroup{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.xx-h1{
  margin:0;font-family:XxExo,XxRusso,sans-serif;font-weight:800;
  font-size:48px;line-height:.95;letter-spacing:.02em;text-align:center;
  color:#FFD54A;-webkit-text-fill-color:#FFD54A;
  text-shadow:
    -3px 0 0 #071018, 3px 0 0 #071018, 0 -3px 0 #071018, 0 3px 0 #071018,
    -3px -3px 0 #071018, 3px 3px 0 #071018, -3px 3px 0 #071018, 3px -3px 0 #071018,
    0 0 22px rgba(58,215,255,.55);
}
.xx-h1 .xx-l1{display:inline;font-size:inherit;letter-spacing:inherit;white-space:nowrap}
.xx-h1 em{font-style:normal;color:#3ad7ff;-webkit-text-fill-color:#3ad7ff;font-size:inherit;line-height:inherit;display:inline;letter-spacing:inherit}
.xx-banner .xx-h1{
  font-size:84px;line-height:1;letter-spacing:-0.04em;text-align:left;white-space:nowrap;
  text-shadow:
    -4px 0 0 #071018, 4px 0 0 #071018, 0 -4px 0 #071018, 0 4px 0 #071018,
    -4px -4px 0 #071018, 4px 4px 0 #071018, -4px 4px 0 #071018, 4px -4px 0 #071018,
    0 0 22px rgba(58,215,255,.4);
}
.xx-banner .xx-h1 em{font-size:84px;color:#3ad7ff;-webkit-text-fill-color:#3ad7ff}
.xx-banner .xx-cta{flex:0 0 auto;margin-left:0}
.xx-indep{
  display:inline-block;margin:6px 0 8px;
  background:#071018;color:#ffd54a;
  font-family:XxFig,sans-serif;font-weight:800;font-size:18px;
  padding:4px 16px;border-radius:8px;letter-spacing:.02em;
}
.xx-banner .xx-indep{font-size:22px;padding:6px 18px;margin:4px 0}
.xx-banner .xx-cta{margin-top:0}

/* ===== INNER / BODY ===== */
.xx-page{width:min(1100px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}
.xx-visor{
  display:flex;align-items:center;gap:20px;
  background:linear-gradient(180deg,#102668,#0a1a44);
  border:3px solid #e8c04a;border-radius:24px;
  padding:14px 18px;margin:18px auto 28px;
  width:min(1100px,calc(100% - 32px));
  box-shadow:0 8px 22px rgba(0,0,0,.35);
}
.xx-visor .xx-plate{flex:0 0 176px;width:176px;height:176px}
.xx-visor .xx-plate img{width:160px;height:160px;border-radius:26px;object-fit:contain;background:transparent}
.xx-visor .xx-h1{font-size:48px;text-align:left}
.xx-crumb{width:min(1100px,calc(100% - 32px));margin:12px auto 0;color:var(--muted);font-size:14px}
.xx-lead,.xx-prose{
  background:linear-gradient(180deg,rgba(8,24,64,.88),rgba(6,16,40,.92));
  border:1px solid #2a4a8c;border-radius:18px;
  padding:22px 26px;margin:0 0 22px;
}
.xx-prose h2{font-family:XxExo,sans-serif;font-size:28px;color:#ffd54a;margin:0 0 10px;text-shadow:0 2px 0 #081018}
.xx-prose h3{font-family:XxExo,sans-serif;font-size:20px;color:#9ad8ff;margin:22px 0 8px}
.xx-prose p{margin:0 0 12px}
.xx-prose ul,.xx-prose ol{margin:0 0 12px;padding-left:1.2em}
.xx-note{
  display:inline-block;background:#3a2808;color:#ffd54a;border:1px dashed #e8c04a;
  font-weight:800;font-size:13px;padding:1px 7px;border-radius:6px;letter-spacing:.02em;
}
.xx-disc{font-size:13px;color:var(--muted);margin:8px 0 0}
.xx-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 22px}
.xx-card{
  background:linear-gradient(180deg,#102668,#0a1a44);
  border:2px solid #e8c04a;border-radius:16px;padding:16px;color:#fff;
}
.xx-card h3{margin:0 0 8px;font-family:XxExo,sans-serif;color:#ffd54a}
.xx-dual{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 22px}
.xx-lens-card{
  border:10px solid #e8c04a;border-radius:50% 50% 46% 46%;
  min-height:320px;padding:36px 32px 40px;
  background:radial-gradient(120% 90% at 30% 20%,rgba(80,180,255,.22),#071433 60%);
  box-shadow:inset 0 0 0 4px #8a6414,0 8px 18px rgba(0,0,0,.4);
}
.xx-lens-card h2{font-family:XxExo,sans-serif;color:#ffd54a;margin:0 0 10px;font-size:24px;text-align:center}
.xx-lens-card p,.xx-lens-card li{font-size:15px}
.xx-cover{width:100%;border-radius:18px;border:3px solid #e8c04a;margin:0 0 18px}
.xx-faq details{background:#0a1a44;border:1px solid #2a4a8c;border-radius:12px;padding:10px 16px;margin:0 0 10px}
.xx-faq summary{font-weight:800;color:#ffd54a;cursor:pointer}
.xx-dir{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.xx-dir li{list-style:none;background:#0a1a44;border:1px solid #2a4a8c;border-radius:10px;padding:8px 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.xx-dir .n{flex:1 1 100%;font-weight:800;color:#fff;font-size:14px}
.xx-dir a.v,.xx-dir a.r{font-size:12px;font-weight:800;padding:4px 8px;border-radius:8px}
.xx-dir a.v{background:#163a8c;color:#fff}
.xx-dir a.r{background:var(--cta);color:#081018}
.xx-dir a.full{flex:1 1 100%;color:#3ad7ff;font-size:12px;font-weight:800}
.xx-hub-intro{width:min(1100px,calc(100% - 32px));margin:0 auto 16px}
.xx-full-flag{border-color:#ffd54a !important;box-shadow:0 0 0 1px #ffd54a}
.xx-foot{
  background:#040c22;border-top:2px solid #e8c04a;color:var(--muted);
  padding:28px 20px 40px;text-align:center;font-size:14px;
}
.xx-foot nav{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:0 0 12px}
.xx-18{display:inline-block;border:2px solid #ffd54a;color:#ffd54a;font-weight:800;padding:2px 8px;border-radius:6px;margin-right:8px}
.xx-slots-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:0 0 22px}
.xx-slots-row .xx-tile{width:160px;height:160px}

/* scale desktop fold */
@media (max-width:1279px) and (min-width:760px){
  .xx-home .xx-scaler-wrap{overflow:hidden}
  .xx-home .xx-scaler{transform:scale(calc(100vw / 1280));transform-origin:top center}
  .xx-home .xx-scaler-wrap{height:calc(790px * 100vw / 1280)}
}
@media (max-width:759px){
  .xx-top{height:auto;min-height:56px;flex-wrap:wrap;padding:8px 10px}
  .xx-nav{display:none;flex-direction:column;width:100%;order:5}
  .xx-nav.xx-open{display:flex}
  .xx-nav a{width:100%;height:40px}
  .xx-burger{display:block}
  .xx-word{font-size:22px;height:48px}
  .xx-brand img{width:48px;height:48px}
  .xx-cta{height:38px;font-size:14px;padding:0 12px}
  .xx-scaler,.xx-play{width:100%;height:auto}
  .xx-play{display:flex;flex-direction:column;align-items:center;padding:10px 10px 24px;gap:12px}
  .xx-temple{position:static;width:100%;flex-direction:row;justify-content:center;flex-wrap:wrap}
  .xx-temple-l,.xx-temple-r{left:auto;right:auto;top:auto}
  .xx-promo{width:30%;min-width:96px}
  .xx-promo img{width:100%;height:90px}
  .xx-promo span{font-size:16px}
  .xx-glasses{position:static;width:100%;height:auto}
  .xx-brow{display:none}
  .xx-lenses{position:static;display:flex;flex-direction:column;align-items:center;padding:0;gap:14px}
  .xx-lens{position:relative;left:auto;top:auto;width:min(100%,420px);height:auto;aspect-ratio:1/1;padding:36px}
  .xx-lens-l,.xx-lens-r{left:auto;top:auto}
  .xx-tile{width:100%;height:auto;aspect-ratio:1;min-width:130px;min-height:130px}
  .xx-bridge{display:none}
  .xx-banner{position:static;width:100%;height:auto;flex-direction:column;padding:12px;border-radius:20px}
  .xx-banner .xx-h1{font-size:28px;letter-spacing:-0.03em;white-space:normal}
  .xx-banner .xx-h1 em{font-size:28px}
  .xx-h1{font-size:36px}
  .xx-plate{flex:0 0 auto;width:176px}
  .xx-coins,.xx-chest{display:none}
  .xx-visor{flex-direction:column;align-items:flex-start}
  .xx-visor .xx-h1{font-size:32px}
  .xx-dual,.xx-grid3,.xx-dir{grid-template-columns:1fr}
  .xx-cta-lg{height:48px;font-size:18px}
}

.xx-banner .xx-disc{margin:4px 0 0;font-size:11px;color:#b9c9e6;text-align:center}
.xx-hgroup{align-items:center}
@media (max-width:759px){
  .xx-play{background:#061433 url("/img/velvet.webp") center / cover !important}
  .xx-lens{border:12px solid #e8c04a;box-shadow:inset 0 0 0 3px #8a6414,0 8px 16px rgba(0,0,0,.4);background:radial-gradient(120% 90% at 28% 18%,rgba(120,210,255,.2),rgba(4,20,64,.92) 70%)}
  .xx-h1 .xx-l1{font-size:22px}
  .xx-h1 em{font-size:48px}
  .xx-banner{flex-direction:column;height:auto}
  .xx-temple-l,.xx-temple-r{display:flex}
}

.xx-cta-col{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0}
.xx-plate{overflow:visible}
.xx-hhead{display:flex;align-items:center;gap:10px;width:100%}
.xx-brandlogo{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#071018;border:1px solid #e8c04a;flex:0 0 64px}
.xx-logobadge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:10px;background:#0a1a44;border:1px solid #5a6a8c;color:#d0d8e8;font-weight:800;font-family:XxExo,sans-serif;font-size:18px;letter-spacing:.04em;flex:0 0 64px}
.xx-logobadge-lg{width:160px;height:160px;font-size:48px;border-radius:26px;border-color:#e8c04a}
.xx-indep-mini{display:inline-block;background:#071018;color:#ffd54a;font-weight:800;font-size:12px;padding:2px 8px;border-radius:6px;margin-top:2px}
.xx-revhero{display:flex;align-items:center;gap:18px;margin:0 0 18px;flex-wrap:wrap}
.xx-revhero .xx-plate{flex:0 0 176px}
.xx-visor .xx-h1{font-size:48px;text-align:left;white-space:normal;letter-spacing:.02em}
.xx-visor .xx-h1 em{font-size:48px}