*{margin:0;padding:0;box-sizing:border-box}:root{--rainbow: linear-gradient(90deg, #ff004c, #ff7a00, #ffd600, #2bd96a, #00b3ff, #8a2be2);--rainbow-diag: linear-gradient(135deg, #ff004c, #ff7a00, #ffd600, #2bd96a, #00b3ff, #8a2be2);--bg: #0b0b16;--card: #15152a;--card-border: #23234a;--text: #ffffff;--hint: #8a8aa8}.app{min-height:100vh;padding:16px 16px 32px;background:radial-gradient(circle at 15% 0%,rgba(138,43,226,.18),transparent 45%),radial-gradient(circle at 85% 100%,rgba(0,179,255,.12),transparent 45%),var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,sans-serif}.app.center{display:flex;align-items:center;justify-content:center}.loader{font-size:48px;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.logo{width:54px;height:54px;border-radius:50%;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 0 22px #ff7a0073}.brand{font-size:24px;font-weight:800;letter-spacing:1px}.brand span{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.slogan{font-size:12px;color:var(--hint)}.balance-card{position:relative;border-radius:20px;padding:24px;text-align:center;margin-bottom:28px;border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--rainbow) border-box}.balance{font-size:36px;font-weight:800;margin:8px 0 16px}.hint{color:var(--hint);font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.btn{background:var(--rainbow-diag);color:#fff;border:none;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:700;width:100%;cursor:pointer;box-shadow:0 4px 20px #ff004c4d;transition:transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.section-title{font-size:18px;margin-bottom:14px}.games{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.game-card{background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:18px 12px;text-align:center;cursor:pointer;opacity:.45;transition:transform .1s}.game-card:active{transform:scale(.96)}.game-card.active{opacity:1;border:1px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--rainbow) border-box}.icon{font-size:36px}.title{font-weight:700;margin:8px 0 6px;font-size:15px}.badge{font-size:11px;color:var(--hint)}.badge.hot{color:#fff;background:var(--rainbow);display:inline-block;padding:4px 12px;border-radius:20px;font-weight:700}.footer{text-align:center;margin-top:32px;color:var(--hint);font-size:12px}.crown{font-size:24px;margin-bottom:4px}.error{color:#ff5c7a;text-align:center;margin-top:40px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000a6;display:flex;align-items:flex-end}.modal{width:100%;background:var(--card);border-radius:22px 22px 0 0;padding:20px 16px 26px;display:flex;flex-direction:column;gap:12px;animation:up .2s ease-out}@keyframes up{0%{transform:translateY(40px);opacity:0}}.modal-tabs{display:flex;gap:8px}.modal-tabs button{flex:1;padding:10px;border-radius:12px;background:transparent;color:var(--hint);border:1px solid var(--card-border);font-weight:700;font-size:14px}.modal-tabs button.on{background:var(--rainbow);color:#fff;border:none}.amount-input{background:var(--bg);color:var(--text);border:1px solid var(--card-border);border-radius:12px;padding:14px;font-size:20px;font-weight:700;text-align:center;outline:none}.amount-input:focus{border-color:#8a2be2}.chips{display:flex;gap:8px}.chips button{flex:1;padding:9px 0;border-radius:10px;background:var(--bg);color:var(--text);border:1px solid var(--card-border);font-size:13px;font-weight:600}.note{font-size:12px;color:var(--hint);text-align:center}.msg{font-size:13px;text-align:center}.msg.ok{color:#2bd96a}.msg.err{color:#ff5c7a}.link{background:none;border:none;color:var(--hint);font-size:14px;padding:6px}