:root{--bg-primary: #0B0E14;--bg-surface: #151A23;--bg-surface-elevated: #1F2633;--text-primary: #FFFFFF;--text-secondary: #8A92A6;--accent-color: #3B82F6;--accent-hover: #2563EB;--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--safe-area-bottom: env(safe-area-inset-bottom, 20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-bottom:calc(70px + var(--safe-area-bottom))}#root{max-width:500px;margin:0 auto;position:relative;min-height:100vh}h1,h2,h3,h4{margin:0}.title{font-size:24px;font-weight:700;margin-bottom:20px}.subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.surface{background:var(--bg-surface);border-radius:16px;padding:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.flex-row{display:flex;align-items:center}.flex-col{display:flex;flex-direction:column}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.app-header{padding:20px 16px;position:sticky;top:0;background:var(--bg-primary);z-index:10;border-bottom:1px solid rgba(255,255,255,.05)}.btn{background:var(--accent-color);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s;width:100%}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary)}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:500px;background:var(--bg-surface);border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-around;padding:10px 0 calc(10px + var(--safe-area-bottom)) 0;z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);background:none;border:none;cursor:pointer;width:25%}.tab-item.active{color:var(--accent-color)}.tab-icon{font-size:24px}.tab-label{font-size:11px;font-weight:500}.balance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.balance-card{background:var(--bg-surface-elevated);border-radius:12px;padding:16px;display:flex;flex-direction:column}.balance-icon{font-size:20px;margin-bottom:8px}.balance-val{font-size:22px;font-weight:700;margin:4px 0}.balance-name{font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.case-list{display:flex;flex-direction:column;gap:12px;padding:0 16px}.case-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-surface);border-radius:16px}.case-item-info{display:flex;align-items:center;gap:16px}.case-icon{font-size:36px}.case-name{font-size:16px;font-weight:600;margin:0 0 4px}.case-price{font-size:14px;color:var(--warning);font-weight:500;margin:0}.case-btn{width:auto;padding:8px 16px;font-size:14px}.game-area{padding:16px;display:flex;flex-direction:column;align-items:center}.coin{width:120px;height:120px;border-radius:50%;background:linear-gradient(45deg,#f59e0b,#fbbf24);display:flex;justify-content:center;align-items:center;font-size:48px;font-weight:700;color:#78350f;box-shadow:0 10px 20px #f59e0b4d,inset 0 0 20px #ffffff80;margin:30px 0;transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.coin.flipping{animation:flip 1s ease-in-out infinite}@keyframes flip{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}.bet-controls{display:flex;width:100%;gap:12px;margin-bottom:20px}.bet-input{flex:1;background:var(--bg-surface-elevated);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:12px;font-size:18px;text-align:center;outline:none}.bet-input:focus{border-color:var(--accent-color)}
