body{background:url(/bg.png) no-repeat center center fixed;background-size:cover;margin:0;padding:0;font-family:Poppins,sans-serif;color:#fff;text-align:center}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.spinner-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);display:flex;justify-content:center;align-items:center;width:95%;height:85%;overflow:hidden;border-radius:28px;clip-path:inset(2% 2% 2% 2% round 30px);z-index:1}.spinner{display:flex;flex-direction:column;align-items:center;width:128px;height:375px;overflow:hidden;border-radius:16px;background:#ffffffd9;box-shadow:0 0 10px #ffffff26;margin:0 8px;position:relative}.symbol{width:100%;height:125px;object-fit:contain;padding:8px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.gradient-fade{position:absolute;inset:24px;background:linear-gradient(to bottom,#0a0a0a,#0a0a0a00 10% 90%,#0a0a0a);z-index:2;pointer-events:none}button{background:linear-gradient(135deg,#f027c8,#ff62f8);color:#fff;border:none;margin-top:2rem;padding:1rem 2.5rem;border-radius:12px;font-size:1.4rem;cursor:pointer;box-shadow:0 0 15px #f027c899;transition:all .3s ease}button:hover{transform:scale(1.05);box-shadow:0 0 25px #f027c8e6}@media (max-width: 1024px){.spinner-container{transform:translate(-50%,-50%) scale(.9);width:96%;height:84%}.spinner{width:110px;height:480px}.symbol{height:160px}}@media (max-width: 768px){.spinner-container{transform:translate(-50%,-50%) scale(.8);width:97%;height:82%}.spinner{width:96px;height:420px}.symbol{height:140px}}@media (max-width: 480px){.spinner-container{transform:translate(-50%,-50%) scale(.7);width:98%;height:40%}.spinner{width:84px;height:380px}.symbol{height:120px}}.winning-frame{background-size:cover;background-position:center;border-radius:12px;animation:pulse-glow 1s infinite alternate}@keyframes pulse-glow{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.3);transform:scale(1.05)}}.spinner-container{position:absolute;top:50%;left:50%;margin-top:20px;transform:translate(-50%,-52%) scale(.85);display:flex;justify-content:center;align-items:center;width:96%;height:400px;overflow:hidden;border-radius:28px;clip-path:inset(2% 2% 2% 2% round 30px);z-index:1}.spinner{display:flex;flex-direction:column;align-items:center;width:150px;height:360px;overflow:hidden;border-radius:16px;background:transparent;box-shadow:0 0 10px #ffffff26;margin:0 8px;position:relative}.symbol{width:100%;height:120px;object-fit:contain;padding:0;margin:0;box-sizing:border-box}.symbol-dimmed{opacity:.35;filter:grayscale(80%) brightness(.6);transition:opacity .4s ease,filter .4s ease}.symbol-highlight{opacity:1;filter:none}.symbol-dimmed-top-bottom{opacity:.35;filter:grayscale(90%) brightness(.6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.win-animation-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:6px;background:linear-gradient(90deg,gold,#fff9c4,gold);border-radius:4px;animation:pulseGold 1.5s ease-in-out forwards;box-shadow:0 0 15px gold;opacity:0;z-index:4}@keyframes pulseGold{0%{opacity:0;transform:translate(-50%,-50%) scaleX(0)}50%{opacity:1;transform:translate(-50%,-50%) scaleX(1.1);box-shadow:0 0 30px gold}to{opacity:0;transform:translate(-50%,-50%) scaleX(1)}}.spinner-inner{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.spinner-container-mobile{position:absolute;top:52%;left:50%;transform:translate(-50%,-52%) scale(.6);display:flex;justify-content:center;align-items:center;width:140%;height:390px;overflow:hidden;border-radius:28px;clip-path:inset(2% 2% 2% 2% round 30px);z-index:1}.win-line-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:10px;display:flex;justify-content:center;align-items:center;z-index:5;pointer-events:none}.win-line{width:0;height:6px;background:linear-gradient(90deg,#ffd70000,gold,#fff9c4,gold,#ffd70000);box-shadow:0 0 20px 5px gold;border-radius:4px;animation:lineGrow 1.5s ease-out forwards}@keyframes lineGrow{0%{width:0;opacity:0}50%{width:100%;opacity:1;box-shadow:0 0 30px 10px gold}to{width:100%;opacity:0;box-shadow:0 0 10px 3px gold}}.win-pulse-center{position:absolute;width:45px;height:45px;background:radial-gradient(circle,#ffd700 0%,#ffbf00 60%,transparent 80%);border-radius:50%;animation:pulseCenter 1.5s ease-in-out infinite;box-shadow:0 0 20px gold}@keyframes pulseCenter{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 30px gold}to{transform:scale(.8);opacity:.6}}.sparkle{position:absolute;top:50%;width:16px;height:16px;background:radial-gradient(circle,#fff9c4 20%,#ffd700 60%,transparent 80%);border-radius:50%;opacity:0;animation:sparkleFly 1.4s ease-out forwards;pointer-events:none;filter:blur(1px)}.sparkle-left{left:50%;transform:translate(-50%,-50%)}.sparkle-right{right:50%;transform:translate(50%,-50%)}@keyframes sparkleFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-250%) scale(1.8)}}@media (min-width: 820px){.controls-wrapper{flex-direction:row;justify-content:center;gap:32px}}html{background-color:#000;background-image:url(/mobileWaterBg.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100%;width:100%;min-height:100vh;min-height:var(--app-height);position:fixed;inset:0;z-index:-1;overscroll-behavior:none}:root{--app-height: 100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;height:var(--app-height);min-height:var(--app-height);overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:none;display:flex;align-items:center;justify-content:center;background:transparent}a{font-weight:500;color:#4db8ff;text-decoration:none}a:hover{color:#66cfff}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(90deg,#07f,#00bfff);color:#fff;cursor:pointer;transition:all .25s ease}button:hover{filter:brightness(1.15)}button:focus,button:focus-visible{outline:3px solid #4db8ff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}html{background-image:url(/mobileWaterBg.png)}body{background:transparent}a{color:#07f}a:hover{color:#339dff}button{background:linear-gradient(90deg,#ffa200,gold);color:#002c47}}