
.c3.fast{transition:transform .34s cubic-bezier(.45,.05,.3,1)}
.cg-stage-ctl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;z-index:30}
.cg-stage-ctl span{font:10.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}
.cg-shuffle{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:99px;border:1px solid var(--rule-gold);background:rgba(12,18,29,.75);color:var(--gold);font:11px var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .25s,transform .25s}
.cg-shuffle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cg-shuffle:hover{background:rgba(244,185,66,.12);transform:translateY(-1px)}
.cg-clock{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:-4px 0 0;padding:10px 14px;border-radius:12px;background:var(--paper-3)}
.cg-clock span{font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}
.cg-clock b{font:600 17px var(--mono);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.cg-clock-inline{color:var(--gold);font-weight:700}


.cg-proof{border-top:1px solid var(--rule);background:linear-gradient(180deg,rgba(22,32,74,.35),transparent)}
.cg-proof .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:22px;padding-bottom:22px}
.cg-proof .wrap>div{padding-left:14px;border-left:2px solid var(--rule-gold)}
.cg-proof b{display:block;font:800 clamp(24px,2.4vw,34px)/1.05 var(--serif);color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.cg-proof .txt b{font-size:clamp(17px,1.6vw,21px);color:#fff;line-height:1.25}
.cg-proof span{display:block;margin-top:4px;font-size:13.5px;color:var(--ink-dim);line-height:1.35}
@media (max-width:900px){.cg-proof .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.cg-proof .txt{grid-column:1/-1}}


.cg-video{margin:0}
.cg-video-btn,.cg-video iframe{position:relative;display:block;width:100%;aspect-ratio:16/10;border:0;border-radius:20px;overflow:hidden;background:radial-gradient(90% 90% at 50% 40%,#1b2a66,#070b13 75%);cursor:pointer;padding:0;box-shadow:0 30px 60px -24px #000,0 0 0 1px var(--rule-gold)}
.cg-video-cards{position:absolute;inset:0}
.cg-video-cards img{position:absolute;top:50%;left:50%;width:34%;border-radius:10px;box-shadow:0 20px 40px -12px #000;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.cg-video-cards img:nth-child(1){transform:translate(-125%,-50%) rotate(-12deg)}
.cg-video-cards img:nth-child(2){transform:translate(-50%,-56%);z-index:1}
.cg-video-cards img:nth-child(3){transform:translate(25%,-50%) rotate(12deg)}
.cg-video-btn:hover .cg-video-cards img:nth-child(1){transform:translate(-135%,-52%) rotate(-16deg)}
.cg-video-btn:hover .cg-video-cards img:nth-child(3){transform:translate(35%,-52%) rotate(16deg)}
.cg-video-btn::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(transparent 40%,rgba(5,8,14,.85))}
.cg-vplay{position:absolute;left:50%;top:44%;z-index:3;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--gold);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(244,185,66,.18),0 10px 30px rgba(0,0,0,.6);animation:pulse 2.4s ease-in-out infinite}
.cg-vplay svg{width:30px;height:30px;fill:#16120a;margin-left:4px}
@keyframes pulse{50%{box-shadow:0 0 0 20px rgba(244,185,66,0),0 10px 30px rgba(0,0,0,.6)}}
.cg-video-cap{position:absolute;left:20px;bottom:16px;z-index:3;text-align:left}
.cg-video-cap b{display:block;font:700 20px var(--serif);color:#fff}
.cg-video-cap span{font:10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}


.cg-draw-sec{background:radial-gradient(70% 60% at 30% 50%,rgba(22,32,74,.5),transparent 70%)}
.cg-draw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
@media (max-width:900px){.cg-draw{grid-template-columns:1fr;gap:44px}}
.cg-draw-table{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:22px;align-items:center;perspective:1300px;max-width:560px}
.cg-draw-pile{position:relative;aspect-ratio:480/670;border:0;padding:0;background:none;cursor:pointer}
.cg-draw-pile img{position:absolute;inset:0;width:100%;height:100%;border-radius:14px;box-shadow:0 14px 30px -12px #000}
.cg-draw-pile img:nth-child(1){transform:translate(6px,6px) rotate(3deg)}
.cg-draw-pile img:nth-child(2){transform:translate(3px,3px) rotate(1.5deg)}
.cg-draw-pile img:nth-child(3){transition:transform .3s}
.cg-draw-pile:hover img:nth-child(3){transform:translateY(-10px) rotate(-3deg)}
.cg-draw-pile span{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);white-space:nowrap;font:11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.cg-dslot{aspect-ratio:480/670;position:relative;border-radius:16px;border:1px dashed var(--rule)}
.cg-dcard{position:absolute;inset:0;transform-style:preserve-3d;opacity:0;transform:translateX(-90%) rotate(-10deg) rotateY(180deg) scale(.8)}
.cg-dcard.show{opacity:1;transform:none;transition:transform .85s cubic-bezier(.25,.8,.25,1),opacity .2s}
.cg-dcard .f{position:absolute;inset:0;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 26px 50px -18px #000,0 0 40px rgba(111,168,255,.18)}
.cg-dcard .f img{display:block;width:100%;height:100%}
.cg-dcard .back{transform:rotateY(180deg)}
.cg-dinfo h3{font:800 clamp(28px,3vw,40px)/1.05 var(--serif);color:#fff;margin:10px 0 6px;letter-spacing:-.02em}
.cg-dkind{margin:0 0 18px;color:var(--ink-dim);font-size:15px}
.cg-tier.town{background:#f2a6d8}
.cg-dbars{display:grid;gap:9px}
.cg-dbar{display:grid;grid-template-columns:72px minmax(0,1fr) 34px;gap:12px;align-items:center}
.cg-dbar span{font:10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.cg-dbar i{height:8px;border-radius:99px;background:var(--paper-3);overflow:hidden}
.cg-dbar i b{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#6fa8ff,#a5d8ff);transition:width .9s cubic-bezier(.2,.8,.2,1)}
.cg-dbar.top i b{background:linear-gradient(90deg,var(--gold-dk),var(--gold-hi));box-shadow:0 0 10px rgba(244,185,66,.6)}
.cg-dbar em{font:800 18px var(--serif);font-style:normal;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.cg-dbar.top em{color:var(--gold)}
.cg-dfact{min-height:3em;margin:16px 0;color:var(--ink);font-size:15.5px;line-height:1.55}
.cg-dfact b{color:var(--gold)}
.cg-hand{display:flex;gap:8px;min-height:62px}
.cg-hand img{width:44px;height:auto;border-radius:5px;box-shadow:0 6px 14px -6px #000}
.cg-hand img.pop{animation:handin .5s cubic-bezier(.2,.8,.2,1)}
@keyframes handin{from{transform:translateY(-20px) scale(1.4);opacity:0}}
.cg-dscore{margin:10px 0 0;color:var(--ink-dim);font-size:15px}
.cg-dscore b{color:#fff}



.cg-ladder li.pop{animation:unlock 1.1s cubic-bezier(.2,.8,.2,1)}
.cg-ladder li.pop::after{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(100deg,transparent 30%,rgba(247,204,110,.35) 50%,transparent 70%);background-size:250% 100%;animation:sweep 1.1s ease-out forwards;pointer-events:none}
@keyframes unlock{30%{transform:scale(1.035);box-shadow:0 0 0 2px var(--gold),0 0 40px rgba(244,185,66,.45)}}
@keyframes sweep{from{background-position:120% 0}to{background-position:-60% 0}}
.cg-toast{position:fixed;left:50%;bottom:24px;z-index:130;transform:translate(-50%,160%);padding:12px 18px;border-radius:99px;background:var(--gold);color:#16120a;font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 14px 40px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s,visibility .45s;max-width:calc(100vw - 32px);text-align:center;pointer-events:none;opacity:0;visibility:hidden}
.cg-toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}
@media (max-width:900px){.c3{top:42%}}
@media (max-width:760px){.cg-toast{bottom:84px}}
@media (prefers-reduced-motion:reduce){.cg-vplay,.cg-live i{animation:none}}
.cg-post{margin:6px 0 0!important;font:11px var(--mono)!important;letter-spacing:.06em;color:var(--ink-faint)!important}
.cg-post b{color:var(--ink);font-weight:600}
