:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0b0e11;color:#eaecef}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);background:#0000004d}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:26px;height:26px;background:linear-gradient(135deg,#9945ff,#14f195);border-radius:6px;display:grid;place-items:center;font-size:14px;color:#fff;font-weight:800}.logo-text{font-size:1.1rem;font-weight:800;background:linear-gradient(90deg,#9945ff,#14f195);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.live-dot{width:8px;height:8px;border-radius:50%;background:#14f195;box-shadow:0 0 8px #14f195aa;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.balance-badge{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.balance-badge-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59}.balance-badge-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;font-weight:700;color:#f0b90b}.main{flex:1;display:flex;flex-direction:column;max-width:480px;width:100%;margin:0 auto;padding:.75rem;gap:.75rem}.chart-area{position:relative;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:1rem;min-height:200px;overflow:hidden}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.chart-pair{display:flex;align-items:center;gap:.5rem}.chart-pair-name{font-size:1rem;font-weight:700}.chart-pair-price{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.6rem;font-weight:800;letter-spacing:-.03em}.chart-pair-change{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-weight:600;padding:.15rem .4rem;border-radius:.25rem}.chart-pair-change.up{color:#0ecb81;background:#0ecb811f}.chart-pair-change.down{color:#f6465d;background:#f6465d1f}.chart-svg-wrap{width:100%;height:120px}.chart-svg-wrap svg{width:100%;height:100%}.entry-line{position:absolute;left:1rem;right:1rem;border-top:1.5px dashed rgba(153,69,255,.5);pointer-events:none;transition:top .3s}.entry-line-label{position:absolute;right:0;top:-18px;font-size:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9945ff;letter-spacing:.05em;text-transform:uppercase}.controls{display:flex;flex-direction:column;gap:.6rem}.time-selector{display:flex;gap:.35rem}.time-btn{flex:1;padding:.5rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff73;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.time-btn:hover{border-color:#ffffff26;color:#ffffffb3}.time-btn.active{background:#9945ff26;border-color:#9945ff66;color:#c084fc}.time-btn:disabled{opacity:.3;cursor:not-allowed}.bet-amount-row{display:flex;align-items:center;gap:.5rem}.bet-amount-label{font-size:.75rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.bet-amount-controls{flex:1;display:flex;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.4rem;overflow:hidden}.bet-amount-btn{width:36px;height:36px;border:none;background:transparent;color:#ffffff80;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;transition:background .15s}.bet-amount-btn:hover:not(:disabled){background:#ffffff0f;color:#fafafa}.bet-amount-btn:disabled{opacity:.3;cursor:not-allowed}.bet-amount-value{flex:1;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:700;color:#f0b90b}.bet-amount-currency{font-size:.7rem;color:#ffffff4d;padding-right:.75rem}.bet-presets{display:flex;gap:.3rem}.bet-preset-btn{flex:1;padding:.35rem;border-radius:.3rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#fff6;font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;transition:all .15s;text-align:center}.bet-preset-btn:hover:not(:disabled){border-color:#9945ff4d;color:#ffffffb3}.bet-preset-btn:disabled{opacity:.25;cursor:not-allowed}.multiplier-row{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.35rem;border-radius:.4rem;background:#f0b90b0f;border:1px solid rgba(240,185,11,.12)}.multiplier-label{font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.08em}.multiplier-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:800;color:#f0b90b}.updown-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.updown-btn{position:relative;padding:1rem;border-radius:.6rem;border:none;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.15rem;overflow:hidden}.updown-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.updown-btn .btn-sub{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.65}.btn-up{background:linear-gradient(135deg,#0ecb81,#0aa56b);color:#fff}.btn-up:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #0ecb814d}.btn-down{background:linear-gradient(135deg,#f6465d,#c4324a);color:#fff}.btn-down:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #f6465d4d}.active-game{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border-radius:.75rem;text-align:center}.active-game.betting-up{background:#0ecb810f;border:1px solid rgba(14,203,129,.15)}.active-game.betting-down{background:#f6465d0f;border:1px solid rgba(246,70,93,.15)}.active-direction{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:.2rem .6rem;border-radius:.25rem}.betting-up .active-direction{background:#0ecb8126;color:#0ecb81}.betting-down .active-direction{background:#f6465d26;color:#f6465d}.active-timer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:3rem;font-weight:800;letter-spacing:-.04em}.betting-up .active-timer{color:#0ecb81}.betting-down .active-timer{color:#f6465d}.active-info{font-size:.8rem;color:#fff6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.active-pnl{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:700}.active-pnl.positive{color:#0ecb81}.active-pnl.negative{color:#f6465d}.active-pnl.neutral{color:#fff6}.result-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem;border-radius:.75rem;text-align:center}.result-card.win{background:#0ecb810f;border:1px solid rgba(14,203,129,.2)}.result-card.lose{background:#f6465d0f;border:1px solid rgba(246,70,93,.2)}.result-icon{font-size:2.5rem}.result-label{font-size:1.3rem;font-weight:800}.win .result-label{color:#0ecb81}.lose .result-label{color:#f6465d}.result-amount{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.8rem;font-weight:800}.win .result-amount{color:#0ecb81}.lose .result-amount{color:#f6465d}.result-details{display:flex;gap:1.5rem;font-size:.75rem;color:#ffffff59}.result-detail-item{display:flex;flex-direction:column;gap:.15rem}.result-detail-val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;color:#fff9}.play-again-btn{margin-top:.5rem;padding:.65rem 2.5rem;border-radius:.5rem;border:1px solid rgba(153,69,255,.4);background:#9945ff1f;color:#c084fc;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s}.play-again-btn:hover{background:#9945ff38;border-color:#9945ff99}.history-section{background:#0003;border:1px solid rgba(255,255,255,.04);border-radius:.75rem;padding:.75rem}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.history-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d}.stats-mini{display:flex;gap:.75rem}.stat-mini{font-size:.7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stat-mini-label{color:#ffffff40;margin-right:.25rem}.stat-mini-val{font-weight:700}.stat-mini-val.green{color:#0ecb81}.stat-mini-val.red{color:#f6465d}.stat-mini-val.yellow{color:#f0b90b}.history-list{display:flex;flex-direction:column;gap:.25rem;max-height:180px;overflow-y:auto}.history-row{display:grid;grid-template-columns:2.5rem 1fr auto auto;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:.35rem;font-size:.75rem;background:#ffffff04}.history-dir{font-weight:800;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .35rem;border-radius:.2rem;text-align:center}.history-dir.up{color:#0ecb81;background:#0ecb811a}.history-dir.down{color:#f6465d;background:#f6465d1a}.history-prices{color:#ffffff40;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.history-pnl{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:.75rem}.history-pnl.win{color:#0ecb81}.history-pnl.lose{color:#f6465d}.empty-history{text-align:center;color:#ffffff26;font-size:.75rem;padding:1rem}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-line.up{stroke:#0ecb81}.chart-line.down{stroke:#f6465d}@media(max-width:480px){.main{padding:.5rem;gap:.5rem}.chart-pair-price{font-size:1.3rem}.active-timer{font-size:2.2rem}}
