*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}img,svg{max-width:100%}
h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0 0 .5em}
p{margin:0 0 1em}.muted{color:var(--muted)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.legal{padding:56px 20px 80px;max-width:780px;margin:0 auto}.legal h2{font-size:1.25rem;margin-top:1.8em}
.bdg{position:relative;overflow:hidden;display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--b);color:#fff;font:800 .74rem/1 var(--body);letter-spacing:.02em}
.bdg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:12%}
.ok{color:#15803d}.ko{color:var(--muted)}
.notice{padding:18px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ok{color:#4ade80}}
:root[data-theme="dark"] .ok{color:#4ade80}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

:root{--bg:#0b0820;--ink:#f3f0ff;--muted:#a59dcc;--line:#261c4d;--card:#140e30;--soft:#1c1442;--primary:#8b5cf6;--on-primary:#fff;--accent:#22d3ee;--accent2:#c084fc;
--display:'Sora',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--radius:18px;color-scheme:dark}
body{background:radial-gradient(900px 600px at 100% 0,rgba(139,92,246,.12),transparent 60%),var(--bg)}
h1,h2,h3{font-weight:800;letter-spacing:-.03em}
.tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:14px;background:var(--primary);color:#fff;text-decoration:none;font:700 1rem var(--body);border:0;cursor:pointer;transition:.15s}
.tp-btn.y{background:linear-gradient(110deg,#a855f7,#22d3ee);color:#fff;box-shadow:0 10px 30px -10px rgba(34,211,238,.6)}
.tp-btn.ghost{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.tp-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
header.jg{position:sticky;top:0;z-index:30;background:rgba(11,8,32,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
header.jg .wrap{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.jg-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.4rem var(--display);color:#fff;letter-spacing:-.04em}.jg-brand i{font-style:normal;background:linear-gradient(110deg,#c084fc,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.jg-nav{display:flex;align-items:center;gap:24px}.jg-nav a{text-decoration:none;font-weight:600;color:var(--muted)}.jg-nav a:hover,.jg-nav a[aria-current]{color:#fff}
.jg-nav a.tp-btn{color:#fff;padding:10px 18px}
.jg-mcta{display:none}
.hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;background:#0b0820 url(/hero.webp) right center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0820 0,#0b0820 32%,rgba(11,8,32,.75) 50%,rgba(11,8,32,0) 75%),linear-gradient(0deg,#0b0820 0,transparent 30%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-top:40px;padding-bottom:110px}
.hero .txt{max-width:560px}
.hero .k{display:inline-flex;align-items:center;gap:8px;font:700 .8rem var(--body);letter-spacing:.05em;text-transform:uppercase;background:rgba(34,211,238,.1);color:#67e8f9;border:1px solid rgba(34,211,238,.3);padding:7px 14px;border-radius:999px;margin-bottom:22px}
.hero .k i{width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 12px #22d3ee}
.hero h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:.98;margin:0 0 20px;color:#fff}
.hero h1 span{display:block;background:linear-gradient(110deg,#c084fc 10%,#22d3ee 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:1.12rem;color:#c9c1ee;margin:0 0 30px}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px}
.trust{position:relative;z-index:3;margin-top:-64px}
.trust .wrap>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.trust .t{display:flex;align-items:center;gap:14px;padding:22px 24px;background:rgba(20,14,48,.92);backdrop-filter:blur(10px)}
.trust .t i{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,rgba(168,85,247,.25),rgba(34,211,238,.25));color:#67e8f9}
.trust b{display:block;font:800 1.15rem var(--display);color:#fff}.trust small{color:var(--muted);font-size:.85rem}
.sec{padding:96px 0 0}
.sec-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px}
.sec-h small{font:700 .8rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.sec-h h2{font-size:clamp(1.9rem,4vw,2.8rem);margin:6px 0 0;color:#fff}.sec-h p{color:var(--muted);margin:8px 0 0;max-width:520px}
.sec-h a{color:var(--accent);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.games{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gcard{position:relative;display:grid;gap:12px;padding:22px;border-radius:22px;background:linear-gradient(160deg,#1a1240,#120c2c);border:1px solid var(--line);text-decoration:none;color:#fff;transition:.2s;overflow:hidden;isolation:isolate}
.gcard::after{content:"";position:absolute;inset:auto -40% -60% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.35),transparent 70%);z-index:-1;transition:.3s}
.gcard:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.5);box-shadow:0 20px 40px -20px rgba(34,211,238,.45)}
.gcard:hover::after{inset:auto -20% -40% auto;background:radial-gradient(circle,rgba(34,211,238,.4),transparent 70%)}
.gcard .bdg{width:60px;height:60px;border-radius:16px;box-shadow:0 8px 20px -8px rgba(0,0,0,.6)}
.gcard b{font:700 1.08rem var(--display);line-height:1.2}
.gcard small{color:var(--muted);font-size:.82rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.gcard .pr{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem;color:var(--muted)}
.gcard .pr b{font-size:1rem;color:#67e8f9}
.promo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.promo>a{position:relative;display:grid;grid-template-columns:1fr 200px;align-items:center;gap:8px;min-height:220px;padding:30px 0 30px 32px;border-radius:26px;overflow:hidden;text-decoration:none;color:#fff;border:1px solid var(--line)}
.promo .p1{background:linear-gradient(120deg,#3b1477,#1a0d3f)}.promo .p2{background:linear-gradient(120deg,#0e4a5e,#11163d)}
.promo small{font:700 .75rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:#67e8f9}
.promo h3{font-size:1.6rem;line-height:1.1;margin:8px 0 10px}.promo p{margin:0 0 16px;color:#d4ccf3;font-size:.95rem}
.promo span.go{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#fff}
.promo img{width:220px;height:220px;object-fit:cover;margin-right:-20px;-webkit-mask:radial-gradient(circle,#000 55%,transparent 72%);mask:radial-gradient(circle,#000 55%,transparent 72%)}
.promo>a:hover{border-color:rgba(255,255,255,.25)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
.steps div{position:relative;padding:28px;border-radius:22px;background:var(--card);border:1px solid var(--line)}
.steps div::before{counter-increment:s;content:"0" counter(s);display:block;font:800 2.6rem var(--display);line-height:1;margin-bottom:14px;background:linear-gradient(110deg,#c084fc,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.steps h3{font-size:1.2rem;margin:0 0 6px;color:#fff}.steps p{margin:0;color:var(--muted)}
.pk{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pk a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:#fff}
.pk a:hover{border-color:rgba(34,211,238,.45)}
.pk .bdg{width:38px;height:38px;border-radius:10px;flex:none}
.pk span{flex:1;min-width:0}.pk small{color:var(--muted);font-size:.75rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk b{font:600 .88rem var(--body);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk em{font:800 .95rem var(--display);font-style:normal;color:#67e8f9;white-space:nowrap}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feat div{padding:26px;border-radius:22px;background:var(--card);border:1px solid var(--line)}
.feat .ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#a855f7,#22d3ee);color:#fff;margin-bottom:16px;box-shadow:0 10px 24px -10px rgba(168,85,247,.7)}
.feat h3{font-size:1.15rem;margin:0 0 6px;color:#fff}.feat p{margin:0;color:var(--muted);font-size:.95rem}
.cta-band{margin-top:96px;padding:44px;border-radius:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#5b21b6,#0e7490);box-shadow:0 30px 60px -30px rgba(91,33,182,.8)}
.cta-band h2{margin:0;font-size:clamp(1.6rem,3.4vw,2.4rem);color:#fff}.cta-band p{margin:6px 0 0;color:#e0dafc}
.cta-band .tp-btn{background:#fff;color:#3b0f80}
.jg-contact{display:grid;grid-template-columns:1fr 1.1fr;gap:16px}
.jg-contact .cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--card);text-decoration:none;color:#fff;min-width:0}
a.cc:hover{border-color:rgba(34,211,238,.45)}
.cc i{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--soft);color:#67e8f9;font-style:normal}
.cc span{min-width:0}.cc small{display:block;color:var(--muted);font-size:.78rem;font-weight:700}.cc b{display:block;font-size:.95rem;overflow-wrap:anywhere}
.cc.addr{grid-column:1/-1}.cc.addr b{font-weight:600;font-size:.9rem}
.jg-contact iframe{width:100%;height:100%;min-height:300px;border:1px solid var(--line);border-radius:18px;filter:invert(.9) hue-rotate(200deg) saturate(.6)}
.jg-sub{position:relative;padding:60px 0 36px;overflow:hidden;background:linear-gradient(90deg,#0b0820 30%,rgba(11,8,32,.6)),url(/hero-m.webp) right center/cover no-repeat}
.jg-sub .k{display:inline-block;font:700 .8rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.jg-sub h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;margin:10px 0 0;color:#fff}.jg-sub p{color:#c9c1ee;max-width:620px;margin:12px 0 0}
.jg-page{padding:28px 20px 0}
footer.jg{border-top:1px solid var(--line);margin-top:96px;padding:30px 0;font-size:.9rem;color:var(--muted)}
footer.jg .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}footer.jg a{color:var(--muted);text-decoration:none;margin-left:18px}
.vtop input{border-color:var(--line)!important}.rows button{border-color:var(--line)!important}.vi{border-color:var(--line)}
@media (max-width:980px){.games,.pk{grid-template-columns:repeat(2,1fr)}.trust .wrap>div{grid-template-columns:repeat(2,1fr)}.promo{grid-template-columns:1fr}.steps,.feat{grid-template-columns:1fr}.jg-contact{grid-template-columns:1fr}}
@media (max-width:900px){header.jg .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:0;row-gap:8px}
.jg-mcta{display:inline-flex;padding:9px 16px;font-size:.92rem}
.jg-nav{order:3;width:100%;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.jg-nav::-webkit-scrollbar{display:none}
.jg-nav a:not(.tp-btn){flex:none;padding:8px 14px;border-radius:999px;background:var(--soft);color:#fff;font-size:.9rem}
.jg-nav a[aria-current]{background:var(--primary)}.jg-nav .tp-btn{display:none}
.hero{min-height:0;align-items:flex-end;background-image:url(/hero-m.webp);background-position:70% top;background-size:auto 70%}
.hero::before{background:linear-gradient(0deg,#0b0820 0,#0b0820 48%,rgba(11,8,32,.2) 75%,rgba(11,8,32,.5) 100%)}
.hero .wrap{padding-top:300px;padding-bottom:96px}.sec{padding-top:72px}}
@media (max-width:560px){.games,.pk{grid-template-columns:1fr 1fr}.pk{grid-template-columns:1fr}.trust .wrap>div{grid-template-columns:1fr 1fr}.trust .t{padding:16px;gap:10px}.trust .t i{width:38px;height:38px}
.promo>a{grid-template-columns:1fr 130px;padding:24px 0 24px 22px;min-height:0}.promo img{width:150px;height:150px}.promo h3{font-size:1.3rem}
.cta-band{padding:28px}.jg-contact .cards{grid-template-columns:1fr}.gcard{padding:16px}.gcard .bdg{width:48px;height:48px}}

.cs{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}
.csf{display:flex;gap:10px;padding:8px;border:2px solid var(--ink);border-radius:18px;background:var(--card)}
.csf input{flex:1;min-width:0;border:0;background:none;font:700 1.15rem var(--display);letter-spacing:.02em;color:var(--ink);outline:none;padding:8px 10px}
.csf button{border:0;cursor:pointer}
.csr{margin-top:18px}
.stbox{padding:22px;border:2px solid var(--ink);border-radius:22px;background:var(--card);box-shadow:6px 6px 0 var(--accent)}
.stbox h3{margin:0 0 4px;font-size:1.3rem}.stbox .oid{font:700 .9rem var(--display);color:var(--muted)}
.steps2{display:grid;gap:0;margin:18px 0 6px}
.st2{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding-bottom:16px;position:relative}
.st2:not(:last-child)::before{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:var(--line)}
.st2 i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--muted);font-style:normal}
.st2.on i{background:#16a34a;color:#fff}.st2.wait i{background:var(--accent);color:#14213d}.st2.bad i{background:#dc2626;color:#fff}
.st2 b{display:block;margin-top:5px}.st2 span{color:var(--muted);font-size:.9rem}
.hist{display:grid;gap:10px}
.hist h3{margin:0 0 4px;font-size:1.1rem}
.hi{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid var(--line);border-radius:16px;background:var(--card);text-decoration:none;color:var(--ink)}
.hi:hover{border-color:var(--ink)}.hi .bdg{width:34px;height:34px}.hi div{flex:1;min-width:0}
.hi b{display:block;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hi small{color:var(--muted);font-size:.78rem}
.hi em{font:800 .8rem var(--display);font-style:normal}
.empty{padding:18px;border:2px dashed var(--line);border-radius:16px;color:var(--muted);font-size:.92rem}
@media (max-width:900px){.cs{grid-template-columns:1fr}}

/* gem re-theme of the shared console */
.panel{background:#2a1363;border-color:#180a3f;box-shadow:8px 8px 0 var(--accent)}
.lcd{background:#180a3f}.lcd .code,.lcd .pr{color:var(--accent)}.lcd small{color:#9d93d6}.lcd .nt{color:#c9bff0}
.panel .keys span{background:#3b1f73;color:#d6ccf5}.panel .pmeta{color:#c9bff0}
.rows button[aria-pressed="true"]{background:var(--primary);color:#fff}.rows button[aria-pressed="true"] b{background:var(--accent);color:#06283a}
.vi[aria-pressed="true"]{box-shadow:4px 4px 0 var(--accent)}
.co label{color:#d6ccf5}.co input:focus{box-shadow:0 0 0 3px var(--accent)}.co .hint{color:#9d93d6}
.paybtn{background:var(--accent);color:#06283a}.paybtn.ghost{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}
.qr b{color:var(--accent)}.qr .st i{background:var(--accent)}
.stbox{box-shadow:6px 6px 0 var(--accent)}.st2.wait i{background:var(--accent);color:#06283a}

.gs{padding-bottom:20px}
.gs-top{display:grid;gap:14px;margin-bottom:22px}
.gs-search{display:flex;align-items:center;gap:12px;padding:6px 8px 6px 18px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:var(--muted)}
.gs-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(34,211,238,.12)}
.gs-search input{flex:1;min-width:0;border:0;background:none;outline:none;color:#fff;font:500 1.05rem var(--body);padding:12px 0}
.gs-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.gs-chips::-webkit-scrollbar{display:none}
.gs-chips button{flex:none;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font:600 .9rem var(--body);cursor:pointer}
.gs-chips button:hover{color:#fff}
.gs-chips button[aria-pressed="true"]{background:linear-gradient(110deg,#8b5cf6,#06b6d4);border-color:transparent;color:#fff}
.gs-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:14px;color:var(--muted);font-size:.86rem}.gs-meta b{color:#fff;font:700 1.05rem var(--display)}
.gs-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.gb{position:relative;display:grid;justify-items:center;gap:10px;padding:22px 12px 18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(165deg,#1b1342,#110b29);color:#fff;cursor:pointer;font:inherit;text-align:center;transition:.18s;overflow:hidden}
.gb::before{content:"";position:absolute;left:50%;top:-40px;width:140px;height:140px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.35),transparent 70%);transition:.25s}
.gb:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.55);box-shadow:0 18px 36px -18px rgba(34,211,238,.5)}
.gb:hover::before{background:radial-gradient(circle,rgba(34,211,238,.4),transparent 70%)}
.gb .bdg{position:relative;width:66px;height:66px;border-radius:18px;box-shadow:0 10px 22px -10px rgba(0,0,0,.7)}
.gb b{position:relative;font:700 .95rem var(--display);line-height:1.25}
.gb small{position:relative;color:var(--muted);font-size:.76rem}
.gs-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 0}
.gs-hero{position:relative;display:grid;gap:18px;padding:24px 26px 28px;border-radius:26px;margin-bottom:22px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,rgba(26,13,63,.97) 35%,rgba(26,13,63,.55)),url(/hero-m.webp) right center/cover no-repeat}
.gs-back{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:600 .85rem var(--body);cursor:pointer}
.gs-back svg{transform:rotate(180deg)}
.gs-id{display:flex;align-items:center;gap:18px}
.gs-id .bdg{flex:none;width:84px;height:84px;border-radius:22px;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 16px 30px -12px rgba(0,0,0,.8)}
.gs-id small{color:#67e8f9;font:700 .75rem var(--body);letter-spacing:.1em;text-transform:uppercase}
.gs-id h2{margin:4px 0 6px;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.05;color:#fff}
.gs-id span{display:inline-flex;align-items:center;gap:6px;color:#d4ccf3;font-size:.9rem}.gs-id span svg{color:#22d3ee}
.gs-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.gs-step{padding:22px;border-radius:24px;background:var(--card);border:1px solid var(--line);margin-bottom:18px}
.gs-step h3{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:1.15rem;color:#fff}
.gs-step h3 i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font:800 .95rem var(--display);font-style:normal;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}
.gs-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gs-fields.one{grid-template-columns:1fr}
.gs-fields label{display:grid;gap:6px;font:600 .82rem var(--body);color:var(--muted)}
.gs-fields input,.gs-dq{width:100%;box-sizing:border-box;font:600 1.02rem var(--body);color:#fff;background:#0d0926;border:1px solid var(--line);border-radius:14px;padding:13px 14px;outline:none}
.gs-fields input:focus,.gs-dq:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(34,211,238,.12)}
.gs-note{margin:12px 0 0;font-size:.82rem;color:var(--muted)}
.gs-dq{margin-bottom:14px;font-size:.95rem;padding:11px 14px}
.gs-denoms{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.gd{position:relative;display:grid;gap:8px;justify-items:start;padding:16px 14px 14px;border-radius:18px;border:1px solid var(--line);background:#0f0a2a;color:#fff;cursor:pointer;font:inherit;text-align:left;transition:.15s}
.gd:hover{border-color:rgba(139,92,246,.7)}
.gd svg.gem{width:30px;height:30px;filter:drop-shadow(0 4px 10px rgba(34,211,238,.45))}
.gd span{font:600 .88rem var(--body);line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gd b{font:800 1.02rem var(--display);color:#67e8f9}
.gd[aria-pressed="true"]{border-color:#22d3ee;background:linear-gradient(160deg,rgba(139,92,246,.28),rgba(6,182,212,.18));box-shadow:0 0 0 1px #22d3ee,0 14px 30px -14px rgba(34,211,238,.6)}
.gd[aria-pressed="true"]::after{content:"";position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;background:#22d3ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306283a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat}
.gd.off{opacity:.4;cursor:not-allowed}
.gs-sum{position:sticky;top:90px;padding:22px;border-radius:24px;background:linear-gradient(170deg,#21134d,#120b2e);border:1px solid rgba(139,92,246,.35);box-shadow:0 24px 50px -30px rgba(139,92,246,.8)}
.gs-sum h3{margin:0 0 14px;font-size:1.05rem;color:#fff}
.gs-sum dl{display:grid;gap:10px;margin:0 0 16px}
.gs-sum dl div{display:flex;justify-content:space-between;gap:12px;font-size:.88rem}.gs-sum dt{color:var(--muted)}.gs-sum dd{margin:0;color:#fff;font-weight:600;text-align:right;overflow-wrap:anywhere}
.gs-tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;margin-bottom:16px;border-top:1px dashed rgba(255,255,255,.15)}
.gs-tot span{color:var(--muted);font-size:.88rem}.gs-tot b{font:800 1.6rem var(--display);background:linear-gradient(110deg,#c084fc,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.gs-pay{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border:0;border-radius:16px;background:linear-gradient(110deg,#8b5cf6,#06b6d4);color:#fff;font:800 1rem var(--body);cursor:pointer;text-decoration:none;box-shadow:0 12px 28px -12px rgba(34,211,238,.7)}
.gs-pay:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.gs-pay.ghost{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.gs-err{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:rgba(244,63,94,.12);color:#fda4af;font-size:.85rem}
.gs-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;color:var(--muted);font-size:.76rem}
.gs-bar{display:none}
.gs-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(5,3,18,.72);backdrop-filter:blur(8px)}
.gs-modal[hidden]{display:none}
.gs-sheet{width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;padding:24px;border-radius:28px;background:linear-gradient(170deg,#1f1248,#100a2a);border:1px solid rgba(139,92,246,.4);box-shadow:0 40px 80px -30px rgba(0,0,0,.9);text-align:center;color:#fff}
.gs-sheet .gs-it{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border-radius:16px;background:rgba(255,255,255,.05);margin-bottom:18px}
.gs-sheet .gs-it .bdg{width:44px;height:44px;border-radius:12px;flex:none}.gs-sheet .gs-it b{display:block;font-size:.92rem}.gs-sheet .gs-it small{color:var(--muted);font-size:.8rem}
.gs-qr{display:inline-block;padding:14px;border-radius:20px;background:#fff;line-height:0;box-shadow:0 0 0 6px rgba(34,211,238,.15),0 0 40px rgba(34,211,238,.35)}
.gs-qr svg{width:230px;height:230px}
.gs-amt{display:block;margin:16px 0 4px;font:800 2rem var(--display);background:linear-gradient(110deg,#c084fc,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.gs-oid{color:var(--muted);font-size:.82rem}
.gs-st{display:inline-flex;align-items:center;gap:8px;margin:14px 0 6px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.07);font:600 .85rem var(--body)}
.gs-st i{width:9px;height:9px;border-radius:50%;background:#22d3ee;animation:gsp 1.4s infinite}
@keyframes gsp{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.gs-st i{animation:none}}
.gs-cd{display:block;color:var(--muted);font-size:.8rem;margin-bottom:16px}.gs-cd b{color:#fff;font-variant-numeric:tabular-nums}
.gs-sheet .gs-pay+.gs-pay{margin-top:10px}
.gs-ok{display:grid;place-items:center;width:76px;height:76px;margin:6px auto 14px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#06b6d4);color:#fff;box-shadow:0 0 40px rgba(34,197,94,.45)}
.gs-ok.bad{background:linear-gradient(135deg,#f43f5e,#a855f7);box-shadow:0 0 40px rgba(244,63,94,.4)}
.gs-sheet h3{margin:0 0 8px;font-size:1.3rem}.gs-sheet p{margin:0 0 18px;color:#d4ccf3;font-size:.92rem}
@media (max-width:900px){.gs-body{grid-template-columns:1fr}.gs-sum{display:none}
.gs-bar{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(16,10,42,.96);backdrop-filter:blur(12px);border-top:1px solid rgba(139,92,246,.35)}
.gs-bar div{flex:1;min-width:0}.gs-bar small{display:block;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-bar b{font:800 1.15rem var(--display);color:#fff}
.gs-bar .gs-pay{width:auto;padding:13px 18px;flex:none}
#pg:not([hidden]){padding-bottom:80px}.gs-fields{grid-template-columns:1fr}}
@media (max-width:560px){.gs-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gb{padding:16px 6px 14px;border-radius:18px}.gb .bdg{width:52px;height:52px;border-radius:15px}.gb b{font-size:.8rem}.gb small{display:none}
.gs-denoms{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-hero{padding:18px}.gs-id .bdg{width:64px;height:64px}.gs-step{padding:18px}}