.stage{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4,16px);padding:var(--s5,24px) var(--s3,12px) var(--s6,32px);background:#2A1660 radial-gradient(#0A051855 1.5px,transparent 1.6px) 0 0/10px 10px;border:3px solid #0A0518;box-shadow:6px 6px 0 #0A0518}
@media(min-width:900px){.stage{grid-template-columns:repeat(4,1fr)}}
.door{position:relative;display:block;min-height:250px;perspective:900px;color:inherit;text-decoration:none;border:3px solid #0A0518;background:#140B2E;font:inherit;padding:0;text-align:left;cursor:pointer;min-width:0}
.door:focus-visible{outline:3px solid #FFC83D;outline-offset:3px}
.door-in{display:flex;flex-direction:column;gap:6px;height:100%;padding:8px 8px 28px}
.door-in img{width:100%;aspect-ratio:3/2;object-fit:cover;border:3px solid #0A0518}
.door-in b{font:400 var(--step-1,1.3rem)/.95 var(--hd,Bangers,sans-serif);letter-spacing:.02em;color:#FFC83D}
.door-in small{font-size:.9rem;line-height:1.35}
.door-x .door-in b{font-size:var(--step-2,1.6rem);color:#FF5FA2;margin-top:24px}
.door-pal{position:absolute;right:-12px;bottom:-16px;width:76px;z-index:3;pointer-events:none}
.door-pal img{width:100%;height:auto;display:block;transform-origin:50% 100%}
.door-leaf{display:none}
.is-live .door-leaf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:absolute;inset:0;background:#FF5FA2;border-right:3px solid #0A0518;transform-origin:0 50%;transition:transform 320ms cubic-bezier(.34,1.56,.64,1);z-index:2;backface-visibility:hidden}
.is-live .door.is-open .door-leaf{transform:rotateY(-70deg)}
.door[data-n="2"] .door-leaf{background:#3CFF8F}
.door[data-n="3"] .door-leaf{background:#2EE6D6}
.is-live .door-x .door-leaf{background:#A8432F repeating-linear-gradient(0deg,#0A0518 0 3px,transparent 3px 26px)}
.door-no{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#FFC83D;border:3px solid #0A0518;font:400 2.6rem/1 var(--hd,Bangers,sans-serif);color:#0A0518}
.door-name{font:400 var(--step-1,1.3rem)/1 var(--hd,Bangers,sans-serif);color:#0A0518;text-align:center;padding:0 6px}
.door-x .door-name{color:#FFC83D;background:#0A0518;padding:4px 8px}
.door-pull{font:700 1rem var(--mono,monospace);background:#FFC83D;color:#0A0518;border:3px solid #0A0518;padding:6px 14px}
.spot{display:none;position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;z-index:4;background:#FFE36E;opacity:.32;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%)}
.is-live .spot{display:block}
.hc{position:relative;aspect-ratio:4/3;max-width:900px;margin:0 auto;border:3px solid #0A0518;box-shadow:6px 6px 0 #0A0518;overflow:hidden;touch-action:pan-y;user-select:none}
.hc-side{position:absolute;inset:0}
.hc-hope{background:#3CFF8F radial-gradient(#0A051833 1.5px,transparent 1.6px) 0 0/10px 10px;clip-path:inset(0 calc(100% - var(--v)*1%) 0 0)}
.hc-cope{background:#9B7BFF radial-gradient(#0A051833 1.5px,transparent 1.6px) 0 0/10px 10px;clip-path:inset(0 0 0 calc(var(--v)*1%))}
.hc-side picture{position:absolute;display:block}
.hc-side img{width:100%;height:auto;display:block}
.hc-tag{position:absolute;top:10px;font:400 var(--step-2,1.6rem)/1 var(--hd,Bangers,sans-serif);color:#0A0518;background:#FFC83D;border:3px solid #0A0518;padding:2px 8px}
.hc-hope .hc-tag{left:10px}.hc-cope .hc-tag{right:10px}
.hc-candle{bottom:6%;width:14%}
.hc-hope .hc-candle{left:4%}.hc-cope .hc-candle{right:4%}
.hc-down,.is-pop .hc-up{display:none!important}.is-pop .hc-down{display:block!important}
.hc-balloon{left:18%;top:12%;width:20%;transform:scale(var(--b));transform-origin:50% 100%}
.hc-hank{left:8%;bottom:0;width:30%}
.hc-pop{left:10%;top:6%;width:32%;display:none!important}
.is-pop .hc-pop{display:block!important}.is-pop .hc-balloon{visibility:hidden}
.hc-coon{right:14%;bottom:0;width:32%}
.hc-puff{right:30%;top:16%;width:20%}
.hc-pal{bottom:0;width:16%}
.hc-hope .hc-pal{left:38%}.hc-cope .hc-pal{right:46%}
.hc-knob{position:absolute;top:0;bottom:0;left:calc(var(--v)*1%);width:44px;margin-left:-22px;display:grid;place-items:center;cursor:grab;z-index:2;touch-action:none}
.hc-knob::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;background:#0A0518}
.hc-knob span{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#FFC83D;border:3px solid #0A0518;font:700 1.2rem var(--mono,monospace);color:#0A0518}
.hc-knob:active{cursor:grabbing}
.hc-knob:focus-visible{outline:none}.hc-knob:focus-visible span{outline:3px solid #FFC83D;outline-offset:3px}
.hc-cap{text-align:center;font:400 var(--step-2,1.6rem)/1 var(--hd,Bangers,sans-serif);letter-spacing:.02em;margin:var(--s4,16px) 0}
.reel-rig{position:relative;max-width:600px;margin:0 auto var(--s5,24px);padding:var(--s4,16px) var(--s3,12px);background:#FF5FA2;border:3px solid #0A0518;box-shadow:6px 6px 0 #0A0518;color:#0A0518;transition:background-color .4s}
.reel-rig.is-cope{background:#3CFF8F}
.reels{display:flex;justify-content:center;gap:8px;margin:0 0 8px}
.reel{display:inline-block;background:#0A0518;border:3px solid #FFC83D;padding:2px 10px;transform:rotate(-2deg)}
.reel:nth-child(3){transform:rotate(1deg)}.reel:nth-child(4){transform:rotate(3deg)}
.reel-w{display:block;font:400 clamp(1.4rem,6vw,2.4rem)/1 var(--hd,Bangers,sans-serif);letter-spacing:.03em;color:#FFC83D}
.toy-mood{text-align:center;font:400 var(--step-1,1.3rem)/1.1 var(--hd,Bangers,sans-serif);letter-spacing:.02em;margin:0 0 10px;min-height:1.2em;color:#0A0518}
.slot-cab{position:relative;width:92%;max-width:520px;margin:0 auto;aspect-ratio:720/992}
.slot-cab::before{content:"";position:absolute;top:22%;left:-10%;width:44%;height:56%;border-radius:50%;background:radial-gradient(#FF5FA2cc,#FF5FA200 70%);transition:left .5s,background .5s;pointer-events:none}
.is-cope .slot-cab::before{left:66%;background:radial-gradient(#3CFF8Fcc,#3CFF8F00 70%)}
.slot-reels{position:absolute;inset:0}
.slot-reel{position:absolute;top:33.38%;height:calc(57.19% - 33.38%);overflow:hidden;background:#FFF7E0}
.slot-reel:nth-child(1){left:23.63%;width:calc(37.89% - 23.63%)}
.slot-reel:nth-child(2){left:42.97%;width:calc(56.93% - 42.97%)}
.slot-reel:nth-child(3){left:61.82%;width:calc(76.17% - 61.82%)}
.slot-reel::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(#0A051866,#0A051800 24%,#0A051800 76%,#0A051866)}
.slot-strip{position:absolute;left:0;right:0;top:0;will-change:transform}
.slot-cell{display:block;height:var(--ch,60px);padding:6% 8%;box-sizing:border-box}
.slot-cell img{display:block;width:100%;height:100%;object-fit:contain}
.slot-strip.is-blur{filter:blur(1.4px)}
.slot-art{position:absolute;inset:0;z-index:2;pointer-events:none}
.slot-art img{display:block;width:100%;height:100%}
.slot-payline{position:absolute;left:22%;right:22%;top:calc(33.38% + (57.19% - 33.38%) / 2);height:4px;margin-top:-2px;z-index:3;background:#FFC83D;box-shadow:0 0 0 2px #0A0518;opacity:.75;transition:background .2s,box-shadow .2s}
.is-win .slot-payline{background:#3CFF8F;opacity:1;box-shadow:0 0 0 2px #0A0518,0 0 16px 6px #3CFF8F}
.slot-lever{position:absolute;left:80%;top:12%;width:15%;height:33%;z-index:4;background:none;border:0;padding:0;cursor:pointer;border-radius:14px}
.slot-lever:focus-visible{outline:3px solid #FFC83D;outline-offset:2px;box-shadow:0 0 0 6px #0A0518}
.slot-fx{position:absolute;inset:0;z-index:5;pointer-events:none}
.slot-fx picture{position:absolute;left:50%;top:62%;width:11%;margin-left:-5.5%}
.slot-fx img{display:block;width:100%;height:auto}
.slot-win{position:absolute;left:50%;top:59%;z-index:6;transform:translateX(-50%) rotate(-4deg);font:400 clamp(1.6rem,8vw,2.6rem)/1 var(--hd,Bangers,sans-serif);letter-spacing:.03em;color:#FFC83D;background:#0A0518;border:3px solid #FFC83D;padding:4px 14px;white-space:nowrap;visibility:hidden}
.is-win .slot-win{visibility:visible}
.reel-bar{position:relative;display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;margin-top:12px;padding-right:84px}
.reel-spin{min-height:56px;min-width:140px;font-size:1.3rem}
.reel-spin:focus-visible,.toy-risk button:focus-visible{outline:3px solid #0A0518;outline-offset:3px}
.reel-note{font-weight:700;color:#0A0518;flex:1 1 160px}
.reel-pal{position:absolute;right:-6px;bottom:28px;width:76px;pointer-events:none}
.reel-pal img{width:100%;height:auto;display:block}
.reel-rig .cope-stamp{position:absolute;right:12px;top:-14px;z-index:7}
.toy-meter{flex:1 0 100%;display:flex;align-items:center;gap:8px;font:700 .75rem var(--mono,monospace);color:#0A0518}
.toy-meter-bar{flex:1;height:14px;border:3px solid #0A0518;background:#FFF7E0;overflow:hidden}
.toy-meter-bar i{display:block;height:100%;width:calc(var(--m,0) * 1%);background:linear-gradient(90deg,#FF5FA2,#3CFF8F);transition:width .3s}
@keyframes toy-puff{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}
html:not(.touch-grass) .is-cope .slot-cab::before{animation:toy-puff .9s ease-out 1}
@media (prefers-reduced-motion:reduce){.slot-cab::before,.toy-meter-bar i,.reel-rig{transition:none;animation:none!important}}
.plinko-box{position:relative;max-width:600px;margin:0 auto var(--s6,32px);padding:var(--s4,16px) var(--s3,12px);background:#FF5FA2;border:3px solid #0A0518;box-shadow:6px 6px 0 #0A0518;color:#0A0518;transition:background-color .4s}
.plinko-box.is-cope{background:#3CFF8F}
.plinko-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}
.plinko-head .btn{min-height:48px}
.plinko-head .btn:focus-visible{outline:3px solid #0A0518;outline-offset:3px}
.plinko-wasted{font:700 1rem var(--mono,monospace)}
.plinko-pal{position:static;width:64px;margin-left:auto;pointer-events:none}
.plinko-pal img{width:100%;height:auto;display:block}
.toy-risk{display:flex;justify-content:center;gap:6px;margin:0 0 8px;flex-wrap:wrap}
.toy-risk button{min-height:44px;padding:6px 12px;font:400 1.05rem/1 var(--hd,Bangers,sans-serif);letter-spacing:.03em;color:#0A0518;background:#FFF7E0;border:3px solid #0A0518;cursor:pointer}
.toy-risk button[aria-pressed="true"]{background:#0A0518;color:#FFC83D}
.plinko-frame{position:relative;width:92%;max-width:460px;margin:0 auto;aspect-ratio:720/1075}
.plinko-hole{position:absolute;left:12.01%;top:19.18%;width:calc(88.88% - 12.01%);height:calc(91.17% - 19.18%);overflow:hidden;border-radius:2.5%/1.7%;background:radial-gradient(ellipse 80% 70% at 50% 45%,#0A051800 50%,#0A0518d9 100%),linear-gradient(#FFFFFF10 1px,transparent 1px) 0 0/16px 16px,linear-gradient(90deg,#FFFFFF10 1px,transparent 1px) 0 0/16px 16px,#140B2E}
.plinko{position:absolute;inset:0;z-index:1;background:transparent}
.plinko canvas{display:block;width:100%;height:100%}
.plinko-still{width:100%;height:100%;object-fit:cover;display:block}
.plinko.is-live .plinko-still{display:none}
.plinko-art{position:absolute;inset:0;z-index:2;pointer-events:none}
.plinko-art img{display:block;width:100%;height:100%}
.plinko-bins{position:absolute;left:5%;right:5%;bottom:0;height:14%;display:grid;grid-template-columns:repeat(var(--n,13),1fr);gap:2px;list-style:none;margin:0;padding:0 2px 2px;pointer-events:none;z-index:0}
.plinko-bins li{--bc:#3CFF8F;position:relative;margin-top:7px;font:400 12px/1 var(--hd,Bangers,sans-serif);color:#FFF7E0;white-space:nowrap;background:linear-gradient(90deg,#FFFFFF40,#FFFFFF00 50%),var(--bc);border:2px solid #0A0518;border-radius:3px}
.plinko-bins li::before{content:"";position:absolute;left:50%;top:-8px;width:2px;height:6px;margin-left:-1px;background:#0A0518}
.plinko-bins li span{position:absolute;left:50%;top:2px;z-index:1;transform:translateX(-50%);font:400 clamp(12px,3.2vw,16px)/1 var(--hd,Bangers,sans-serif);letter-spacing:.03em;padding:2px 4px 1px;color:#FFF7E0;background:#0A0518;border:1px solid var(--bc);border-radius:3px}
.plinko-bins li:nth-child(even) span{top:auto;bottom:2px}
.plinko-bins li:first-child span{left:0;transform:none}
.plinko-bins li:last-child span{left:auto;right:0;transform:none}
.plinko-bins li.is-gold{--bc:#FFC83D}
.plinko-bins li.is-green{--bc:#3CFF8F}
.plinko-bins li.is-red{--bc:#E0303A}
.plinko-bins li.is-hit{box-shadow:0 0 0 2px #FFF7E0,0 0 12px 2px var(--bc)}
.plinko-bins li[hidden]{display:none}
@media(max-width:519px){.plinko-bins{gap:1px}.plinko-bins li span,.plinko-bins li:nth-child(even) span,.plinko-bins li:first-child span,.plinko-bins li:last-child span{top:2px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);font-size:12px;letter-spacing:0;padding:1px 2px}}
.plinko-pop{position:absolute;z-index:3;transform:translate(-50%,-100%);font:400 1rem/1 var(--hd,Bangers,sans-serif);color:#FFC83D;text-shadow:2px 2px 0 #0A0518;pointer-events:none;white-space:nowrap}
.plinko-say{font-weight:700;margin:10px 0 8px;min-height:1.5em;text-align:center}
.plinko-box .cope-stamp{position:absolute;right:16px;top:-14px;z-index:4}
.plinko-box .toy-meter{margin-top:4px}
@media (prefers-reduced-motion:reduce){.plinko-box{transition:none}}
@media(max-width:699px){.plinko-box,.reel-rig{padding-bottom:84px}.plinko-frame{width:100%}}
.sb-floor{display:grid;gap:var(--s5,24px);align-items:start;margin-bottom:var(--s5,24px)}
@media(min-width:900px){.sb-floor{grid-template-columns:3fr 2fr}}
.slip{position:relative;padding:var(--s4,16px);background:#FFF7E0;color:#0A0518;border:3px solid #0A0518;box-shadow:6px 6px 0 #0A0518;min-width:0}
.slip-head{font:400 var(--step-2,1.6rem)/1 var(--hd,Bangers,sans-serif);margin:0 0 10px}
.slip-head small{display:block;font:700 .8rem var(--mono,monospace);margin-top:4px}
.slip-legs{display:grid;gap:8px}
.slip-leg{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font:700 .95rem var(--bd,sans-serif);text-align:left;color:#0A0518;background:#fff;border:3px solid #0A0518;cursor:pointer}
.slip-leg[aria-pressed="true"]{background:#3CFF8F}
.slip-leg[aria-pressed="false"] b{text-decoration:line-through}
.slip-leg:focus-visible{outline:3px solid #FFC83D;outline-offset:3px}
.slip-odds{font:700 1.1rem var(--mono,monospace);margin:12px 0}
.slip-send{min-height:48px;width:100%}
.slip-paper{position:relative;margin-top:14px;padding:12px;background:#fff;border:3px dashed #0A0518}
.slip-paper.is-printing{animation:slip-print .7s steps(14) both}
@keyframes slip-print{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.slip-lock{display:flex;align-items:center;gap:8px;font:700 .85rem var(--mono,monospace);margin:0 0 8px}
.slip-lock picture{width:44px;flex:none;transition:transform 240ms cubic-bezier(.2,.8,.2,1)}
.slip-lock img{width:100%;height:auto;display:block}
.is-open .slip-lock picture{transform:rotate(-14deg)}
.slip-out{margin:0 0 8px;padding-left:1.4em;font:700 .9rem var(--mono,monospace)}
.is-rekt .is-lost{color:#E0303A;text-decoration:line-through}
.slip-lost{color:#E0303A;font-weight:700;margin:0 0 8px}
.slip-cert{width:46%;height:auto;display:block;border:3px solid #0A0518}
.slip-stamp{position:absolute;right:10px;top:42%;font:400 var(--step-2,1.6rem)/1 var(--hd,Bangers,sans-serif);color:#E0303A;border:4px solid #E0303A;padding:4px 10px;transform:rotate(-4deg);background:#fff}
.slip-ins{position:absolute;right:8px;bottom:12px;max-width:46%;font:700 .8rem/1.2 var(--bd,sans-serif);background:#FFC83D;border:3px solid #0A0518;padding:6px 8px;transform:rotate(6deg)}
.slip-pal{position:absolute;left:44%;bottom:-18px;width:64px;pointer-events:none}
.slip-pal img{width:100%;height:auto;display:block}
.slip-paper:not(.is-rekt) .slip-lost,.slip-paper:not(.is-rekt) .slip-cert,.slip-paper:not(.is-rekt) .slip-stamp,.slip-paper:not(.is-rekt) .slip-ins,.slip-paper:not(.is-rekt) .slip-pal{visibility:hidden}
.touch-grass .slip-paper{animation:none}
#games-grid .card{position:relative;border-top:10px solid #0A0518}
#games-grid .card::before{content:"";position:absolute;left:8px;right:8px;top:-8px;height:6px;background:repeating-linear-gradient(90deg,#FFC83D 0 6px,transparent 6px 12px)}
#games-grid .card img{transition:transform 240ms cubic-bezier(.2,.8,.2,1)}
#more-games .card{position:relative;transform-origin:0 0;transition:transform 200ms cubic-bezier(.2,.8,.2,1)}
#more-games .card::after{content:"";position:absolute;left:50%;top:-10px;width:70px;height:20px;margin-left:-35px;background:#FFF7E0;opacity:.8;border:2px solid #0A0518;transform:rotate(-3deg)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
html:not(.touch-grass) #games-grid .card:hover::before{animation:cx-blink .6s steps(2) 1}
html:not(.touch-grass) #games-grid .card:hover img{transform:translateX(8px)}
html:not(.touch-grass) #more-games .card:hover{transform:rotate(-2deg)}
}
@keyframes cx-blink{50%{background:repeating-linear-gradient(90deg,transparent 0 6px,#FF5FA2 6px 12px)}}
#more-games .card .cope-stamp{position:absolute;right:8px;top:8px}
.cx-toy-chip{display:inline-block;font:700 .8rem var(--mono,monospace);padding:4px 8px;border:3px solid #0A0518;background:#FFC83D;color:#0A0518}