@font-face{font-family:Lilita One;src:url(/slots/fonts/LilitaOne-Regular.woff2) format("woff2");font-display:block}@font-face{font-family:Fredoka;src:url(/slots/fonts/Fredoka-Bold.woff2) format("woff2");font-weight:700;font-display:block}.slop-page{display:flex;min-height:calc(100svh - 80px);flex-direction:column;align-items:center;justify-content:center;padding:20px 3% 40px}.slop{position:relative;z-index:0;width:min(100%,1320px,calc((100svh - 180px) * 16 / 9));aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;border-radius:16px;background:#06104a;container-type:inline-size}.slop__backdrop{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) saturate(1.05);transform:scale(1.04);pointer-events:none}.slop__shade{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 72%,#050c3833 86%,#050c3873 100%)}.slop-page--embedded{min-height:100svh;padding:8px 0 10px;background:#101523}.slop-page--embedded .slop{width:min(100%,calc((100svh - 20px) * 16 / 9))}.slop__machine{position:absolute;top:-.5%;left:50%;width:61.6%;aspect-ratio:1312 / 1199;transform:translate(-50%);animation:slop-arrive .65s cubic-bezier(.2,.75,.25,1) both}.slop__reel-well{position:absolute;z-index:2;top:3.3%;left:7.4%;width:84.2%;height:73.1%}.slop__panel{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(54% 45% at 50% 40%,#0b1a6ab8,#06104acc);clip-path:polygon(11.89% 13.01%,14.18% 12.18%,16.01% 11.34%,19.82% 10.51%,25.91% 9.42%,32.01% 8.67%,38.11% 8.26%,44.21% 8.01%,50.3% 7.92%,56.4% 8.01%,62.5% 8.17%,68.6% 8.51%,74.7% 8.84%,79.27% 9.34%,83.08% 10.34%,86.13% 11.68%,88.57% 13.01%,88.87% 41.7%,89.48% 53.38%,89.79% 69.56%,76.68% 69.56%,76.37% 71.06%,24.24% 71.06%,23.93% 69.72%,11.59% 69.72%)}.slop__canvas,.slop__canvas canvas{display:block;width:100%;height:100%}.slop__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.slop__rig{position:relative;width:100%;height:100%}.slop__frame-shine{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;mix-blend-mode:plus-lighter}.slop__frame{position:relative;z-index:1;display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 14px 24px #3c102999)}.slop__feature,.slop__loading{position:absolute;z-index:4;top:24%;right:3%;padding:8px 16px;border:2px solid #ffca5a;border-radius:999px;background:#531b3fd9;box-shadow:0 5px 20px #55132c70;color:#fff3cf;font:800 clamp(12px,1.3vw,18px)/1.15 system-ui,sans-serif;letter-spacing:.04em}.slop__loading{top:50%;right:auto;left:50%;transform:translate(-50%,-50%)}.slop__feature-dialog{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:#050c38b8;cursor:pointer;animation:slop-feature-in .22s ease-out both}.slop__feature-card{position:relative;width:clamp(360px,62%,860px);aspect-ratio:1672 / 941;filter:drop-shadow(0 18px 30px #050c38a8);animation:slop-card-pop .42s cubic-bezier(.2,1.5,.45,1) both}.slop__feature-panel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slop__feature-hero{position:absolute;top:49.1%;left:80.2%;width:27%;transform:translate(-50%,-50%);animation:slop-hero-bob 2.4s ease-in-out .42s infinite}.slop .slop__feature-title,.slop .slop__feature-body{position:absolute;text-align:center}.slop .slop__feature-title{top:16%;left:6%;width:88%;height:14%;display:grid;place-items:center;color:#fff;font:400 clamp(20px,3.2cqw,46px)/1 "Lilita One",system-ui,sans-serif;letter-spacing:.03em;-webkit-text-stroke:2px #0f1e6b;paint-order:stroke fill;text-shadow:0 3px 0 #050c38}.slop .slop__feature-body{top:34%;left:7%;width:57%;height:50%;display:grid;place-items:center;color:#0f1e6b;font:400 clamp(22px,3.6cqw,52px)/1.1 "Lilita One",system-ui,sans-serif}.slop .slop__feature-continue{border:3px solid #0f1e6b;border-radius:999px;padding:10px 30px 9px;background:#ffd21f;box-shadow:inset 0 -4px #d9a400,0 5px #0f1e6b,0 10px 22px #1a0a1f99;color:#fff;font:400 18px/1 Lilita One,system-ui,sans-serif;letter-spacing:.08em;-webkit-text-stroke:1px #0f1e6b;paint-order:stroke fill;cursor:pointer;transition:transform .12s,box-shadow .12s}.slop__feature-continue:hover{transform:translateY(-2px);background:#ffe066}.slop__feature-continue:active{transform:translateY(3px);box-shadow:inset 0 -2px #d9a400,0 2px #0f1e6b,0 6px 14px #1a0a1f99}.slop__feature-continue:focus-visible{outline:3px solid #ffffff;outline-offset:3px}@keyframes slop-card-pop{0%{opacity:0;transform:scale(.6) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes slop-hero-bob{0%,to{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-54%) rotate(3deg)}}.slop__intro-layer{position:absolute;z-index:11;top:0;right:0;bottom:0;left:0;background:#050c388c;animation:slop-feature-in .22s ease-out both}@keyframes slop-feature-in{0%{opacity:0}to{opacity:1}}.slop__modal-backdrop{position:fixed;z-index:1400;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#210819cf}.slop__modal{position:relative;width:min(500px,100%);padding:34px;border:3px solid #ffd45a;border-radius:22px;background:#5b213d;box-shadow:0 18px 60px #170613a6;color:#fff4dc;font:16px/1.55 system-ui,sans-serif}.slop__modal h2{margin:0 0 15px;font-size:30px}.slop__modal p{margin:0 0 12px}.slop__modal button{position:absolute;top:10px;right:16px;border:0;background:transparent;color:inherit;font-size:32px;cursor:pointer}@keyframes slop-arrive{0%{opacity:0;transform:translate(-50%,18px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(min-width:721px)and (max-aspect-ratio:4/5){.slop-page{padding:0}.slop{width:100%;height:calc(100svh - 170px);min-height:740px;aspect-ratio:auto}.slop__machine{top:50%;width:min(92%,760px);transform:translate(-50%,-50%);animation:none}}@media(max-width:720px){.slop-page{padding:0}.slop{width:100%;height:max(560px,calc(100svh - 170px));min-height:0;aspect-ratio:auto}.slop__backdrop{object-position:52% center}.slop__machine{top:44px;width:min(98%,560px)}.slop__feature{top:8px;right:2%}}@media(max-width:720px)and (max-height:740px){.slop__machine{top:38px;width:min(92%,470px)}}@media(prefers-reduced-motion:reduce){.slop__machine,.slop__feature-card,.slop__feature-hero{animation:none}}@media(max-width:720px){.slop-page--embedded .slop{height:calc(100svh - 18px)}.slop-page--embedded .slop__machine{width:min(92%,470px,calc((100svh - 190px) * 1312 / 1199))}}.slop-intro{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;container-type:inline-size;pointer-events:none}.slop-intro__band{position:absolute;top:50%;left:-12%;width:124%;height:40%;transform:translateY(-50%) rotate(-7deg)}.slop-intro__ribbon{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform-origin:left center;background:linear-gradient(180deg,#0a2a9e,#1f5bff 18%,#123fd1,#1f5bff 82%,#0a2a9e);box-shadow:inset 0 .5cqw #e9f6ff,inset 0 -.5cqw #e9f6ff,inset 0 1.1cqw 1.2cqw #58b8ffcc,inset 0 -1.1cqw 1.2cqw #58b8ffcc,0 0 calc(2cqw * var(--pulse, 1)) #58b8ff,0 0 calc(5cqw * var(--pulse, 1)) #1f6bffb3}.slop-intro__streaks{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background:repeating-linear-gradient(90deg,transparent 0 260px,rgba(220,240,255,.9) 260px 330px,transparent 330px 600px) 0 22% / 100% 2px no-repeat,repeating-linear-gradient(90deg,transparent 0 90px,rgba(220,240,255,.7) 90px 190px,transparent 190px 600px) 0 41% / 100% 2px no-repeat,repeating-linear-gradient(90deg,transparent 0 380px,rgba(220,240,255,.8) 380px 440px,transparent 440px 600px) 0 63% / 100% 3px no-repeat,repeating-linear-gradient(90deg,transparent 0 170px,rgba(220,240,255,.6) 170px 300px,transparent 300px 600px) 0 84% / 100% 2px no-repeat;background-position-x:var(--shift, 0),calc(var(--shift, 0) * 1.3),calc(var(--shift, 0) * .8),calc(var(--shift, 0) * 1.1);mix-blend-mode:screen}.slop-intro .slop-intro__text{position:absolute;z-index:2;top:-30%;left:50%;display:flex;white-space:nowrap;transform-origin:50% 50%;font:400 5.6cqw/1 Lilita One,system-ui,sans-serif;letter-spacing:.03em;color:#fff;-webkit-text-stroke:.45cqw #0a1a6e;paint-order:stroke fill;text-shadow:0 .4cqw 0 #050c38,0 0 1.2cqw #8fd0ff}.slop-intro .slop-intro__text span{display:inline-block;opacity:0;font:inherit;-webkit-text-stroke:inherit}.slop-intro .slop-intro__text .is-space{width:.35em}.slop-intro__cart{position:absolute;z-index:3;top:64%;left:0;height:110%;width:auto;transform-origin:50% 80%;will-change:transform,filter,opacity}.slop-intro__cart--ghost{z-index:1;filter:brightness(1.4) saturate(.4) sepia(1) hue-rotate(170deg) blur(2px);mix-blend-mode:screen}.slop-intro__flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at 40% 55%,#fff,#aad7ff99 35%,#1f6bff00 75%);mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){.slop-intro__streaks,.slop-intro__cart--ghost{display:none}}.slop-intro-preview__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#050c388c}.slop-intro-preview__controls{display:flex;gap:16px;align-items:center;margin-top:14px;color:#fff;font:600 14px system-ui}.slop-intro-preview__controls button{padding:8px 18px;border:2px solid #ffd21f;border-radius:999px;background:#0f1e6b;color:#fff;font:700 14px system-ui;cursor:pointer}
