/* ===== Originals pack 2: Dragon Tiger (.dt-), Coin Flip (.cf-), Diamonds (.dm-), Penalty (.pk-), Chicken Cross (.ck-), Pump (.pm-) ===== */

/* ---------- shared ladders ---------- */
.cf-ladder,.pm-ladder{display:flex;gap:6px;overflow-x:auto;width:100%;padding:4px 2px;scrollbar-width:none;scroll-behavior:smooth}
.cf-ladder::-webkit-scrollbar,.pm-ladder::-webkit-scrollbar{display:none}
.cf-ladder span,.pm-ladder span{flex:none;background:rgba(0,0,0,.24);color:#fff;border-radius:11px;padding:4px 10px;font-weight:800;font-family:var(--display);font-size:13px;text-align:center;line-height:1.25;min-width:58px;border:2px solid transparent;transition:background .2s}
.cf-ladder small,.pm-ladder small{display:block;font-size:9.5px;opacity:.7;font-weight:700}
.cf-ladder .done,.pm-ladder .done{background:rgba(22,163,74,.9)}
.cf-ladder .next,.pm-ladder .next{background:#fff;color:var(--p-ink);border-color:var(--ta);box-shadow:0 4px 14px rgba(0,0,0,.2)}
.cf-ladder .bust,.pm-ladder .bust{background:#e11d48}
.pm-ladder .trap{background:rgba(127,29,29,.75);border-color:#fb7185}

/* ================= Dragon Tiger ================= */
.dt-wrap{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;gap:12px}
.dt-board{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:100%;margin-bottom:6px}
.dt-side{position:relative;border-radius:22px;padding:12px 10px 12px;text-align:center;background:linear-gradient(180deg,rgba(10,4,30,.42),rgba(10,4,30,.2));border:2px solid rgba(255,255,255,.22);overflow:hidden;transition:transform .3s,box-shadow .3s,opacity .3s,filter .3s}
.dt-side.dragon{--sc:#ef4444}.dt-side.tiger{--sc:#3b82f6}
.dt-side::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -10%,var(--sc),transparent 72%);opacity:.55;pointer-events:none}
.dt-emb{position:absolute;font-size:96px;line-height:1;opacity:.2;bottom:-16px;pointer-events:none}
.dt-side.dragon .dt-emb{left:-14px}.dt-side.tiger .dt-emb{right:-14px}
.dt-name{position:relative;font-family:var(--display);font-weight:900;color:#fff;letter-spacing:.16em;font-size:15px;text-shadow:0 2px 0 var(--sc),0 0 14px var(--sc)}
.dt-slot{position:relative;height:152px;display:grid;place-items:center;perspective:900px}
.dt-ghost{width:100px;height:140px;border-radius:12px;border:2.5px dashed rgba(255,255,255,.35);background:rgba(255,255,255,.05)}
.dt-dealt{animation:dtdeal .4s cubic-bezier(.2,.9,.3,1.15) both}
@keyframes dtdeal{from{transform:translate(0,-170px) rotate(-22deg) scale(.7);opacity:0}}
.dt-flip{width:100px;height:140px;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.8,.3,1.1)}
.dt-flip.open{transform:rotateY(180deg)}
.dt-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dt-front{transform:rotateY(180deg)}
.dt-face .pcard{width:100%;height:100%;animation:none}
.dt-face .pcard .r,.dt-face .pcard .rb{font-size:26px}.dt-face .pcard .s{font-size:56px}.dt-face .pcard .s1{top:34px;font-size:17px}
.dt-val{position:relative;display:inline-block;margin-top:6px;background:rgba(0,0,0,.38);color:#fff;font-weight:800;border-radius:20px;padding:2px 12px;font-size:13px;font-family:var(--display);min-width:64px}
.dt-side.win{border-color:#fde047;box-shadow:0 0 0 3px #fde047,0 0 44px rgba(253,224,71,.55);transform:translateY(-4px)}
.dt-side.win .dt-val{background:#fde047;color:#422006}
.dt-side.lose{opacity:.55;filter:saturate(.45)}
.dt-side.tie{border-color:#4ade80;box-shadow:0 0 0 3px #4ade80,0 0 30px rgba(74,222,128,.45)}
.dt-vs{display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1}
.dt-vs b{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ef4444 0 49%,#3b82f6 51%);color:#fff;font-family:var(--display);font-weight:900;font-size:20px;border:3px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.3);text-shadow:0 2px 0 rgba(0,0,0,.3)}
.dt-vs-ico{font-size:30px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}
.dt-banner{position:absolute;left:50%;bottom:-18px;transform:translate(-50%,0) scale(.4);opacity:0;z-index:4;white-space:nowrap;font-family:var(--display);font-weight:900;font-size:20px;letter-spacing:.08em;color:#fff;padding:6px 22px;border-radius:30px;border:3px solid #fff;box-shadow:0 10px 28px rgba(0,0,0,.35);pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1)}
.dt-banner.show{opacity:1;transform:translate(-50%,0) scale(1)}
.dt-banner.d{background:linear-gradient(135deg,#ef4444,#991b1b)}.dt-banner.t{background:linear-gradient(135deg,#3b82f6,#1e3a8a)}.dt-banner.x{background:linear-gradient(135deg,#22c55e,#166534)}
.dt-spots{display:grid;grid-template-columns:1fr .8fr 1fr;gap:8px;width:100%;user-select:none}
.dt-spot{position:relative;min-height:80px;border-radius:16px;border:2px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-family:var(--display);text-align:center;padding:4px;transition:filter .15s,transform .1s,box-shadow .2s,opacity .2s;box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 6px 16px rgba(0,0,0,.2)}
.dt-spot:hover{filter:brightness(1.12)}.dt-spot:active{transform:scale(.98)}
.dt-spot b{font-size:19px;letter-spacing:.08em;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.dt-spot small{font-size:11px;opacity:.88;font-family:var(--font);font-weight:700}
.dt-spot.dragon{background:linear-gradient(160deg,rgba(239,68,68,.92),rgba(127,29,29,.92))}
.dt-spot.tiger{background:linear-gradient(160deg,rgba(59,130,246,.92),rgba(30,58,138,.92))}
.dt-spot.tie{background:linear-gradient(160deg,rgba(34,197,94,.9),rgba(20,83,45,.92))}
.dt-spot.suited{grid-column:1/-1;min-height:46px;flex-direction:row;gap:12px;background:linear-gradient(90deg,rgba(15,5,35,.55),rgba(15,5,35,.35));border-style:dashed}
.dt-spot.suited b{font-size:15px}
.dt-spot.win{box-shadow:0 0 0 3px #fde047,0 0 30px rgba(253,224,71,.6);animation:winblink .5s 3}
.dt-spot.push{box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.dt-spot.lose{opacity:.55}
.dt-stack{position:absolute;right:12px;top:50%;width:34px;height:38px;margin-top:-22px;pointer-events:none}
.dt-spot.suited .dt-stack{margin-top:-20px}
.dt-stack i{position:absolute;left:0;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#fff 0 34%,var(--c) 35% 60%,#fff 61% 66%,var(--c) 67%);border:2px dashed rgba(255,255,255,.9);box-shadow:0 3px 6px rgba(0,0,0,.45)}
.dt-stack span{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);background:#1f1033;color:#fff;font-size:10px;font-weight:900;border-radius:8px;padding:0 6px;white-space:nowrap;font-family:var(--display)}
.dt-stack.drop i:last-of-type{animation:dtchip .25s ease-out}
@keyframes dtchip{from{transform:translateY(-26px);opacity:0}}
.dt-gain{position:absolute;top:5px;left:50%;transform:translateX(-50%);background:#fde047;color:#422006;font-weight:900;border-radius:10px;padding:1px 8px;font-size:12px;animation:dtgain .5s cubic-bezier(.2,1.6,.4,1) both;white-space:nowrap}
@keyframes dtgain{from{transform:translate(-50%,10px) scale(.5);opacity:0}}
.dt-road-box{width:100%;background:rgba(255,255,255,.93);border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 22px rgba(0,0,0,.15)}
.dt-bar{display:flex;height:8px;border-radius:6px;overflow:hidden;gap:2px;background:#eee}
.dt-bar[hidden]{display:none}
.dt-bar span{min-width:0;transition:flex .4s}
.dt-bar .d,.dt-leg .d,.dt-road .d{background:#ef4444}.dt-bar .x,.dt-leg .x,.dt-road .x{background:#22c55e}.dt-bar .t,.dt-leg .t,.dt-road .t{background:#3b82f6}
.dt-leg{display:flex;gap:12px;font-size:11.5px;font-weight:800;color:var(--p-ink);flex-wrap:wrap;align-items:center}
.dt-leg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}
.dt-leg em{margin-left:auto;font-style:normal;color:var(--muted);font-weight:700}
.dt-road{display:grid;grid-template-rows:repeat(6,17px);grid-auto-flow:column;grid-auto-columns:17px;gap:2px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.dt-road:empty{display:block;min-height:0;font-size:12px;color:var(--muted);font-weight:700}
.dt-road:empty::before{content:"Road: no rounds yet — results will appear here"}
.dt-road i{width:17px;height:17px;border-radius:50%;font-style:normal;font-size:9px;font-weight:900;color:#fff;display:grid;place-items:center}
.dt-road i.s{box-shadow:0 0 0 2px #fde047}

/* ================= Coin Flip ================= */
.cf-wrap{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:12px}
.cf-top{display:flex;gap:10px}
.cf-mult{background:rgba(0,0,0,.26);color:#fff;border-radius:14px;padding:6px 16px;text-align:center;min-width:120px}
.cf-mult small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-weight:800}
.cf-mult b{font-family:var(--display);font-size:24px;line-height:1.1}
.cf-mult:first-child b{color:#fde047}
.cf-arena{position:relative;width:100%;height:250px;display:grid;place-items:center;perspective:1000px}
.cf-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 66%);pointer-events:none}
.cf-shadow{position:absolute;bottom:12px;left:50%;width:150px;height:22px;border-radius:50%;background:rgba(0,0,0,.4);filter:blur(6px);transform:translateX(-50%);opacity:.45}
.cf-toss{position:relative;width:170px;height:170px;transform-style:preserve-3d}
.cf-coin{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(12deg)}
.cf-edge{position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,#78350f,#d97706 35%,#fcd34d 50%,#d97706 65%,#78350f)}
.cf-face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:grid;place-items:center}
.cf-h{transform:translateZ(6px);background:radial-gradient(circle at 34% 28%,#fffbe0,#fcd34d 38%,#f59e0b 62%,#92400e 100%);box-shadow:inset 0 0 0 5px #b45309,inset 0 0 0 9px #fde68a,inset 0 -8px 18px rgba(120,53,15,.5)}
.cf-t{transform:rotateY(180deg) translateZ(6px);background:radial-gradient(circle at 34% 28%,#ffffff,#e2e8f0 38%,#94a3b8 66%,#334155 100%);box-shadow:inset 0 0 0 5px #475569,inset 0 0 0 9px #f1f5f9,inset 0 -8px 18px rgba(30,41,59,.45)}
.cf-ring{width:74%;height:74%;border-radius:50%;border:3px dashed rgba(255,255,255,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.cf-emo{font-size:62px;line-height:1;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}
.cf-face em{font-style:normal;font-family:var(--display);font-weight:900;font-size:12px;letter-spacing:.22em;color:rgba(0,0,0,.45)}
.cf-result{position:absolute;bottom:0;left:50%;transform:translate(-50%,10px) scale(.6);opacity:0;font-family:var(--display);font-weight:900;font-size:16px;letter-spacing:.1em;color:#fff;padding:4px 16px;border-radius:20px;transition:opacity .2s,transform .35s cubic-bezier(.2,1.6,.4,1);white-space:nowrap;z-index:2}
.cf-result.show{opacity:1;transform:translate(-50%,0) scale(1)}
.cf-result.ok{background:#16a34a}.cf-result.bad{background:#e11d48}
.cf-picks{display:flex;gap:12px;width:100%;max-width:460px}
.cf-pick{flex:1;display:flex;align-items:center;gap:10px;border:0;border-radius:16px;padding:10px 14px;cursor:pointer;background:rgba(255,255,255,.94);box-shadow:0 6px 0 rgba(0,0,0,.2),0 10px 20px rgba(0,0,0,.12);font-family:var(--display);color:var(--p-ink);transition:transform .1s,box-shadow .1s;min-width:0}
.cf-pick b{font-size:18px}
.cf-pick small{margin-left:auto;font-weight:900;font-size:14px;color:#16a34a}
.cf-pick:hover{transform:translateY(-2px)}
.cf-pick:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,.2)}
.cf-pick.sel{box-shadow:0 0 0 3px var(--ta),0 6px 0 rgba(0,0,0,.2),0 10px 20px rgba(0,0,0,.12)}
.cf-mini{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;flex:none;line-height:1}
.cf-mini.h{background:radial-gradient(circle at 35% 30%,#fffbe0,#fbbf24 50%,#b45309);box-shadow:inset 0 0 0 2px #b45309}
.cf-mini.t{background:radial-gradient(circle at 35% 30%,#fff,#cbd5e1 50%,#475569);box-shadow:inset 0 0 0 2px #475569}
.cf-hist{display:flex;gap:5px;min-height:30px;overflow-x:auto;max-width:100%;padding:3px;scrollbar-width:none}
.cf-hist .cf-mini{width:26px;height:26px;font-size:13px}
.cf-hist .ok{outline:2.5px solid #4ade80;outline-offset:1px}.cf-hist .bad{outline:2.5px solid #f43f5e;outline-offset:1px;opacity:.85}

/* ================= Diamonds ================= */
.dm-wrap{width:100%;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:14px}
.dm-title{color:#fff;font-family:var(--display);font-weight:900;font-size:clamp(17px,2.4vw,25px);text-shadow:0 3px 0 rgba(0,0,0,.2),0 0 20px rgba(255,255,255,.35);display:flex;gap:10px;align-items:center;letter-spacing:.04em;text-transform:uppercase;text-align:center}
.dm-tray{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%;padding:18px 14px 12px;border-radius:26px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.14),transparent 60%),linear-gradient(180deg,rgba(15,5,35,.62),rgba(15,5,35,.4));box-shadow:inset 0 2px 0 rgba(255,255,255,.16),0 18px 40px rgba(0,0,0,.28);border:1.5px solid rgba(255,255,255,.22)}
.dm-slot{position:relative;display:flex;flex-direction:column;align-items:center;transition:transform .3s,opacity .3s,filter .3s}
.dm-gem{width:100%;max-width:112px;aspect-ratio:1;position:relative;z-index:1;display:grid;place-items:center}
.dm-gem-svg{width:90%;height:90%;display:block;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4));overflow:visible}
.dm-ped{width:84%;height:14px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.5),rgba(255,255,255,.04) 70%);margin-top:-4px}
.dm-gem.idle{opacity:.5;filter:saturate(.55)}
.dm-gem.spin .dm-gem-svg{animation:dmspin .22s linear infinite;opacity:.75;filter:blur(1.2px)}
@keyframes dmspin{0%,100%{transform:translateY(-7%) scale(.88)}50%{transform:translateY(7%) scale(.95)}}
.dm-gem.land{animation:dmland .45s cubic-bezier(.2,1.5,.4,1) both}
@keyframes dmland{from{transform:translateY(-70px) scale(.5) rotate(-20deg);opacity:0}}
.dm-slot.hit .dm-gem{animation:dmhit 1.3s ease-in-out infinite}
@keyframes dmhit{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8%) scale(1.07)}}
.dm-slot.hit::before{content:"";position:absolute;left:50%;top:42%;width:100%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(255,255,255,0) 64%);animation:dmglow 1.3s ease-in-out infinite;pointer-events:none}
@keyframes dmglow{50%{opacity:.45}}
.dm-slot.hit .dm-ped{background:radial-gradient(ellipse,#fde047,rgba(253,224,71,0) 70%)}
.dm-slot.dim{opacity:.38;transform:scale(.9);filter:saturate(.4)}
.dm-result{color:#fff;font-weight:800;background:rgba(0,0,0,.28);padding:8px 20px;border-radius:30px;font-family:var(--display);font-size:16px;min-height:40px;text-align:center;display:flex;align-items:center;gap:4px}
.dm-result.show{animation:bwpop .45s cubic-bezier(.2,1.6,.4,1)}
.dm-result.w{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 8px 22px rgba(22,163,74,.4)}
.dm-result.p{background:rgba(0,0,0,.4)}.dm-result.l{background:rgba(190,18,60,.8)}
.dm-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.dm-row{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.92);border-radius:12px;padding:6px 10px;transition:transform .25s,background .25s,box-shadow .25s;min-width:0}
.dm-pat{display:flex;gap:0;flex:none}
.dm-pat i{width:15px;height:15px;display:block}
.dm-pat svg{width:100%;height:100%;display:block}
.dm-lab{font-size:12px;font-weight:700;color:var(--muted);flex:1;line-height:1.15;min-width:0}
.dm-row b{font-family:var(--display);color:var(--p-ink);font-size:15px}
.dm-row.on{background:#fde047;box-shadow:0 0 0 3px #fff,0 8px 20px rgba(0,0,0,.25);transform:scale(1.04)}
.dm-row.on .dm-lab{color:#422006}

/* ================= Penalty ================= */
.pk-wrap{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:10px}
.pk-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%}
.pk-step{background:rgba(0,0,0,.26);border-radius:12px;padding:4px 4px 5px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;border:2px solid transparent;transition:background .2s;min-width:0}
.pk-step em{font-style:normal;font-size:12px;font-weight:800;opacity:.85;line-height:1.3}
.pk-step b{font-family:var(--display);font-size:15px;line-height:1.15}
.pk-step.done{background:rgba(22,163,74,.9)}.pk-step.bust{background:#e11d48}
.pk-step.next{background:#fff;color:var(--p-ink);border-color:var(--ta);box-shadow:0 6px 16px rgba(0,0,0,.2)}
.pk-pitch{position:relative;width:100%;aspect-ratio:1.5;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.28);background:linear-gradient(180deg,rgba(10,5,30,.6),rgba(10,5,30,.25) 55%);container-type:inline-size;user-select:none}
.pk-crowd{position:absolute;left:0;right:0;top:0;height:34%;background:radial-gradient(circle at 5px 5px,rgba(255,255,255,.4) 2.6px,transparent 3.2px) 0 0/13px 11px,radial-gradient(circle at 5px 5px,var(--ta) 2.6px,transparent 3.2px) 6px 5px/13px 11px;opacity:.45;-webkit-mask:linear-gradient(#000,transparent);mask:linear-gradient(#000,transparent)}
.pk-grass{position:absolute;left:0;right:0;bottom:0;top:54%;background:repeating-linear-gradient(180deg,#22a046 0 9%,#1b8a3c 9% 18%)}
.pk-grass::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.75)}
.pk-box{position:absolute;left:16%;right:16%;top:0;height:42%;border:3px solid rgba(255,255,255,.55);border-top:0}
.pk-spot{position:absolute;left:50%;top:60%;width:12px;height:7px;margin-left:-6px;border-radius:50%;background:rgba(255,255,255,.8)}
.pk-goal{position:absolute;left:8%;right:8%;top:10%;height:44%;z-index:2}
.pk-net{position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.3) 0 1.5px,transparent 1.5px 13px),repeating-linear-gradient(-45deg,rgba(255,255,255,.3) 0 1.5px,transparent 1.5px 13px),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15));transform-origin:50% 0}
.pk-net.ripple{animation:pkripple .6s ease-out}
@keyframes pkripple{30%{transform:scale(1.02,1.05);filter:brightness(1.6)}}
.pk-frame{position:absolute;inset:-2.2cqw -2.2cqw 0 -2.2cqw;border:2.2cqw solid #fff;border-bottom:0;border-radius:6px 6px 0 0;box-shadow:0 4px 10px rgba(0,0,0,.3),inset 0 3px 6px rgba(0,0,0,.2);pointer-events:none;z-index:5}
.pk-zone{position:absolute;width:15%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:0;background:transparent;cursor:pointer;z-index:4;display:grid;place-items:center;padding:0;font:inherit}
.pk-zone:disabled{cursor:default}
.pk-zone i{position:absolute;inset:0;border-radius:50%;border:3px dashed rgba(255,255,255,.4);transition:background .2s,border-color .2s,box-shadow .2s}
.pk-goal.live .pk-zone i{border-color:#fff;background:rgba(255,255,255,.14);animation:pkzone 1.6s ease-in-out infinite}
.pk-goal.live .pk-zone:hover i{background:rgba(255,255,255,.38);border-style:solid;box-shadow:0 0 0 4px var(--ta),0 0 20px rgba(255,255,255,.5);animation:none}
@keyframes pkzone{50%{box-shadow:0 0 0 5px rgba(255,255,255,.18)}}
.pk-zm{position:relative;font-family:var(--display);font-weight:900;color:#fff;font-size:max(11px,2.3cqw);text-shadow:0 2px 4px rgba(0,0,0,.6);opacity:0;transition:opacity .2s;pointer-events:none}
.pk-goal.live .pk-zone:hover .pk-zm{opacity:1}
.pk-zone.aim i{border-style:solid;border-color:#fff}
.pk-zone.hit i{background:rgba(74,222,128,.55);border-color:#4ade80;border-style:solid;animation:none}
.pk-zone.block i,.pk-zone.ghost i{background:rgba(225,29,72,.42);border-color:#fb7185;border-style:solid;animation:none}
.pk-zone.ghost::after{content:"🧤";position:relative;font-size:max(14px,3.6cqw);line-height:1}
.pk-keeper{position:absolute;left:50%;bottom:0;width:18%;margin-left:-9%;aspect-ratio:80/110;transform-origin:50% 95%;z-index:3;pointer-events:none}
.pk-ksvg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 5px 4px rgba(0,0,0,.4))}
.pk-goal.live .pk-ksvg{animation:pksway 1.5s ease-in-out infinite}
@keyframes pksway{0%,100%{transform:translateX(-7%)}50%{transform:translateX(7%)}}
.pk-ball{position:absolute;left:50%;top:79%;width:8%;aspect-ratio:1;margin-left:-4%;margin-top:-4%;z-index:6;display:grid;place-items:center;pointer-events:none}
.pk-ball span{font-size:6.6cqw;line-height:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}
.pk-ballsh{position:absolute;left:50%;top:82.5%;width:6%;height:1.8%;margin-left:-3%;border-radius:50%;background:rgba(0,0,0,.4);filter:blur(2px);z-index:5;opacity:.5}
.pk-flash{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) scale(.4);font-family:var(--display);font-weight:900;font-size:9.5cqw;color:#fff;opacity:0;pointer-events:none;z-index:8;text-shadow:0 .6cqw 0 rgba(0,0,0,.3),0 0 30px rgba(0,0,0,.35);letter-spacing:.04em;white-space:nowrap}
.pk-flash.show{animation:pkflash 1.2s cubic-bezier(.2,1.4,.4,1) forwards}
.pk-flash.ok{color:#fde047}.pk-flash.bad{color:#fb7185}
@keyframes pkflash{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-8deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(-4deg)}75%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)}100%{opacity:0;transform:translate(-50%,-62%) scale(1) rotate(-4deg)}}

/* ================= Chicken Cross ================= */
.ck-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}
.ck-head{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ck-head>div{background:rgba(0,0,0,.26);color:#fff;border-radius:12px;padding:4px 14px;text-align:center;min-width:92px}
.ck-head small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-weight:800}
.ck-head b{font-family:var(--display);font-size:18px;line-height:1.2}
.ck-head .ck-mul b{color:#fde047;font-size:22px}
.ck-road{position:relative;width:100%;height:300px;overflow:hidden;border-radius:20px;background:#34363f;box-shadow:inset 0 0 0 3px rgba(255,255,255,.14),0 18px 40px rgba(0,0,0,.3)}
.ck-track{position:absolute;left:0;top:0;bottom:0;transition:transform .4s cubic-bezier(.3,.8,.4,1);background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.4px) 0 0/7px 7px,#3a3d47}
.ck-walk{position:absolute;top:0;bottom:0;width:var(--sw);background:repeating-linear-gradient(0deg,rgba(255,255,255,.14) 0 2px,transparent 2px 36px),repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 2px,transparent 2px 36px),linear-gradient(135deg,var(--t1),var(--t2));overflow:hidden}
.ck-walk.start{left:0;border-right:8px solid #e5e7eb;box-shadow:4px 0 0 #9ca3af}
.ck-walk.finish{border-left:8px solid #e5e7eb;box-shadow:-4px 0 0 #9ca3af}
.ck-deco{position:absolute;font-size:28px;line-height:1;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}
.ck-deco.a{top:9%;left:16%}.ck-deco.b{bottom:9%;left:46%}.ck-deco.c{top:72%;left:10%}
.ck-walk.finish .ck-deco.c{top:8%;left:auto;right:12%}
.ck-flag{position:absolute;top:50%;left:50%;transform:translate(-50%,-160%);font-size:30px}
.ck-prize{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;animation:ckprize 1.6s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(255,255,255,.7))}
@keyframes ckprize{50%{transform:translate(-50%,-58%) scale(1.08)}}
.ck-lane{position:absolute;top:0;bottom:0;width:var(--lw);background:linear-gradient(rgba(255,255,255,.55) 55%,transparent 55%) right top/3px 36px repeat-y;overflow:hidden;transition:background-color .3s}
.ck-lane:last-of-type{background-image:none}
.ck-lane.next{cursor:pointer;background-color:rgba(255,255,255,.07)}
.ck-cover{position:absolute;left:50%;top:50%;width:min(64px,82%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 2px,transparent 2px 7px),radial-gradient(circle at 40% 35%,#9ca3af,#4b5563);border:3px solid #6b7280;display:grid;place-items:center;box-shadow:inset 0 0 0 3px rgba(0,0,0,.25),0 4px 8px rgba(0,0,0,.35);z-index:1;transition:background .3s,border-color .3s}
.ck-cover b{font-family:var(--display);font-weight:900;color:#fff;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap}
.ck-lane.next .ck-cover{border-color:var(--ta);box-shadow:0 0 0 4px rgba(255,255,255,.3),0 0 22px var(--ta);animation:ckpulse 1s ease-in-out infinite}
@keyframes ckpulse{50%{transform:translate(-50%,-50%) scale(1.08)}}
.ck-lane.safe .ck-cover{background:radial-gradient(circle at 35% 30%,#fef9c3,#facc15 45%,#d97706 80%,#92400e);border-color:#fde68a}
.ck-lane.safe .ck-cover b{color:#422006;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.ck-lane.coin .ck-cover{animation:ckcoin .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes ckcoin{from{transform:translate(-50%,-50%) scale(.5) rotateY(180deg)}}
.ck-lane.dead .ck-cover{background:radial-gradient(circle,#fb7185,#be123c);border-color:#fecdd3}
.ck-lane.trap .ck-cover{background:radial-gradient(circle,#7f1d1d,#450a0a);border-color:#fb7185}
.ck-lane.trap::after{content:"💀";position:absolute;left:50%;top:calc(50% - 58px);transform:translateX(-50%);font-size:22px}
.ck-barrier{position:absolute;left:10%;right:10%;top:12px;height:16px;border-radius:5px;background:repeating-linear-gradient(45deg,#ef4444 0 8px,#fff 8px 16px);box-shadow:0 3px 6px rgba(0,0,0,.4);transform:scaleX(0);transition:transform .3s cubic-bezier(.2,1.5,.4,1);z-index:3}
.ck-lane.safe .ck-barrier{transform:scaleX(1)}
.ck-car{position:absolute;left:50%;top:0;width:44px;height:76px;margin-left:-22px;border-radius:13px 13px 10px 10px;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 22%,rgba(255,255,255,.15) 50%,transparent 78%,rgba(0,0,0,.3)),var(--cc);box-shadow:0 8px 12px rgba(0,0,0,.5);z-index:2;will-change:transform}
.ck-car .w1{position:absolute;left:6px;right:6px;bottom:15px;height:15px;border-radius:5px 5px 3px 3px;background:linear-gradient(180deg,#1e293b,#475569)}
.ck-car .w2{position:absolute;left:7px;right:7px;top:9px;height:10px;border-radius:3px;background:#1e293b}
.ck-car .hl{position:absolute;bottom:-1px;left:6px;width:8px;height:5px;border-radius:3px;background:#fef9c3;box-shadow:24px 0 0 #fef9c3,12px 10px 18px 8px rgba(254,249,195,.5)}
.ck-car.killer{z-index:6;width:50px;height:84px;margin-left:-25px}
.ck-car.killer .hl{left:8px;box-shadow:26px 0 0 #fef9c3,12px 10px 18px 8px rgba(254,249,195,.5)}
.ck-hero{position:absolute;top:50%;width:64px;height:64px;margin-top:-74px;transform:translateX(-50%) scaleX(-1);transition:left .32s cubic-bezier(.3,.8,.4,1);z-index:5;display:grid;place-items:center;pointer-events:none}
.ck-hop{font-size:46px;line-height:1;filter:drop-shadow(0 4px 3px rgba(0,0,0,.45));transform-origin:50% 100%}
.ck-hsh{position:absolute;bottom:4px;left:50%;width:36px;height:8px;margin-left:-18px;border-radius:50%;background:rgba(0,0,0,.35);z-index:-1}
.ck-hero.splat .ck-hop{animation:cksplat .6s ease-out forwards}
@keyframes cksplat{0%{transform:scale(1.6)}100%{transform:scale(1,.8);opacity:.85}}
.ck-bar{display:flex;justify-content:center;width:100%}
.ck-go{border:0;border-radius:18px;padding:12px 48px;font-family:var(--display);font-weight:900;font-size:21px;color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 6px 0 #9a3412,0 14px 26px rgba(0,0,0,.25);cursor:pointer;letter-spacing:.08em;transition:transform .08s,box-shadow .08s,filter .2s;text-shadow:0 2px 0 rgba(0,0,0,.2)}
.ck-go span{font-size:.8em}
.ck-go:hover:not(:disabled){filter:brightness(1.08)}
.ck-go:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 #9a3412,0 6px 14px rgba(0,0,0,.25)}
.ck-go:disabled{opacity:.5;filter:grayscale(.5);cursor:not-allowed}
.g-controls .ck-seg button{font-size:12px;padding:8px 2px}

/* ================= Pump ================= */
.pm-wrap{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:10px}
.pm-scene{position:relative;width:100%;height:350px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.04) 70%,rgba(0,0,0,.18));box-shadow:inset 0 0 0 2px rgba(255,255,255,.16)}
.pm-scene::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.3))}
.pm-cloud{position:absolute;width:90px;height:28px;border-radius:20px;background:rgba(255,255,255,.35);animation:pmcloud 26s linear infinite}
.pm-cloud::before,.pm-cloud::after{content:"";position:absolute;background:inherit;border-radius:50%}
.pm-cloud::before{width:40px;height:40px;left:14px;top:-20px}.pm-cloud::after{width:30px;height:30px;left:46px;top:-13px}
.pm-cloud.a{top:16%;left:-100px}.pm-cloud.b{top:34%;left:-100px;animation-delay:-13s;transform:scale(.7);opacity:.7}
@keyframes pmcloud{to{left:110%}}
.pm-meter{position:absolute;left:14px;top:16px;bottom:30px;width:18px;border-radius:10px;background:rgba(0,0,0,.28);overflow:hidden;z-index:2;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.pm-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(0deg,#4ade80,#facc15 55%,#ef4444) bottom/100% var(--mh,304px) no-repeat;transition:height .45s cubic-bezier(.3,1.4,.5,1)}
.pm-meter span{position:absolute;inset:0;writing-mode:vertical-rl;transform:rotate(180deg);display:grid;place-items:center;font-size:8.5px;font-weight:900;letter-spacing:.2em;color:rgba(255,255,255,.85)}
.pm-balloon{position:absolute;left:50%;bottom:64px;width:220px;height:275px;margin-left:-110px;transform-origin:50% 100%;transform:scale(var(--s,.36));transition:transform .45s cubic-bezier(.3,1.7,.5,1),opacity .2s;z-index:2}
.pm-wob{width:100%;height:100%;position:relative;animation:pmwob 2.4s ease-in-out infinite;transform-origin:50% 100%}
@keyframes pmwob{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
.pm-balloon.tense .pm-wob{animation-name:pmtense}
@keyframes pmtense{0%,100%{transform:rotate(-1.6deg) scale(1,1)}25%{transform:rotate(1deg) scale(1.03,.98)}50%{transform:rotate(1.6deg) scale(1,1)}75%{transform:rotate(-1deg) scale(.98,1.03)}}
.pm-bsvg{width:100%;height:100%;display:block;filter:drop-shadow(0 14px 18px rgba(0,0,0,.3))}
.pm-label{position:absolute;left:0;right:0;top:40%;text-align:center;color:#fff;transform:translateY(-50%);pointer-events:none}
.pm-label b{display:block;font-family:var(--display);font-weight:900;font-size:48px;line-height:1;text-shadow:0 3px 0 var(--pm-d),0 0 10px var(--pm-d),0 0 2px var(--pm-d)}
.pm-label small{display:inline-block;margin-top:6px;font-weight:800;font-size:14px;background:rgba(0,0,0,.28);border-radius:12px;padding:1px 10px}
.pm-balloon.popped{opacity:0;transform:scale(calc(var(--s) * 1.3));transition:transform .12s ease-out,opacity .12s}
.pm-balloon.fly{animation:pmfly 1.7s cubic-bezier(.45,0,.7,1) forwards}
@keyframes pmfly{to{transform:translate(40px,-460px) scale(calc(var(--s) * .85)) rotate(10deg);opacity:0}}
.pm-nozzle{position:absolute;left:50%;bottom:48px;width:18px;height:18px;margin-left:-9px;background:linear-gradient(90deg,#1f1033,#4c1d95,#1f1033);border-radius:4px 4px 2px 2px;z-index:3}
.pm-hose{position:absolute;left:calc(50% - 4px);bottom:12px;width:calc(38% - 40px);height:42px;z-index:1;overflow:visible}
.pm-pump{position:absolute;right:calc(12% - 30px);bottom:12px;width:60px;height:150px;z-index:2;cursor:pointer}
.pm-handle{position:absolute;left:50%;top:0;width:8px;height:74px;margin-left:-4px;background:linear-gradient(90deg,#9ca3af,#f3f4f6,#9ca3af);border-radius:3px;z-index:0}
.pm-handle i{position:absolute;left:-24px;top:-8px;width:56px;height:13px;border-radius:7px;background:linear-gradient(180deg,#4c1d95,#1f1033);box-shadow:0 3px 6px rgba(0,0,0,.35)}
.pm-barrel{position:absolute;left:8px;right:8px;bottom:14px;height:98px;border-radius:10px;background:linear-gradient(90deg,var(--t2),var(--ta) 45%,var(--t2));box-shadow:inset 0 0 0 2px rgba(0,0,0,.25),0 6px 12px rgba(0,0,0,.3);display:grid;place-items:center;font-size:22px;z-index:1}
.pm-barrel span{filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.pm-foot{position:absolute;left:-8px;right:-8px;bottom:4px;height:13px;border-radius:7px;background:linear-gradient(180deg,#4c1d95,#1f1033);z-index:2}
.pm-pop{position:absolute;inset:0;pointer-events:none;z-index:6}
.pm-shard{position:absolute;width:26px;height:16px;background:var(--pm-b);border-radius:40% 60% 30% 70%;box-shadow:inset -2px -2px 0 var(--pm-d),0 2px 4px rgba(0,0,0,.25)}
.pm-boom{position:absolute;transform:translate(-50%,-50%);font-family:var(--display);font-weight:900;font-size:58px;color:#fff;-webkit-text-stroke:3px #1f1033;paint-order:stroke fill;animation:pmboom .8s cubic-bezier(.2,1.6,.4,1) both;letter-spacing:.04em;text-shadow:0 6px 0 rgba(0,0,0,.25)}
@keyframes pmboom{from{transform:translate(-50%,-50%) scale(.2) rotate(-14deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(-6deg);opacity:1}}
.pm-bar{display:flex;justify-content:center;width:100%}
.pm-btn{border:0;border-radius:18px;padding:12px 46px;font-family:var(--display);font-weight:900;font-size:21px;color:#fff;background:linear-gradient(135deg,var(--pm-b),var(--pm-d));box-shadow:0 6px 0 var(--pm-d),0 14px 26px rgba(0,0,0,.25);cursor:pointer;letter-spacing:.08em;transition:transform .08s,box-shadow .08s,filter .2s;text-shadow:0 2px 0 rgba(0,0,0,.3),0 0 8px rgba(0,0,0,.25)}
.pm-btn span{font-size:.8em}
.pm-btn:hover:not(:disabled){filter:brightness(1.08)}
.pm-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--pm-d),0 6px 14px rgba(0,0,0,.25)}
.pm-btn:disabled{opacity:.5;filter:grayscale(.4);cursor:not-allowed}

/* ================= responsive ================= */
@media (max-width:760px){
  .dt-board{gap:8px}
  .dt-side{padding:8px 6px;border-radius:16px}
  .dt-emb{font-size:64px}
  .dt-name{font-size:12px;letter-spacing:.1em}
  .dt-slot{height:112px}
  .dt-ghost,.dt-flip{width:72px;height:100px}
  .dt-face .pcard{width:100%;height:100%}
  .dt-face .pcard .r,.dt-face .pcard .rb{font-size:18px}.dt-face .pcard .s{font-size:36px}.dt-face .pcard .s1{top:24px;font-size:12px}
  .dt-vs b{width:42px;height:42px;font-size:15px}.dt-vs-ico{font-size:22px}
  .dt-val{font-size:11.5px;min-width:52px}
  .dt-banner{font-size:15px;padding:4px 14px}
  .dt-spots{gap:6px}
  .dt-spot{min-height:62px;border-radius:13px}
  .dt-spot b{font-size:14px;letter-spacing:.04em}.dt-spot small{font-size:9.5px}
  .dt-spot.suited{min-height:42px}.dt-spot.suited b{font-size:12.5px}
  .dt-stack{right:3px;top:3px;margin-top:0;transform:scale(.66);transform-origin:top right}
  .dt-spot.suited .dt-stack{top:50%;margin-top:-20px;transform:scale(.75);transform-origin:right center}
  .cf-arena{height:200px}
  .cf-toss{width:132px;height:132px}
  .cf-emo{font-size:46px}.cf-face em{font-size:10px}
  .cf-mult{min-width:100px;padding:5px 12px}.cf-mult b{font-size:20px}
  .cf-pick{padding:8px 10px;gap:8px}.cf-pick b{font-size:15px}.cf-pick small{font-size:12px}
  .cf-mini{width:28px;height:28px;font-size:15px}
  .dm-tray{gap:4px;padding:12px 6px 8px;border-radius:18px}
  .dm-pay{grid-template-columns:repeat(2,1fr);gap:6px}
  .dm-row{padding:5px 7px;gap:5px}.dm-pat i{width:11px;height:11px}.dm-lab{font-size:10.5px}.dm-row b{font-size:13px}
  .dm-result{font-size:14px}
  .pk-step b{font-size:12.5px}.pk-step em{font-size:11px}
  .pk-pitch{border-radius:14px}
  .ck-road{height:250px;border-radius:14px}
  .ck-car{width:36px;height:62px;margin-left:-18px}
  .ck-car .hl{left:5px;width:7px;box-shadow:19px 0 0 #fef9c3,10px 8px 14px 6px rgba(254,249,195,.5)}
  .ck-hop{font-size:38px}
  .ck-cover b{font-size:11.5px}
  .ck-deco{font-size:22px}
  .ck-head>div{min-width:78px;padding:3px 10px}.ck-head b{font-size:15px}.ck-head .ck-mul b{font-size:18px}
  .ck-go,.pm-btn{padding:10px 38px;font-size:18px}
  .pm-scene{height:290px}
  .pm-fill{--mh:244px}
  .pm-balloon{width:176px;height:220px;margin-left:-88px;bottom:62px}
  .pm-label b{font-size:42px}
  .pm-pump{transform:scale(.8);transform-origin:right bottom;right:4%}
  .pm-hose{width:calc(42% - 36px)}
  .pm-boom{font-size:44px}
}