/* SlabDotFun: Float's navy and blue, with real slabs as the color. */
:root{--bg:#030817;--bg2:#071027;--panel:#0A1530;--line:#1A2A52;--line2:#2A3D70;--ink:#EAF0FF;--mute:#8E9CC2;--blue:#3B86FF;--blue2:#79AEFF;--good:#4ADE9B;--bad:#FF7A70;--font:"Archivo",Arial,sans-serif;--mono:"IBM Plex Mono",Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px;background:var(--bg)}body{margin:0;color:var(--ink);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased;background:radial-gradient(900px 620px at 72% 120px,rgba(47,125,246,.2),transparent 70%),var(--bg);background-repeat:no-repeat}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p,ol{margin:0}[hidden]{display:none!important}img{display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
h1{font-weight:900;font-size:clamp(50px,5.75vw,82px);line-height:.96;letter-spacing:-.03em}h2{font-weight:800;font-size:clamp(32px,4vw,46px);line-height:1.05;letter-spacing:-.022em}h3{font-weight:700;font-size:21px;letter-spacing:-.012em}
.mono{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em}.m{color:var(--mute)}.small{font-size:13px}.lk{text-decoration:underline;text-underline-offset:3px}.lk:hover{color:var(--blue2)}.lead{font-size:19px;line-height:1.5;color:#B9C5E4;margin-top:20px;max-width:540px}
.testbar{background:var(--bg2);color:var(--mute);text-align:center;font-size:13px;padding:6px 10px;border-bottom:1px solid var(--line)}
/* header */
.top{position:sticky;top:0;z-index:20;background:#030817;border-bottom:1px solid var(--line)}.row{display:flex;align-items:center;gap:30px;height:66px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.015em}.brand img{width:30px;height:30px;border-radius:8px}.nav{display:flex;gap:22px;font-weight:500;font-size:15px;color:#B9C5E4}.nav a:hover{color:var(--ink)}.right{margin-left:auto;display:flex;align-items:center;gap:10px}.ca,.iconbtn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--line2);border-radius:99px;padding:8px 14px;font:500 13px var(--mono);cursor:pointer;white-space:nowrap}.ca span{color:var(--mute)}.ca:hover,.iconbtn:hover{border-color:var(--blue2)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:14px 26px;font-weight:700;font-size:16px;cursor:pointer;white-space:nowrap;background:none;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s}.btn.solid{background:var(--blue);color:#fff;box-shadow:0 0 26px rgba(59,134,255,.42)}.btn.solid:hover{background:#5597FF;box-shadow:0 0 34px rgba(59,134,255,.6)}.btn.line{border-color:var(--line2)}.btn.line:hover{border-color:var(--blue2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:wait}
/* hero */
.show{text-align:center;padding-top:44px;overflow:hidden}.show h1{white-space:nowrap}.show .lead{margin:14px auto 0;max-width:600px}.kicker{display:inline-flex;align-items:center;gap:9px;font:500 13px var(--mono);color:var(--blue2);margin-bottom:14px}.dot{width:8px;height:8px;border-radius:50%;background:var(--good);animation:live 2s ease-out infinite}@keyframes live{0%{box-shadow:0 0 0 0 rgba(74,222,155,.5)}80%,100%{box-shadow:0 0 0 7px rgba(74,222,155,0)}}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;justify-content:center}
.flow{position:relative;height:520px;margin-top:26px;max-width:1320px;margin-inline:auto;perspective:1400px}.fstage{position:absolute;inset:0;transform-style:preserve-3d}.fc{position:absolute;left:50%;top:50%;width:292px;height:490px;margin:-245px 0 0 -146px;border-radius:12px;transition:transform .6s cubic-bezier(.2,.75,.2,1),filter .6s,opacity .6s;cursor:pointer;display:block}.fc .fi{position:absolute;inset:0;border-radius:12px;overflow:hidden;background:#0d1732;transition:transform .16s ease-out}.fc img{width:100%;height:100%;object-fit:contain}.fc.c .fi{box-shadow:0 26px 70px rgba(0,8,40,.85),0 0 70px rgba(59,134,255,.55)}.fc.c .fi:after{content:"";position:absolute;inset:0;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.3) 47%,rgba(121,174,255,.2) 55%,transparent 68%);background-size:260% 100%;animation:sweep 5s ease-in-out infinite;pointer-events:none}@keyframes sweep{0%,50%{background-position:140% 0}85%,100%{background-position:-40% 0}}.arrow{position:absolute;top:50%;margin-top:-23px;width:46px;height:46px;border-radius:50%;background:rgba(10,21,48,.9);border:1px solid var(--line2);font-size:26px;line-height:1;cursor:pointer;z-index:30}.arrow:hover{border-color:var(--blue2)}.arrow.prev{left:calc(50% - 440px)}.arrow.next{right:calc(50% - 440px)}.fside{position:absolute;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:5px;width:150px}.fside.l{left:28px}.fside.r{right:28px}.fside .mono{color:var(--mute)}.fside b{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--blue2);font-variant-numeric:tabular-nums}
.fcap{display:flex;flex-direction:column;align-items:center;margin-top:18px}.fcap>b{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.022em;margin-top:6px}.fcap .set{font-size:15px;color:var(--mute);margin-top:5px}.dots{display:flex;gap:6px;margin-top:14px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--line2);transition:width .25s,background .25s}.dots i.on{width:26px;border-radius:9px;background:var(--blue)}.meterwrap{width:min(420px,100%);margin-top:14px}.meterwrap .small{display:block;margin-top:7px}
.up{color:var(--blue2)}.set{font-size:14px;color:var(--mute);margin-top:5px}.meter{height:9px;background:var(--panel);border:1px solid var(--line);border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;width:0;min-width:7px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--blue2));transition:width .9s cubic-bezier(.2,.7,.2,1)}
/* moving row of real slabs */
.tape{overflow:hidden;border-block:1px solid var(--line);background:var(--bg2);padding:16px 0}#tape{display:flex;gap:14px;width:max-content;animation:tape 110s linear infinite;min-height:188px}#tape:hover{animation-play-state:paused}#tape a{display:block;width:112px;flex:none;border-radius:6px;overflow:hidden;background:var(--panel);transition:transform .15s}#tape a:hover{transform:translateY(-4px)}#tape img{width:112px;height:188px;object-fit:contain}@keyframes tape{to{transform:translateX(-50%)}}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-top:44px}.stats b{display:block;font-size:40px;font-weight:800;line-height:1.1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.stats span{font-size:14px;color:var(--mute)}
/* sections */
.sec{padding-top:88px}.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}.sechead .m{margin-top:6px;max-width:560px}.tabs{display:inline-flex;flex-wrap:wrap;gap:3px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:3px}.tabs button{background:none;border:0;border-radius:8px;padding:8px 13px;cursor:pointer;font-size:14px;font-weight:600;color:#B9C5E4;transition:background .12s}.tabs button:hover{color:var(--ink)}.tabs .on{background:var(--blue);color:#fff}
/* the spin */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips button{background:var(--bg2);border:1px solid var(--line2);border-radius:99px;padding:9px 16px;font-weight:600;font-size:14px;color:#B9C5E4;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.chips button:hover{border-color:var(--blue2);color:var(--ink)}.chips button.on{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 20px rgba(59,134,255,.4)}.chips button:disabled{opacity:.4;cursor:not-allowed}
.reel{--iw:176px;--ih:296px;position:relative;margin-top:16px;height:calc(var(--ih) + 52px);overflow:hidden;background:var(--bg2);border:1px solid var(--line);border-radius:18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.track{position:absolute;left:0;top:26px;display:flex;gap:16px;will-change:transform}.it{flex:none;width:var(--iw);height:var(--ih);position:relative;border-radius:9px;background:#0d1732;transition:transform .35s,box-shadow .35s,opacity .35s}.it img{width:100%;height:calc(100% - 7px);object-fit:contain}.it:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:4px;border-radius:9px;background:var(--tc,#5B6C9C)}.it.t1{--tc:#6E7FAE}.it.t2{--tc:#3B86FF}.it.t3{--tc:#A97BFF}.it.t4{--tc:#FFD166}.reel.done .it{opacity:.32}.reel.done .it.win{opacity:1;transform:scale(1.07);box-shadow:0 0 44px rgba(121,174,255,.75)}
.pin{position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;background:linear-gradient(180deg,#fff,var(--blue2));box-shadow:0 0 16px var(--blue);z-index:2;transform-origin:top}.pin:before,.pin:after{content:"";position:absolute;left:50%;margin-left:-11px;border:11px solid transparent}.pin:before{top:0;border-top-color:#fff}.pin:after{bottom:0;border-bottom-color:var(--blue2)}.pin.tick{animation:tick .09s}@keyframes tick{50%{transform:rotate(3deg)}}
.spinbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px 18px;min-height:88px}.spinbar .btn{min-width:150px}.result{min-width:0;flex:1}.resl{display:flex;align-items:center;gap:14px;min-width:0;animation:rise .4s cubic-bezier(.2,.7,.2,1)}.resl img{width:38px;height:60px;object-fit:contain;background:#0d1732;border-radius:4px;flex:none}.resl div{min-width:0}.resl b{display:block;font-size:19px;font-weight:800;letter-spacing:-.012em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resl span{font:500 13px var(--mono);color:var(--blue2)}.resl .lk{margin-left:10px;font-family:var(--font);font-weight:500;color:#B9C5E4}
/* the live pot */
.lab{color:var(--mute);display:block}.livetools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sound{display:inline-flex;align-items:center;gap:9px;background:rgba(59,134,255,.13);border:1px solid var(--blue);border-radius:99px;padding:8px 14px;font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;animation:callout 2.6s ease-in-out infinite}.sound.on{animation:none;background:var(--blue)}@keyframes callout{50%{box-shadow:0 0 22px rgba(59,134,255,.6)}}.beat{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:99px;padding:8px 14px;font-size:13px;color:#B9C5E4}.beat i{width:8px;height:8px;border-radius:50%;background:var(--good);flex:none}.beat.warn i{background:#FFC24B}.beat.bad i{background:var(--bad)}
.livegrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1fr);gap:14px;margin-top:22px}.stackbox,.mini,.feed{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:22px}.stackbox{position:relative;overflow:hidden}.stack{font:600 clamp(40px,4.6vw,66px)/1.05 var(--mono);white-space:nowrap;letter-spacing:-.03em;margin:12px 0 6px;font-variant-numeric:tabular-nums;transition:color .25s,text-shadow .25s;overflow-wrap:anywhere}.stack.hit{color:var(--blue2);text-shadow:0 0 34px rgba(121,174,255,.8)}.stackline{font-weight:600;color:#B9C5E4;margin-bottom:10px}.stackbox .small{display:block;max-width:560px}.stackbox .lk{display:inline-block;margin-top:10px}.flyers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fly{position:absolute;right:22px;top:58px;font:600 19px var(--mono);color:var(--good);animation:fly 1.5s ease-out forwards;text-shadow:0 0 14px rgba(74,222,155,.6)}@keyframes fly{from{opacity:0;transform:translateY(20px)}18%{opacity:1}to{opacity:0;transform:translateY(-54px)}}
.side{display:grid;gap:14px;grid-auto-rows:1fr}.mini{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}.mini b{font:600 30px/1.1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.feed{min-width:0}#feed{margin-top:10px;display:flex;flex-direction:column;gap:2px;max-height:270px;overflow:hidden}.feedempty{padding-top:6px}.tr{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border-radius:7px;font:500 13px var(--mono)}.tr.new{animation:flash .9s ease-out}@keyframes flash{from{background:rgba(59,134,255,.34)}to{background:transparent}}.tr .sd{font-weight:600}.tr .buy{color:var(--good)}.tr .sell{color:var(--bad)}.tr .amt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr .pt{color:var(--blue2);white-space:nowrap}
.pipe{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:14px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:14px 18px}.pipe>.mono{margin-right:6px}.pipe span:not(.mono){border:1px solid var(--line2);border-radius:99px;padding:6px 12px;font-size:13px;color:var(--mute);transition:all .25s}.pipe span.on{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 0 18px rgba(59,134,255,.55)}.pipe i{color:var(--line2);font-style:normal}
/* vault */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px;min-height:420px}.card{display:flex;flex-direction:column;min-width:0;background:var(--bg2);border:1px solid var(--line);border-radius:13px;padding:12px;transition:border-color .15s,transform .15s;animation:rise .45s cubic-bezier(.2,.7,.2,1) backwards}.card:hover{border-color:var(--blue);transform:translateY(-4px)}@keyframes rise{from{opacity:0;transform:translateY(12px)}}.frame{position:relative;aspect-ratio:3/4.4;background:#0d1732;border-radius:7px;overflow:hidden}.frame img{width:100%;height:100%;object-fit:contain}.frame:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);background-size:280% 100%;background-position:150% 0;transition:background-position .55s;mix-blend-mode:screen}.card:hover .frame:after{background-position:-50% 0}.card b{display:block;margin-top:11px;font-size:16px;font-weight:700;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .s{font-size:13px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:20px}.pr{display:flex;justify-content:space-between;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line);font:500 13px var(--mono)}.pr span:last-child{color:var(--mute)}.skel{background:var(--bg2);border:1px solid var(--line);border-radius:13px;min-height:340px}
/* how */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}.steps>div{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:26px}.steps .mono{color:var(--blue2)}.steps h3{margin-top:12px}.steps p{color:#B9C5E4;margin-top:7px;font-size:15px}.steps p b{font-weight:600;color:var(--ink)}.math{margin-top:18px;font-size:14px}
.fair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.fair .m{margin-top:12px;font-size:17px}.fair ol{list-style:none;padding:0;border-top:1px solid var(--line)}.fair li{display:grid;grid-template-columns:62px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);color:#B9C5E4;font-size:15px;align-items:baseline}.fair li .mono{color:var(--blue2)}
/* pulls */
.empty{margin-top:22px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:36px;text-align:center}.empty h3{margin-bottom:4px}.tablew{margin-top:22px;border:1px solid var(--line);border-radius:14px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}th{text-align:left;font-size:13px;font-weight:500;color:var(--mute);padding:11px 15px;border-bottom:1px solid var(--line)}td{padding:12px 15px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.tcard{display:flex;align-items:center;gap:10px}.tcard img{width:32px;height:50px;object-fit:contain;background:#0d1732;border-radius:3px}
.tokenbox{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:center}.tokenbox .m{margin-top:8px}.tokca{display:block;width:100%;text-align:left;background:var(--blue);border:0;border-radius:14px;padding:22px 24px;color:#fff;cursor:pointer}.tokca b{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em;margin:4px 0 1px;overflow-wrap:anywhere}.tokca small{font-size:13px}
.ft{border-top:1px solid var(--line);margin-top:88px;padding-top:26px;padding-bottom:40px}.ftrow{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.ftlinks{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:#B9C5E4}.ftlinks a:hover{color:var(--ink)}.ft p{font-size:12px;line-height:1.55;color:var(--mute);margin-top:14px;max-width:900px}
/* status */
.statuspage{padding-top:48px;min-height:60vh}.srows{margin-top:24px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.srow{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:15px}.srow:last-child{border-bottom:0}.srow b{font-weight:600}.srow span{color:var(--mute);overflow-wrap:anywhere}
::selection{background:var(--blue);color:#fff}a:focus-visible,button:focus-visible{outline:2px solid var(--blue2);outline-offset:2px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@media(min-width:1021px){h1{white-space:nowrap}}@media(max-width:1020px){.livegrid{grid-template-columns:1fr 1fr}.stackbox{grid-column:1/-1}h1{font-size:clamp(46px,8vw,84px)}.fside{display:none}.arrow.prev{left:14px}.arrow.next{right:14px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fair,.tokenbox{grid-template-columns:1fr;gap:26px}.nav{display:none}}
@media(max-width:700px){.livegrid{grid-template-columns:1fr}.stack{font-size:44px}.side{grid-auto-rows:auto}.mini b{font-size:25px}.wrap{padding:0 16px}.row{height:60px;gap:12px}.brand{font-size:17px}.ca{padding:7px 11px;font-size:12px}h1,.show h1{font-size:clamp(44px,13vw,72px);white-space:normal}.show{padding-top:26px}.flow{height:430px;margin-top:16px}.fc{width:240px;height:402px;margin:-201px 0 0 -120px}.fcap>b{font-size:27px}.reel{--iw:128px;--ih:216px}.spinbar{flex-direction:column;align-items:stretch}.spinbar .btn{width:100%}.resl .lk{display:block;margin:2px 0 0}.lead{font-size:17px}.ticket>b{font-size:20px}.stats{gap:20px;padding-top:30px}.stats b{font-size:30px}.sec{padding-top:62px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:9px}.card b{font-size:14px}.pr{font-size:12px}.pr span:last-child{display:none}.steps{grid-template-columns:1fr}.tokca b{font-size:24px}#tape{min-height:150px}#tape a{width:90px}#tape img{width:90px;height:150px}.srow{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.rv{opacity:1;transform:none}}

/* the pack: the moment the pot fills */
body.ripping{overflow:hidden}.rip{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 16px;overflow:hidden;text-align:center;background:radial-gradient(760px 560px at 50% 52%,rgba(47,125,246,.42),rgba(10,30,90,.3) 55%,transparent 78%),rgba(3,8,23,.97);animation:ripin .4s ease-out}@keyframes ripin{from{opacity:0}}
.ripx{position:absolute;top:14px;right:16px;width:42px;height:42px;border-radius:50%;background:var(--panel);border:1px solid var(--line2);font-size:24px;line-height:1;cursor:pointer;z-index:5}.ripx:hover{border-color:var(--blue2)}
.riphead{position:relative;z-index:3;max-width:680px}.riphead h2{font-weight:900;font-size:clamp(30px,4.6vw,52px);margin-top:6px;letter-spacing:-.025em}.riphead p{color:#B9C5E4;margin-top:6px;font-size:16px}
.ripstage{position:relative;width:100%;flex:1 1 auto;min-height:0;max-height:560px;display:flex;align-items:center;justify-content:center}
.rays{position:absolute;left:50%;top:50%;width:1500px;height:1500px;margin:-750px 0 0 -750px;background:repeating-conic-gradient(rgba(121,174,255,.22) 0 7deg,transparent 7deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 8%,transparent 58%);mask-image:radial-gradient(circle,#000 8%,transparent 58%);opacity:0;transition:opacity .5s;animation:raysp 26s linear infinite;pointer-events:none}@keyframes raysp{to{transform:rotate(360deg)}}.st-wait .rays{opacity:.35}.st-tear .rays,.st-land .rays{opacity:1}
.pack{--pw:min(272px,58vw);--ph:calc(var(--pw) * 1.5);position:relative;width:var(--pw);height:var(--ph);filter:drop-shadow(0 26px 50px rgba(0,8,40,.9)) drop-shadow(0 0 46px rgba(59,134,255,.65));transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .55s}
.ptop,.pbody{position:absolute;left:0;right:0;background-color:#1656d8;background-image:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.62) 44%,rgba(168,210,255,.4) 52%,transparent 66%),linear-gradient(160deg,#0B2B86,#2F7DF6 42%,#0D3AA8 70%,#071F6A);background-size:280% 100%,100% 100%;animation:foil 3.4s ease-in-out infinite}@keyframes foil{0%,12%{background-position:130% 0,0 0}70%,100%{background-position:-40% 0,0 0}}
.ptop{top:0;height:17%;clip-path:polygon(0 0,100% 0,100% 88%,92% 100%,84% 86%,75% 100%,66% 86%,58% 100%,49% 86%,40% 100%,32% 86%,23% 100%,15% 86%,7% 100%,0 88%);border-radius:5px 5px 0 0;transition:transform .75s cubic-bezier(.2,.7,.3,1),opacity .75s}.ptop:before,.pbody:after{content:"";position:absolute;left:0;right:0;height:18px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.34) 0 2px,rgba(0,10,50,.38) 2px 6px)}.ptop:before{top:0}
.pbody{top:15%;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;clip-path:polygon(0 3%,7% 5.5%,15% 2%,23% 5.5%,32% 2%,40% 5.5%,49% 2%,58% 5.5%,66% 2%,75% 5.5%,84% 2%,92% 5.5%,100% 3%,100% 100%,0 100%);border-radius:0 0 5px 5px}.pbody:after{bottom:0}.pbody img{width:44%;filter:drop-shadow(0 6px 16px rgba(0,8,50,.7))}.pbody b{font-weight:900;font-size:calc(var(--pw) * .135);letter-spacing:-.02em;color:#fff;text-shadow:0 3px 14px rgba(0,8,50,.7)}.pbody span{font:600 calc(var(--pw) * .04)/1.3 var(--mono);letter-spacing:.09em;color:#D6E7FF}
.st-wait .pack{animation:packfloat 2.6s ease-in-out infinite}@keyframes packfloat{50%{transform:translateY(-12px) rotate(-1.2deg)}}.st-shake .pack{animation:packshake .42s linear infinite}@keyframes packshake{0%,100%{transform:rotate(0)}20%{transform:translate(-5px,2px) rotate(-3.2deg)}40%{transform:translate(5px,-2px) rotate(3.2deg)}60%{transform:translate(-7px,-1px) rotate(-4.4deg)}80%{transform:translate(7px,2px) rotate(4.4deg)}}
.st-tear .ptop,.st-reel .ptop,.st-land .ptop{transform:translate(90px,-210px) rotate(32deg);opacity:0}.st-tear .pack{transform:translateY(46px) scale(.97)}.st-reel .pack,.st-land .pack{transform:translateY(300px) scale(.82);opacity:0}
.rr{display:none;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);margin:0;background:rgba(7,16,39,.92);z-index:2;animation:rise .4s cubic-bezier(.2,.7,.2,1)}.st-reel .rr{display:block}.st-land .rr{display:none}.rr .track{position:absolute}
.slabout{position:absolute;left:50%;top:50%;width:min(300px,62vw);aspect-ratio:3/5;transform:translate(-50%,-50%) scale(.5);opacity:0;z-index:3;border-radius:12px;overflow:hidden;background:#0d1732}.slabout img{width:100%;height:100%;object-fit:contain}.st-land .slabout{animation:slabin .75s cubic-bezier(.16,1.3,.3,1) forwards;box-shadow:0 26px 70px rgba(0,8,40,.85),0 0 90px rgba(121,174,255,.8)}.st-land .slabout:after{content:"";position:absolute;inset:0;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.42) 47%,rgba(121,174,255,.25) 55%,transparent 68%);background-size:260% 100%;animation:sweep 3.6s ease-in-out infinite}@keyframes slabin{to{transform:translate(-50%,-50%) scale(1);opacity:1}}
.ripinfo{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:0;max-width:720px}.ripinfo:not(:empty){animation:rise .5s .3s cubic-bezier(.2,.7,.2,1) backwards}.ripwin{display:flex;flex-direction:column;gap:2px;align-items:center;background:var(--bg2);border:1px solid var(--line2);border-radius:11px;padding:9px 16px}.ripwin .mono:first-child{color:var(--mute);font-size:11px}.ripwin a,.ripwin b{font-size:15px;font-weight:600;color:var(--ink)}.ripwin a{color:var(--blue2);text-decoration:underline;text-underline-offset:3px}.ripinfo p{width:100%;color:#B9C5E4;font-size:14px}
.ripflash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:4}.ripflash.go{animation:ripflash .55s ease-out}@keyframes ripflash{0%{opacity:.85}100%{opacity:0}}
@media(max-height:760px){.pack{--pw:min(210px,50vw)}.slabout{width:min(220px,50vw)}.riphead h2{font-size:30px}.rip{gap:8px;padding-top:14px}.ripwin{padding:6px 12px}}
@media(prefers-reduced-motion:reduce){.st-land .slabout{transform:translate(-50%,-50%);opacity:1}.st-reel .pack,.st-land .pack{display:none}}