*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e7e5e4;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0e0e0e;width:100%;height:100%;font-family:Space Grotesk,sans-serif;overflow:hidden}.safe-area-pad{padding-left:constant(safe-area-inset-left, 0px);padding-right:constant(safe-area-inset-right, 0px);padding-top:constant(safe-area-inset-top, 0px);padding-bottom:constant(safe-area-inset-bottom, 0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}button,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:root{--surface:#0e0e0e;--surface-dim:#0e0e0e;--surface-bright:#2c2c2c;--surface-lowest:#000;--surface-low:#131313;--surface-container:#191a1a;--surface-high:#1f2020;--surface-highest:#262626;--primary:#ffdd79;--primary-dim:#e6c047;--on-primary:#624e00;--on-primary-container:#584500;--secondary:#9ed1bd;--secondary-container:#002c21;--on-secondary:#15483a;--on-secondary-container:#7cae9b;--tertiary:#ffaaf7;--tertiary-fixed:#ff91f8;--on-tertiary:#750078;--error:#fe7453;--error-dim:#c74c2f;--on-error:#450900;--on-surface:#e7e5e4;--on-surface-variant:#acabaa;--outline:#767575;--outline-variant:#484848;--font-arcade:"Press Start 2P", cursive;--font-headline:"Newsreader", serif;--font-body:"Space Grotesk", sans-serif}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;line-height:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:0}.arcade{font-family:var(--font-arcade);line-height:1.6}.headline{font-family:var(--font-headline)}.glow-gold{text-shadow:0 0 10px #ffdd79e6,0 0 20px #ffdd7999,0 0 40px #ffdd794d}.glow-pink{text-shadow:0 0 10px #ffaaf7e6,0 0 20px #ffaaf799,0 0 40px #ffaaf74d}.glow-white{text-shadow:0 0 10px #e7e5e4cc,0 0 20px #e7e5e480}.box-glow-gold{box-shadow:0 0 15px #ffdd7966,inset 0 0 10px #ffdd791a}.box-glow-pink{box-shadow:0 0 20px #ffaaf74d}.glass{-webkit-backdrop-filter:blur(20px);background:#0e0e0ec7}.felt-texture{background-image:radial-gradient(#15483a .5px,#0000 .5px);background-size:4px 4px}@keyframes tilefloat{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-16px) rotate(calc(var(--r,0deg) + 4deg))}}.tile-float{animation:tilefloat var(--dur,6s) ease-in-out infinite}@keyframes pulsedot{0%,to{opacity:1}50%{opacity:.25}}.pulse-dot{animation:1.4s ease-in-out infinite pulsedot}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.scale-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn}@keyframes tileDropIn{0%{opacity:0;transform:translateY(-30px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.tile-drop{animation:.25s cubic-bezier(.34,1.56,.64,1) forwards tileDropIn}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes neonPulse{0%,to{opacity:1}50%{opacity:.7}}.neon-pulse{animation:2s ease-in-out infinite neonPulse}@keyframes scanlinesDrift{0%{background-position:0 0}to{background-position:0 8px}}.scanlines{position:relative}.scanlines:before{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(#0000 0 3px,#00000038 3px 4px);animation:.12s linear infinite scanlinesDrift;position:absolute;inset:0}.neon-btn{transition:all .18s;position:relative}.neon-btn:hover{text-shadow:0 0 8px;box-shadow:0 0 20px}.tile{font-family:var(--font-arcade);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.tile:hover{transform:translateY(-3px)}.tile.selected{outline:2px solid var(--primary);transform:translateY(-6px);box-shadow:0 8px 24px #ffdd7980}.btn-press{transition:transform 80ms}.btn-press:active{transform:translateY(3px)}.pixel-border{box-shadow:0 -3px 0 -1px var(--surface-high), 0 3px 0 -1px var(--surface-high), -3px 0 0 -1px var(--surface-high), 3px 0 0 -1px var(--surface-high)}@keyframes slotRoll{0%{opacity:.5;transform:translateY(-10px)scaleY(.8)}50%{opacity:1;transform:translateY(6px)scaleY(1.08)}to{opacity:.5;transform:translateY(-10px)scaleY(.8)}}.slot-rolling{cursor:default!important;animation:90ms linear infinite slotRoll!important}@keyframes slotLand{0%{transform:translateY(8px)scaleY(.88)}55%{transform:translateY(-5px)scaleY(1.07)}80%{transform:translateY(2px)scaleY(.97)}to{transform:translateY(0)scaleY(1)}}.slot-land{animation:.32s cubic-bezier(.34,1.56,.64,1) forwards slotLand!important}@keyframes scorePop{0%{text-shadow:0 0 30px #9ed1bd,0 0 60px #9ed1bdcc;transform:scale(1.5)}60%{transform:scale(1.05)}to{text-shadow:0 0 8px #9ed1bd73;transform:scale(1)}}.score-pop{animation:.55s cubic-bezier(.34,1.56,.64,1) forwards scorePop}.score-glow{text-shadow:0 0 8px #9ed1bd73}@keyframes rackFloat{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-2.5px)rotate(.35deg)}65%{transform:translateY(1px)rotate(-.25deg)}}.rack-breathe-wrap{animation:rackFloat var(--float-d,3s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}.rack-breathe-wrap.breathe-paused{animation-play-state:paused}@keyframes shuffleOut{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)scale(1)}to{transform:translateY(-56px) translateX(var(--sx,0px)) rotate(var(--sr,22deg)) scale(.76);opacity:0}}@keyframes shuffleIn{0%{transform:translateY(-46px) translateX(var(--sx,0px)) rotate(var(--sr,-14deg)) scale(.76);opacity:0}62%{opacity:1;transform:translateY(4px)rotate(.7deg)scale(1.026)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}.shuffle-out{animation:.25s cubic-bezier(.55,0,1,.45) forwards shuffleOut!important;animation-delay:var(--shuffle-delay,0s)!important}.shuffle-in{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards shuffleIn!important;animation-delay:var(--shuffle-delay,0s)!important}@keyframes bagFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bag-float{animation:5.5s ease-in-out infinite bagFloat}.bag-detail{opacity:0;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .28s;overflow:hidden}.bag-detail.open{opacity:1;max-height:360px}.menu-overlay{opacity:0;pointer-events:none;transition:opacity .22s}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-drawer{transition:transform .32s cubic-bezier(.4,0,.2,1);transform:translate(110%)}.menu-drawer.open{transform:translate(0)}@keyframes shuffleWiggle{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-18deg)scale(1.15)}45%{transform:rotate(14deg)scale(1.1)}70%{transform:rotate(-8deg)scale(1.05)}88%{transform:rotate(4deg)scale(1.02)}}.shuffle-idle{animation:3.6s ease-in-out infinite shuffleWiggle;animation-delay:var(--wiggle-delay,0s)}.action-btn{transition:transform .12s,box-shadow .12s,opacity .12s}.action-btn:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px 20px #f5e2c42e}.action-btn:not(:disabled):active{transform:translateY(2px)}.shop-card{cursor:pointer;border-bottom:5px solid #00000059;transition:transform .1s,border-bottom-width .1s}.shop-card:hover{transform:translateY(-2px)}.shop-card:active{border-bottom-width:1px;transform:translateY(4px)}
