:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{background-color:#1a1a2e;width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;width:100vw;height:100dvh;margin:0;padding:0;display:flex}.cake-container{background-color:#1a1a2e;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pixel-cake{width:200px;height:200px;image-rendering:pixelated;position:relative;transform:scale(1.5)}@keyframes flicker{0%{opacity:.9;transform:scale(1)translate(0)}25%{opacity:1;transform:scale(1.1)translate(-2px)}50%{opacity:.8;transform:scale(.9)translate(2px)}75%{opacity:1;transform:scale(1.1)translate(-1px)}to{opacity:.9;transform:scale(1)translate(0)}}.flame{z-index:1;background-color:#ff9800;border-radius:50% 50% 20% 20%;width:16px;height:24px;animation:.2s infinite alternate flicker;position:absolute;top:16px;left:92px;box-shadow:0 0 15px #ff9800,inset 0 0 5px #ffeb3b}.flame:after{content:"";background-color:#ffeb3b;border-radius:50%;width:8px;height:12px;position:absolute;top:6px;left:4px}.candle{box-sizing:border-box;background-color:#fff;border:2px solid #e0e0e0;width:8px;height:30px;position:absolute;top:36px;left:96px}.frosting{z-index:2;background-color:#ff69b4;border-radius:20px 20px 0 0;width:140px;height:40px;position:absolute;top:66px;left:30px}.strawberry{background-color:#f44336;border-radius:50%;width:14px;height:14px;position:absolute;top:-6px}.s1{left:20px}.s2{left:63px}.s3{left:106px}.drip{background-color:#ff69b4;border-radius:0 0 8px 8px;width:16px;position:absolute}.d1{height:20px;top:40px;left:15px}.d2{height:30px;top:40px;left:60px}.d3{height:15px;top:40px;left:100px}.cake-base{z-index:1;background-color:#fff3e0;border-radius:0 0 10px 10px;width:140px;height:60px;position:absolute;top:100px;left:30px;box-shadow:inset 0 -15px #0000001a}.plate{z-index:0;background-color:#b0bec5;border-radius:50%;width:180px;height:20px;position:absolute;top:150px;left:10px;box-shadow:0 5px #90a4ae}.winner-overlay{z-index:100;cursor:pointer;background-color:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.winner-card{text-align:center;color:#fff;background:linear-gradient(135deg,#ff4136,#b10dc9);border:4px solid #fff;border-radius:20px;max-width:80%;padding:40px 60px;box-shadow:0 10px 40px #000c,inset 0 0 20px #fff3}.winner-card h2{text-shadow:2px 2px 4px #00000080;margin:0 0 20px;font-size:48px;line-height:1.2}.winner-card p{opacity:.8;margin:0;font-size:16px;font-weight:300}.zoom-in{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards zoomInPopup}@keyframes zoomInPopup{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}.roulette-container{background-color:#0f0f1b;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.wheel-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.wheel{border:8px solid #fff;border-radius:50%;width:75vmin;max-width:600px;height:75vmin;max-height:600px;transition:transform 5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 0 30px #00000080}.wheel-text{transform-origin:0;box-sizing:border-box;justify-content:flex-end;align-items:center;width:48%;height:60px;padding-right:15px;display:flex;position:absolute;top:calc(50% - 30px);left:50%}.wheel-text span{-webkit-line-clamp:4;text-align:right;color:#fff;text-shadow:1px 1px 3px #000000e6,0 0 5px #00000080;-webkit-box-orient:vertical;max-width:85%;font-size:12px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.pointer-side{z-index:10;filter:drop-shadow(-4px 0 4px #00000080);border-top:20px solid #0000;border-bottom:20px solid #0000;border-right:40px solid #fff;width:0;height:0;position:absolute;top:50%;right:-25px;transform:translateY(-50%)}.center-circle{z-index:5;background-color:#fff;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 5px #0000004d,0 2px 10px #00000080}.slot-machine-wrapper{box-sizing:border-box;background:linear-gradient(135deg,#ff4136,#85144b);border:6px solid #ffdc00;border-radius:20px;justify-content:center;align-items:center;width:90%;max-width:400px;height:250px;padding:15px;display:flex;position:relative;box-shadow:0 0 10px #ffdc00,inset 0 0 20px #00000080,0 15px 30px #000c}.slot-machine-wrapper:before{content:"";pointer-events:none;opacity:.8;border:4px dotted #ffdc00;border-radius:12px;position:absolute;inset:5px 10px}.slot-machine-window{background:#111;border:4px solid #fff;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 20px 30px #000000e6,inset 0 -20px 30px #000000e6}.slot-machine-strip{flex-direction:column;width:100%;transition:transform 5s cubic-bezier(.1,.7,.1,1);display:flex}.slot-item{box-sizing:border-box;text-align:center;color:#fff;text-shadow:2px 2px 4px #000000e6;border-top:2px solid #fff3;border-bottom:2px solid #00000080;justify-content:center;align-items:center;width:100%;height:120px;padding:10px 20px;font-size:18px;font-weight:900;display:flex}.slot-selector{pointer-events:none;background:linear-gradient(#000c 0%,#0000 20% 80%,#000c 100%);border-top:5px solid #ffdc00e6;border-bottom:5px solid #ffdc00e6;width:100%;height:120px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 15px #ffdc0066}.emoji-layer{z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.floating-emoji{pointer-events:none;font-size:3rem;animation:3s ease-out forwards floatUp;position:absolute;bottom:10%}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(.5)}50%{opacity:1;transform:translateY(-50vh)scale(1.5)}to{opacity:0;transform:translateY(-100vh)scale(1)}}.emoji-palette{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:30px;gap:10px;padding:10px 20px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0003}.emoji-btn{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;font-family:Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,sans-serif;font-size:2rem;transition:transform .2s;display:inline-flex}.emoji-btn:hover{transform:scale(1.3)}.emoji-btn:active{transform:scale(.9)}@media (width<=768px){.emoji-palette{width:auto;max-width:95%;bottom:20px;bottom:max(20px, env(safe-area-inset-bottom));justify-content:center;gap:8px;padding:8px 12px}.emoji-btn{margin:0;padding:0;font-size:2rem;line-height:normal}}.balloon-layer{z-index:50;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.balloon{border-radius:50%/40% 40% 60% 60%;width:60px;height:80px;animation-name:flyUp;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:-150px;box-shadow:inset -10px -10px #0000001a}.balloon:after{content:"";border-bottom:8px solid #0000004d;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.balloon-string{transform-origin:top;background-color:#fff6;width:1px;height:60px;animation:2s ease-in-out infinite alternate sway;position:absolute;bottom:-60px;left:50%}@keyframes flyUp{0%{transform:translateY(0)}to{transform:translateY(-150vh)}}@keyframes sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.client-view{background-color:#1a1a2e;width:100%;height:100%;position:relative;overflow:hidden}.host-view{box-sizing:border-box;color:#fff;background-color:#1a1a2e;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.host-view h1{color:#fff;margin-bottom:40px}.control-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;width:100%;max-width:500px;margin-bottom:20px;padding:30px;box-shadow:0 4px 20px #0003}.control-section h2{color:#ddd;border-bottom:2px solid #ffffff1a;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-size:1.2rem}.btn-group{gap:10px;width:100%;display:flex}button{cursor:pointer;color:#333;background-color:#e0e0e0;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;font-weight:700;transition:all .2s}button:hover{background-color:#d0d0d0}button.active{color:#fff;background-color:#1a1a2e}.toggle-btn{width:100%}.toggle-btn.active{color:#fff;background-color:#ff4136}.spotify-login{color:#fff;background-color:#1db954;width:100%}.spotify-login:hover{background-color:#1ed760}.spotify-controls{flex-direction:column;gap:15px;display:flex}.volume-control{flex-direction:column;gap:5px;display:flex}.volume-control input[type=range]{width:100%}.logout-btn{color:#888;background-color:#0000;border:1px solid #ccc}.logout-btn:hover{background-color:#f5f5f5}.app-container{width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}.connection-status{color:#fff;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:20px;padding:5px 15px;font-size:.8rem;position:absolute;top:10px;right:10px}