:root{--barbie-pink: #FF69B4;--gold-24k: #FFD700;--pure-white: #FFFFFF;--jet-black: #000000;--deep-magenta: #8B008B;--burgundy: #800020;--champagne: #F4E4C1;--text-main: #FFFFFF;--text-dim: #F4E4C1;--sunset-gradient: linear-gradient(135deg, var(--burgundy) 0%, var(--deep-magenta) 50%, var(--barbie-pink) 100%);--glass-bg: rgba(0, 0, 0, .75);--glass-border: rgba(255, 215, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--sunset-gradient);color:var(--text-main);overflow:hidden;width:100vw;height:100vh;display:flex;flex-direction:column;font-family:Poppins,sans-serif;touch-action:none}#app{width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}#blondie-image{position:absolute;bottom:-5vh;left:0;max-width:40vw;max-height:90vh;object-fit:contain;object-position:bottom left;z-index:5;pointer-events:none}.game-header{position:absolute;top:0;left:0;width:100vw;box-sizing:border-box;padding:1.5rem;z-index:100;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start}.header-left,.header-right{pointer-events:auto;flex:1}.header-right{display:flex;justify-content:flex-end}.header-center{flex:2;text-align:center;pointer-events:none}.back-btn{background:#00000080;border:2px solid var(--barbie-pink);border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:var(--gold-24k);transition:all .3s ease;flex-shrink:0}.back-btn svg{fill:currentColor;width:28px;height:28px}.back-btn:hover{background:var(--barbie-pink);color:var(--pure-white);transform:scale(1.1)}.of-btn{background:var(--barbie-pink);border:2px solid var(--barbie-pink);border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:var(--pure-white);transition:all .3s ease;flex-shrink:0;box-shadow:0 4px 15px #ff69b480}.of-btn svg{fill:currentColor;width:28px;height:28px}.of-btn:hover{background:var(--pure-white);color:var(--barbie-pink);transform:scale(1.1)}.game-title{font-family:Pacifico,cursive;font-size:3rem;color:var(--barbie-pink);text-shadow:2px 2px 0px var(--gold-24k);letter-spacing:1px}.game-status{font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;color:var(--gold-24k);margin-top:.25rem;letter-spacing:1px}#wheel-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:min(80vh,90vw);aspect-ratio:1;margin-top:60px;z-index:20;flex-shrink:0}#wheel-canvas{width:100%;height:100%;border-radius:50%;filter:drop-shadow(0 0 25px rgba(255,105,180,.35)) drop-shadow(0 0 60px rgba(139,0,139,.2))}#wheel-pointer{position:absolute;top:50%;right:-28px;transform:translateY(-50%);z-index:10;filter:drop-shadow(-3px 0 8px rgba(0,0,0,.5));animation:pointer-bounce-right 1.5s ease-in-out infinite}@keyframes pointer-bounce-right{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-4px)}}.spin-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;width:90px;height:90px;border-radius:50%;border:4px solid var(--gold-24k);background:radial-gradient(circle at 35% 35%,#FF8DC7,var(--barbie-pink),#C71585);color:var(--pure-white);font-family:Bebas Neue,display;font-size:1.4rem;letter-spacing:3px;cursor:pointer;box-shadow:0 0 0 6px #0000004d,0 4px 20px #ff69b499,inset 0 -3px 6px #0003;transition:all .3s ease;-webkit-user-select:none;user-select:none}.spin-button:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 0 6px #0000004d,0 8px 30px #ff69b4cc,inset 0 -3px 6px #0003}.spin-button:active:not(:disabled){transform:translate(-50%,-50%) scale(.95)}.spin-button:disabled{cursor:not-allowed;opacity:.6}.spin-button.pulse{animation:spin-pulse 2s ease-in-out infinite}@keyframes spin-pulse{0%,to{box-shadow:0 0 0 6px #0000004d,0 4px 20px #ff69b499,inset 0 -3px 6px #0003}50%{box-shadow:0 0 0 6px #0000004d,0 4px 40px #ffd700e6,0 0 60px #ff69b480,inset 0 -3px 6px #0003}}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#553e4bd9;display:flex;justify-content:center;align-items:center;z-index:2000;transition:all .5s cubic-bezier(.16,1,.3,1)}.modal.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.1)}@keyframes tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,1) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}.modal:not(.hidden) .premium-card{animation:tada 1s ease-in-out forwards}.premium-card{background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:4px solid var(--barbie-pink);border-radius:20px;padding:40px 30px;width:90%;max-width:500px;text-align:center;box-shadow:0 10px 40px #00000080,inset 0 0 20px #ff69b41a;position:relative;overflow:hidden}.congratulations{font-family:Pacifico,cursive;font-size:3.5rem;color:var(--barbie-pink);margin-bottom:.5rem;text-shadow:1px 1px 0px var(--gold-24k)}.sub-message{font-family:Poppins,sans-serif;font-size:1.1rem;color:var(--champagne);font-weight:300;margin-bottom:2rem}.code-box{background:#0009;padding:1.5rem;border-radius:15px;font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:800;letter-spacing:8px;color:var(--gold-24k);margin:2rem 0;border:2px dashed var(--gold-24k);box-shadow:inset 0 2px 10px #00000080}.reward-message{font-family:Poppins,sans-serif;font-size:1.1rem;color:var(--champagne);margin-bottom:2.5rem}.cta-btn{display:inline-block;background:var(--barbie-pink);color:var(--pure-white);font-family:Bebas Neue,display;font-size:2.2rem;letter-spacing:2px;text-decoration:none;padding:18px 48px;border-radius:40px;border:2px solid var(--gold-24k);transition:all .3s ease;box-shadow:0 4px 15px #ff69b466;margin-bottom:2rem}.cta-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #ff69b499}.close-btn{background:transparent;border:2px solid var(--barbie-pink);color:var(--barbie-pink);font-family:Bebas Neue,display;font-size:1.4rem;letter-spacing:1px;padding:10px 28px;border-radius:30px;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.close-btn:hover{background:#ff69b41a;color:var(--pure-white);border-color:var(--pure-white)}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--sunset-gradient);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out,visibility .5s ease-out}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.spinner{width:50px;height:50px;border:4px solid rgba(255,105,180,.3);border-top-color:var(--barbie-pink);border-radius:50%;animation:spin 1s infinite linear;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}#t-loading{color:var(--barbie-pink);font-family:Poppins,sans-serif;font-weight:600;font-size:1.3rem;text-shadow:0px 2px 10px rgba(0,0,0,.8)}@media (orientation: portrait){#app{justify-content:flex-start}#wheel-container{margin-top:100px;max-width:90vw;max-height:55vh}#blondie-image{position:relative;bottom:0;left:unset;width:100%;max-width:none;max-height:none;flex:1;object-position:bottom center}}@media (max-width: 768px){.game-header{padding:1rem;align-items:center}.game-title{font-size:5.5vmin;white-space:nowrap}.game-status{font-size:2.2vmin;display:block;line-height:1.2;margin-top:.1rem}.premium-card{padding:30px 20px;width:95%}.congratulations{font-size:2.5rem}.code-box{font-size:1.8rem;padding:1rem;letter-spacing:4px}.cta-btn{font-size:1.5rem;padding:12px 28px}.spin-button{width:70px;height:70px;font-size:1.1rem;letter-spacing:2px}#wheel-container{margin-top:110px}}@media (max-width: 400px){.spin-button{width:60px;height:60px;font-size:1rem;letter-spacing:1px;border-width:3px}}