:root{--bg-dark:#0f0c08;--bg-panel:#1a1209;--bg-reel:#0a0705;--gold:gold;--gold-dark:#b8860b;--gold-light:#ffec8b;--sand:#d4a76a;--text:#f5f0e6;--danger:#c62828;--success:#2e7d32;--shadow:0 8px 24px #0009;--cell-size:76px;--cell-gap:8px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 50% 0%, #2a1d10 0%, var(--bg-dark) 70%);min-height:100vh;color:var(--text);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}#app{flex-direction:column;gap:1rem;max-width:520px;margin:0 auto;padding:1rem;display:flex}.game-header{text-align:center}.game-title{background:linear-gradient(90deg, var(--gold-light), var(--gold), var(--gold-dark));color:#0000;text-shadow:0 2px 8px #ffd70033;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem}.game-subtitle{color:var(--sand);margin:.25rem 0 0;font-size:.95rem}.stats-bar{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.stat{background:var(--bg-panel);border:1px solid var(--gold-dark);text-align:center;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:.75rem .5rem;display:flex}.stat-label{color:var(--sand);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;display:block}.stat-value{color:var(--gold);margin-top:.25rem;font-size:1.15rem;font-weight:700;display:block}.bet-selector{justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.reels-container{background:linear-gradient(180deg, #2a1d10 0%, var(--bg-panel) 100%);border:3px solid var(--gold-dark);box-shadow:inset 0 0 20px #000000b3, var(--shadow);border-radius:16px;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:.75rem;display:grid}.reel{background:var(--bg-reel);border:1px solid #ffd70033;border-radius:8px;position:relative;overflow:hidden}.reel-window{height:calc(3 * var(--cell-size) + 2 * var(--cell-gap));position:relative;overflow:hidden}.reel-strip{gap:var(--cell-gap);will-change:transform;flex-direction:column;display:flex}.reel-cell{width:100%;height:var(--cell-size);background:var(--bg-reel);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.reel-cell.winning{z-index:100!important;background-color:gold!important;border:5px solid orange!important;animation:1.5s cubic-bezier(.4,0,.6,1) infinite winCellPulse!important;transform:scale(1.15)!important;box-shadow:0 0 20px gold,0 0 40px orange,0 0 60px #ff8c00!important}.reel-cell.winning:before{content:"";border:2px solid var(--gold);pointer-events:none;border-radius:10px;animation:1.5s ease-out infinite winGlowRing;position:absolute;inset:-4px}.reel-cell.winning .symbol-img{filter:drop-shadow(0 0 12px var(--gold)) drop-shadow(0 0 24px #ffd70099);animation:1s cubic-bezier(.4,0,.6,1) infinite winImgPulse}@keyframes winCellPulse{0%{box-shadow:0 0 20px var(--gold), inset 0 0 10px #ffd7004d, 0 0 30px #ffd70033}50%{box-shadow:0 0 50px var(--gold), inset 0 0 30px #ffd70099, 0 0 80px #ffd70080}to{box-shadow:0 0 40px var(--gold), inset 0 0 25px #ffd70080, 0 0 60px #ffd70066}}@keyframes winGlowRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes winImgPulse{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.1)}75%{transform:scale(1.18)}to{transform:scale(1.1)}}.symbol-img{object-fit:contain;width:100%;height:100%;display:block}.controls{flex-direction:column;gap:.75rem;display:flex}.bet-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.bet-display{text-align:center;min-width:80px;color:var(--gold);background:var(--bg-panel);border:1px solid var(--gold-dark);border-radius:8px;padding:.5rem 1rem;font-size:1.25rem;font-weight:700}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-align:center;border:none;border-radius:12px;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-block}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-panel);color:var(--gold);border:1px solid var(--gold-dark);min-width:48px;padding:.5rem;font-size:1.25rem}.btn-spin{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);color:#1a1209;font-size:1.4rem;box-shadow:0 6px #8a6e1c,0 10px 20px #ffd70040}.btn-spin:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #8a6e1c,0 4px 10px #ffd70040}.btn-spin.highlighted{animation:1.5s ease-in-out infinite spinButtonPulse;box-shadow:0 6px #8a6e1c,0 10px 20px #ffd70040,0 0 30px #ffd70099}@keyframes spinButtonPulse{0%,to{box-shadow:0 6px #8a6e1c,0 10px 20px #ffd70040,0 0 30px #ffd70099}50%{box-shadow:0 6px #8a6e1c,0 10px 20px #ffd70040,0 0 50px gold}}.btn-install{color:#fff;background:linear-gradient(#4caf50 0%,#2e7d32 100%);box-shadow:0 4px #1b5e20,0 8px 16px #4caf5040}.btn-register{color:#fff;background:linear-gradient(#ff5722 0%,#d84315 100%);line-height:1.3;box-shadow:0 4px #bf360c,0 8px 16px #ff572240}.btn-register small{text-transform:none;opacity:.9;font-size:.75rem;display:block}.message-area{text-align:center;opacity:0;pointer-events:none;z-index:1000;border-radius:12px;justify-content:center;align-items:center;max-width:520px;min-height:3.5rem;margin:0 auto;padding:.75rem 1rem;font-size:1.25rem;font-weight:700;transition:opacity .35s,transform .35s;display:flex;position:fixed;top:1rem;left:1rem;right:1rem;transform:translateY(-12px)scale(.95)}.message-area.show{opacity:1;transform:translateY(0)scale(1)}.message-area.info{color:var(--text);background:var(--bg-panel);border:1px solid var(--gold-dark);box-shadow:var(--shadow)}.message-area.win{color:#1a1209;background:linear-gradient(90deg, var(--gold-light), var(--gold), var(--gold-light));border:2px solid var(--gold-light);box-shadow:0 0 24px var(--gold), var(--shadow);animation:1.2s ease-in-out infinite alternate winMessagePulse}.message-area.error{color:#fff;background:var(--danger);box-shadow:var(--shadow);border:1px solid #ff8a80}@keyframes winMessagePulse{0%{box-shadow:0 0 12px var(--gold), var(--shadow)}to{box-shadow:0 0 32px var(--gold), var(--shadow)}}.cta-container{flex-direction:column;gap:.75rem;display:flex}.cta-container .btn{opacity:0;flex:1;transition:opacity .4s,transform .4s;transform:translateY(12px)}.cta-container .btn.hidden{display:none}.cta-container .btn:not(.hidden){opacity:1;animation:.5s ctaPop;transform:translateY(0)}@keyframes ctaPop{0%{opacity:0;transform:translateY(12px)scale(.95)}60%{opacity:1;transform:translateY(-3px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.btn-secondary{min-width:38px;padding:.35rem .25rem;font-size:1rem}.bet-display{min-width:55px;padding:.4rem .6rem;font-size:.95rem}.stat-value{font-size:1rem}.stat-label{font-size:.65rem}}