@layer splat-scene {
@font-face{font-family:Outfit;src:url('assets/outfit.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ink:#090d22;--navy:#101b32;--cream:#fff5dd;--teal:#159ca9;--coral:#ff6253;--muted:#a9bad4}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;font-family:Outfit,system-ui,sans-serif;color:var(--cream);background:#0c142c url('assets/alley-delivery-runtime-q94.webp') center/cover fixed}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#0b0c2745,transparent 45%,#0b0c2720);pointer-events:none}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default;opacity:.48}button:focus-visible{outline:3px solid #ffcf72;outline-offset:4px}button:active:not(:disabled){transform:translateY(2px)}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}small{font-size:11px;letter-spacing:.05em}
.game{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,720px) minmax(250px,390px);grid-template-areas:'masthead presenter' 'board presenter' 'console console' 'foot foot';width:min(1160px,95vw);margin:0 auto;min-height:100svh;align-content:center;column-gap:18px;padding:20px 10px 12px}
.masthead{grid-area:masthead;position:relative;min-height:112px;padding:0 18px;z-index:3;pointer-events:none}.wordmark{display:inline-block;position:relative;font:1000 italic clamp(56px,7vw,95px)/1 Arial Black,Impact,sans-serif;letter-spacing:-.09em;color:var(--coral);transform:rotate(-7deg) skew(-5deg);-webkit-text-stroke:1px var(--coral);text-shadow:4px 5px 0 var(--ink);padding-right:15px}.wordmark i{position:absolute;background:var(--coral);width:7px;height:18px;border-radius:0 0 8px 8px;top:84%;left:24%}.wordmark i:nth-child(2){left:46%;height:27px;width:5px}.wordmark i:nth-child(3){left:82%;height:12px}.preview-tag{display:inline-block;margin:8px 0 0 32px;font-size:10px;letter-spacing:.17em;color:#d6dfee;border:1px solid #627290;border-radius:4px;padding:4px 7px;vertical-align:top;background:#101d3baa}.tagline{font-size:11px;letter-spacing:.23em;color:#b6c3dc;margin:18px 0 0 5px}
.presenter{grid-area:presenter;position:relative;min-height:340px;align-self:stretch;pointer-events:none;z-index:5}.hero-float{position:absolute;width:140%;aspect-ratio:1;left:-20%;top:50%;transform:translateY(-50%);animation:float 4.6s ease-in-out infinite}.hero{width:100%;height:100%;background-image:url('assets/ghost-frames-v2-delivery-runtime-lossless.webp');background-size:400% 200%;background-position:0 0;background-repeat:no-repeat;position:relative}.hero-shadow{position:absolute;left:30%;right:8%;bottom:7%;height:18px;background:#080e2780;border-radius:50%;filter:blur(4px)}#paint-origin{position:absolute;left:11%;top:39%;width:2px;height:2px}@keyframes float{0%,100%{margin-top:0}50%{margin-top:-7px}}
.board-region{grid-area:board;min-width:0;position:relative;z-index:4}.mode-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 7px;font-size:11px;letter-spacing:.13em;text-shadow:1px 2px #071329}.mode-strip span:first-child{font-weight:bold;color:#ffccb3}.board-frame{position:relative;border:6px solid var(--teal);border-radius:17px 13px 15px 12px;background:#0c2336;box-shadow:0 0 0 4px #090f26,0 9px 0 #090e2266;padding:4px}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:hidden;border-radius:8px}.cell{aspect-ratio:1;position:relative;overflow:hidden;border-radius:8px;background:#081727;border:1px solid #18314c}.symbol{position:absolute;inset:5%;background-image:none;background-size:300% 200%;background-position:var(--sx) var(--sy);background-repeat:no-repeat;will-change:auto}.cell[data-tier=premium]{background:#1b1933}.symbol.premium{background-image:none;background-size:300% 100%;inset:2%}.cell[data-tier=scatter]{background:#171d32}.paint-fill{position:absolute;inset:0;background:var(--coral);clip-path:polygon(0 4%,12% 8%,23% 0,35% 6%,49% 0,65% 6%,78% 1%,92% 9%,100% 3%,100% 95%,88% 99%,73% 94%,58% 100%,43% 93%,29% 99%,15% 93%,0 98%);transform:scaleX(0);transform-origin:left center;display:grid;place-items:center;color:#fff3d4;font:1000 italic clamp(24px,4vw,51px)/1 Impact,Arial Black,sans-serif;letter-spacing:-.03em;z-index:2}.cell.painted .paint-fill{transform:scaleX(1)}.cell.target{box-shadow:inset 0 0 0 3px #ffc3a0}.cell.target .symbol{opacity:.6}.cell.landed .symbol{animation:land .24s ease-out}@keyframes land{0%{transform:translateY(-12%)}65%{transform:translateY(4%)}100%{transform:translateY(0)}}.cell.reeling .symbol{animation:reel .14s linear infinite;filter:blur(1.4px);opacity:.7}@keyframes reel{from{transform:translateY(-45%)}to{transform:translateY(50%)}}
.frame-drip{position:absolute;background:var(--coral);width:9px;height:19px;border-radius:0 0 8px 8px;bottom:-19px;left:12%;box-shadow:2px 2px var(--ink)}.frame-drip.two{left:86%;width:5px;height:12px}.status{font-size:13px;text-align:center;min-height:32px;padding:10px 8px 0;color:#e5dfd5}.console{grid-area:console;position:relative;z-index:7;width:100%;margin-top:5px}.data-strip{display:flex;justify-content:space-between;gap:10px;align-items:center;border:2px solid #167e91;border-radius:10px;background:#0a1429ed;padding:9px 16px;font-size:11px;letter-spacing:.06em;color:var(--muted)}.data-strip strong{color:var(--cream);font-size:21px;letter-spacing:0;font-variant-numeric:tabular-nums;padding-left:8px;font-weight:600}.control-deck{display:grid;grid-template-columns:auto 1fr 60px 60px 100px;gap:9px;align-items:center;background:#101b35ee;border:2px solid #19354c;border-radius:18px;padding:10px 12px 14px;margin-top:5px}.service-controls{display:flex;gap:7px;align-items:center}.small-button,.feature-button,.playback-button,.amount-controls{background:#0c1c33;border:2px solid #16899a;border-radius:12px;box-shadow:0 3px 0 #080e22}.small-button{width:46px;height:46px;display:grid;place-items:center}.feature-button{height:46px;font-size:12px;letter-spacing:.06em;padding:0 14px}.amount-controls{height:59px;display:flex;align-items:center;justify-self:end;min-width:166px;padding:3px}.amount-controls button{border:0;background:transparent;height:46px;min-width:44px;border-radius:9px}.amount-controls #minus,.amount-controls #plus{font-size:30px;line-height:1}.amount-controls #amount{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 3px;flex:1}.amount-controls #amount small{font-size:8px;color:var(--muted)}.amount-controls #amount strong{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.playback-button{height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.playback-button small{font-size:9px}.playback-button[aria-pressed=true]{border-color:var(--coral);color:#ffbe9f}.playback-button svg{width:23px;height:23px}.spin{position:relative;border:0;background:transparent;width:95px;height:95px;isolation:isolate;align-self:center;justify-self:center;margin-top:-12px;margin-bottom:-9px;overflow:visible;transform:rotate(-7deg)}.spin-face{position:absolute;inset:2px;background:var(--coral);border:4px solid #11142c;outline:2px solid var(--coral);border-radius:47% 51% 46% 50%;box-shadow:inset 3px 3px #ff9c78,inset -3px -3px #d73543;z-index:1}#spin-label{position:relative;z-index:3;display:block;font:1000 italic 25px/1 Impact,Arial Black,sans-serif;color:#161329;letter-spacing:-.02em}.spin .drip{position:absolute;background:var(--coral);width:7px;top:83%;border-radius:0 0 8px 8px;transform-origin:top;z-index:0}.drip-a{left:23%;height:20px;animation:drip-grow 3.8s ease-in-out infinite}.drip-b{left:48%;height:14px;animation:drip-grow 4.9s ease-in-out -2s infinite}.drip-c{left:72%;height:9px;animation:drip-grow 4.3s ease-in-out -1s infinite}.droplet{position:absolute;background:var(--coral);left:24%;top:100%;width:6px;height:8px;border-radius:70% 50% 60% 50%;animation:drop 3.8s ease-in 2s infinite;z-index:0}@keyframes drip-grow{0%,100%{transform:scaleY(.55)}62%{transform:scaleY(1)}78%{transform:scaleY(.7)}}@keyframes drop{0%,55%{transform:translateY(0);opacity:0}56%{opacity:1}80%,100%{transform:translateY(20px) scale(.5);opacity:0}}.spin:hover:not(:disabled) .spin-face{background:#ff7864}.spin:disabled{opacity:.7}.preview-note{grid-area:foot;text-align:center;font-size:9px;letter-spacing:.14em;color:#9facca;margin-top:13px}.effects{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:6}#paint-trail{fill:none;stroke:#ff7560;stroke-width:5;stroke-linecap:round;opacity:0}#paint-dot{fill:#fff1c9;opacity:0}
.dialog{position:fixed;width:min(470px,calc(100vw - 24px));max-height:calc(100svh - 24px);border:2px solid #249cac;border-radius:20px;padding:26px 22px 22px;background:#11192dfc;color:var(--cream);box-shadow:0 20px 100px #000b;overflow:auto}.dialog::backdrop{background:#060916bd;backdrop-filter:blur(5px)}.dialog h1{color:var(--coral);font:1000 italic 30px/1.15 Arial Black,Impact,sans-serif;margin:0 38px 8px 0;letter-spacing:-.04em}.dialog h2{font-size:15px;color:var(--cream);margin:0 0 5px}.dialog p{font-size:14px;line-height:1.5}.dialog-intro{color:var(--muted);margin:0 0 18px}.close{position:absolute;right:12px;top:10px;min-width:44px;min-height:44px;border:0;background:transparent;font-size:31px;color:#bec8dc}.offer{display:grid;grid-template-columns:65px 1fr;gap:10px;margin:12px 0;padding:13px;border:2px solid #355169;border-radius:14px;background:#0b172c}.offer p{font-size:12px;margin:0 0 5px;line-height:1.3;color:#e7e4df}.offer small{font-size:10px;color:var(--muted)}.offer>button{grid-column:2;justify-self:start;border:1px solid #36aab2;background:#1b3c51;border-radius:7px;min-height:38px;padding:7px 20px;font-size:11px;letter-spacing:.08em}.offer.wide{border-color:var(--coral)}.offer-art{align-self:center;grid-row:span 2;width:64px;aspect-ratio:1}.roller-icon{position:relative;background:var(--coral);width:61px;height:26px;border:3px solid #091126;border-radius:7px;transform:rotate(-18deg)}.roller-icon:after{content:'';position:absolute;top:12px;left:25px;width:20px;height:38px;border:4px solid #cce3dd;border-top:0;border-left:0;border-radius:0 0 6px 0}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3px;transform:rotate(-5deg)}.mini-grid i{background:#133549;border-radius:3px;border:1px solid #3a626d}.mini-grid i:nth-child(2),.mini-grid i:nth-child(4){background:var(--coral);border-color:#ffad82}.wide .mini-grid i:nth-child(-n+5){background:var(--coral);border-color:#ffad82}.fine-print{font-size:11px!important;color:var(--muted);line-height:1.4!important}.symbol-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.symbol-guide>div{background:#081728;border:1px solid #243e51;border-radius:8px;text-align:center;padding:5px}.guide-image{height:70px;width:70px;position:relative;margin:auto}.symbol-guide small{display:block;font-size:10px;letter-spacing:0}.symbol-guide em{display:block;font-size:9px;color:#ffb99c;font-style:normal}.amount-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.amount-options button,.primary-dialog-button{border:2px solid #208ca0;border-radius:9px;padding:12px;background:#143147;min-height:44px}.amount-options button[aria-pressed=true],.primary-dialog-button{background:var(--coral);border-color:#ff9a79;color:#12152b}.motion-setting{display:flex;gap:10px;align-items:center;min-height:44px}.motion-setting input{width:20px;height:20px;accent-color:var(--coral)}
@media(max-width:760px),(max-aspect-ratio:1/1){
  body{background-position:58% center}.game{width:min(100%,470px);grid-template-columns:1fr;grid-template-areas:'masthead' 'board' 'console' 'foot';min-height:100svh;align-content:center;gap:0;padding:max(8px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom));--head:clamp(130px,22svh,205px)}
  .masthead{min-height:var(--head);padding:7px 4px}.wordmark{font-size:clamp(49px,15vw,72px);max-width:49%;margin-top:5px}.preview-tag{position:absolute;left:5px;bottom:25px;margin:0;font-size:8px;padding:3px 5px}.tagline{position:absolute;left:5px;bottom:5px;font-size:8px;letter-spacing:.11em}.presenter{position:absolute;top:4px;right:2px;width:63%;height:var(--head);min-height:0;z-index:3}.hero-float{width:100%;left:0;top:50%;transform:translateY(-50%)}.hero-shadow{display:none}.board-region{z-index:4}.mode-strip{font-size:9px;padding:0 4px 6px}.board-frame{border-width:4px;padding:3px;border-radius:13px}.board{gap:3px}.cell{border-radius:6px}.paint-fill{font-size:clamp(23px,7vw,33px)}.status{font-size:11px;min-height:28px;padding-top:8px}.console{margin:0}.data-strip{padding:7px 10px;font-size:9px}.data-strip strong{font-size:18px}.control-deck{grid-template-columns:minmax(145px,1fr) 44px 44px 77px;grid-template-rows:44px 56px;gap:6px;padding:7px 7px 10px;border-radius:14px}.service-controls{grid-column:1/4;grid-row:1;gap:6px}.small-button{height:44px;width:44px;border-radius:10px}.feature-button{height:44px;padding:0 10px;font-size:11px}.amount-controls{grid-column:1;grid-row:2;justify-self:stretch;min-width:0;width:100%;height:54px;padding:1px}.amount-controls button{min-width:44px}.amount-controls #amount{padding:0;min-width:42px}.amount-controls #amount strong{font-size:17px}.amount-controls #amount small{font-size:7px}.playback-button{height:54px;border-radius:10px}.playback-button small{font-size:8px}.playback-button svg{width:21px;height:21px}#turbo{grid-row:2;grid-column:2}#auto{grid-row:2;grid-column:3}.spin{grid-column:4;grid-row:1/3;width:76px;height:83px;margin:0 0 -7px}.spin-face{border-width:3px}#spin-label{font-size:22px}.preview-note{font-size:8px;margin-top:9px}
}
@media(max-width:360px){.game{padding-left:7px;padding-right:7px;--head:125px}.control-deck{grid-template-columns:minmax(132px,1fr) 44px 44px 60px;gap:4px;padding-left:4px;padding-right:4px}.spin{width:59px;height:71px}#spin-label{font-size:19px}.wordmark{font-size:48px}.amount-controls #amount{min-width:38px}.amount-controls #amount strong{font-size:15px}.data-strip{font-size:8px}.feature-button{padding:0 8px}}
@media(min-width:761px) and (max-height:700px){.game{width:min(960px,97vw);grid-template-columns:minmax(0,560px) minmax(200px,300px);column-gap:9px;padding:10px 8px}.masthead{min-height:84px}.wordmark{font-size:65px}.tagline{margin-top:8px}.board-frame{border-width:4px}.cell{aspect-ratio:1.15}.presenter{min-height:260px}.control-deck{gap:7px;grid-template-columns:auto 1fr 48px 48px 80px;padding:6px 10px 11px}.small-button{width:44px;height:44px}.feature-button{height:44px;padding:0 10px}.spin{width:78px;height:78px}.amount-controls{height:49px}.playback-button{height:49px}.data-strip{padding:5px 12px}.data-strip strong{font-size:18px}.preview-note{margin-top:8px}}
@media(min-aspect-ratio:1.5/1) and (max-height:470px){.game{width:100%;grid-template-columns:minmax(280px,480px) minmax(170px,240px);min-height:100svh;justify-content:center;align-content:start;padding-top:4px}.masthead{min-height:55px}.wordmark{font-size:43px}.tagline{display:none}.preview-tag{margin-left:18px;font-size:7px}.board{gap:2px}.cell{aspect-ratio:1.5}.status{min-height:22px;font-size:10px;padding-top:5px}.presenter{min-height:220px}.hero-float{width:120%;left:-10%}.data-strip{display:none}.control-deck{grid-template-columns:auto minmax(138px,1fr) 44px 44px 66px;padding:4px 7px 9px;gap:5px}.amount-controls{min-width:138px;height:46px}.playback-button{height:46px}.spin{width:65px;height:65px;margin-top:-5px}.feature-button{font-size:10px}.preview-note{margin:5px 0;font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}.reduced-motion *{animation:none!important}.page-hidden *{animation-play-state:paused!important}
/* Composition is sized by both axes; controls keep their actual hit size. */
@media(max-width:360px) and (max-height:620px){
  .game{--head:100px;padding-top:4px;padding-bottom:6px}
  .cell{aspect-ratio:1.2}.presenter .hero-float{width:72%;left:14%}
  .wordmark{font-size:43px}.tagline{display:none}.preview-tag{bottom:12px}
  .status{min-height:25px;font-size:10px}.preview-note{margin-top:6px;font-size:7px}
}
@media(min-width:761px) and (min-aspect-ratio:1/1){
  .game{width:min(1080px,calc((100svh - 300px)*1.85),96vw);grid-template-columns:minmax(0,1fr) minmax(190px,.5fr)}
  .masthead{min-height:100px}.wordmark{font-size:clamp(52px,8svh,80px)}
  .tagline{margin-top:12px}.control-deck{grid-template-columns:auto minmax(150px,1fr) 48px 48px 82px;gap:7px}
  .amount-controls{min-width:150px}.spin{width:78px;height:83px}
}
@media(max-width:760px),(max-aspect-ratio:1/1){
  .presenter{position:relative;grid-area:masthead;justify-self:end;align-self:center;top:auto;right:auto;width:63%;height:var(--head)}
  .hero-float{width:100%;left:0;top:50%}.masthead{align-self:stretch}
}
@media(min-aspect-ratio:1.5/1) and (max-height:470px){
  .game{width:min(620px,98vw);grid-template-columns:minmax(260px,1fr) minmax(140px,.48fr);grid-template-areas:'masthead presenter' 'board presenter' 'console console' 'foot foot';align-content:center;padding:4px 6px}
  .presenter{grid-area:presenter;position:relative;width:100%;height:100%;min-height:180px;align-self:stretch}
  .masthead{min-height:50px}.wordmark{font-size:43px}.hero-float{width:125%;left:-12.5%}.board-frame{border-width:3px;padding:2px}.cell{aspect-ratio:1.8}
  .console{margin-top:2px}.control-deck{grid-template-rows:1fr;grid-template-columns:auto minmax(140px,1fr) 44px 44px 66px;gap:5px}
  .service-controls{grid-column:1;grid-row:1}.amount-controls{grid-column:2;grid-row:1;min-width:140px;width:100%}#turbo{grid-column:3;grid-row:1}#auto{grid-column:4;grid-row:1}.spin{grid-column:5;grid-row:1;width:65px;height:65px}
}
.symbol{inset:0;width:auto;height:90%;aspect-ratio:1;margin:auto}
.symbol.premium{inset:0;width:auto;height:96%}
/* Paint and repaint share the same cell; values reveal only after contact. */
.paint-fill{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px}
.paint-fill b{font:inherit}.wild-value{font:1000 italic clamp(20px,3vw,35px)/1 Arial Black,Impact,sans-serif;color:#17132c;text-shadow:0 1px #fff2b6}
.cell[data-multiplier="2"] .paint-fill{background:#ffad45}
.cell[data-multiplier="3"] .paint-fill{background:#ffd46b}
.cell[data-multiplier="2"] .paint-fill b,.cell[data-multiplier="3"] .paint-fill b{font-size:.62em}
.paint-coat{position:absolute;inset:0;background:#ffe2a0;transform:scaleX(var(--coat,0));transform-origin:left;opacity:0;z-index:3;pointer-events:none}
.cell.recoating .paint-coat{opacity:.9}
#paint-contact{stroke:#fff1c9;stroke-width:7;stroke-linecap:round;opacity:0}
@media(max-width:760px),(max-aspect-ratio:1/1){
  .presenter{z-index:5}
  .presenter .hero-float{width:auto;height:calc(100% + 12px);aspect-ratio:1;left:auto;right:1%;top:50%}
  .wild-value{font-size:clamp(18px,5.3vw,26px)}
}
@media(max-width:360px) and (max-height:620px){
  .game{--head:135px}.cell{aspect-ratio:1.45}
}
@media(min-width:761px) and (min-height:471px){
  .game{width:min(1080px,calc((100svh - 330px)*1.7),96vw)}
}
@media(min-aspect-ratio:1.5/1) and (max-height:470px){
  .presenter .hero-float{width:115%;height:auto;left:-7.5%;right:auto}.wild-value{font-size:16px}
}

}