:root{--bg: #0e0e14;--bg-card: #1a1a24;--bg-card-2: #232332;--accent: #8b7fff;--accent-2: #ff6bcb;--text: #f2f2f7;--text-muted: #8b8b9a;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--radius: 16px;--radius-sm: 10px;--radius-full: 999px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}button{cursor:pointer;border:none;background:none;color:inherit;font:inherit;padding:0}button:active{transform:scale(.97)}input,select,textarea{font:inherit;color:inherit;background:var(--bg-card-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:10px 12px}.app{min-height:100dvh;padding:0 0 92px;max-width:520px;margin:0 auto}.page{padding:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--bg-card);border-radius:var(--radius);padding:16px}.h-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.title{font-family:SF Pro Display,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.3px}.muted{color:var(--text-muted)}.pill{display:inline-flex;align-items:center;gap:6px;background:#8b7fff24;color:var(--accent);padding:6px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius);font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;width:100%;transition:transform .15s ease}.btn--ghost{background:var(--bg-card-2);color:var(--text)}.btn--sm{padding:9px 14px;font-size:13px;width:auto;border-radius:var(--radius-full)}.balance{background:linear-gradient(135deg,#2a1e5c,#5c1e4a);border-radius:var(--radius);padding:18px;margin-bottom:14px;position:relative;overflow:hidden}.balance:before{content:"";position:absolute;inset:-40% -20% auto auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(139,127,255,.35),transparent 70%)}.balance__label{font-size:12px;color:#fff9}.balance__val{font-family:SF Pro Display;font-size:34px;font-weight:800;margin-top:4px}.games{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-card{background:var(--bg-card);border-radius:var(--radius);padding:16px;text-align:left;position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.game-card__icon{font-size:34px}.game-card__title{font-weight:800;margin-top:8px}.game-card__sub{font-size:11px;color:var(--text-muted);margin-top:2px}.game-card__bet{position:absolute;top:12px;right:12px;font-size:11px;color:var(--accent);background:#8b7fff1f;padding:3px 8px;border-radius:var(--radius-full)}.nav{position:fixed;left:12px;right:12px;bottom:12px;max-width:496px;margin:0 auto;background:#1a1a24cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:18px;display:flex;justify-content:space-around;padding:6px;z-index:50}.nav__item{flex:1;padding:10px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);font-size:11px;font-weight:600}.nav__item--on{color:var(--accent);background:#8b7fff1f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal{width:100%;max-width:520px;background:var(--bg-card);border-radius:20px 20px 0 0;padding:20px;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}.stats{display:flex;gap:10px;margin-bottom:14px}.stats__chip{flex:1;background:var(--bg-card);border-radius:var(--radius-sm);padding:12px;text-align:center}.stats__val{font-weight:800;font-size:20px}.stats__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-top:2px}.result-badge{display:inline-flex;padding:8px 18px;border-radius:var(--radius-full);font-weight:800;font-size:20px}.result-badge--win{background:#22c55e29;color:var(--success)}.result-badge--lose{background:#ef444429;color:var(--danger)}.toast{position:fixed;left:50%;top:18px;transform:translate(-50%);background:#14141cf2;padding:10px 16px;border-radius:var(--radius-full);z-index:200;font-size:13px;border:1px solid rgba(139,127,255,.25)}.game-canvas{width:100%;height:100dvh;display:block;background:linear-gradient(180deg,#1a1e3a,#0e0e14);touch-action:none}.hud{position:fixed;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;z-index:5;pointer-events:none}.hud__chip{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 14px;border-radius:var(--radius-full);font-weight:700;font-size:14px}.hud__chip--bal{color:var(--success)}.loader{display:flex;align-items:center;justify-content:center;min-height:60vh}.loader__ring{width:42px;height:42px;border:3px solid rgba(139,127,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}