:root{--bg: #0b0614;--panel: #190d2e;--border: #3a1f6e;--text: #f6ecff;--dim: #b69adf;--up: #1bff9b;--down: #ff2d7e;--accent: #c14bff;--gold: #ffd60a;--cyan: #00e5ff;--pink: #ff36c6;--orange: #ff8a00}*{box-sizing:border-box}button,a,input,label,.chip{touch-action:manipulation}body{margin:0;color:var(--text);font-family:Segoe UI,system-ui,sans-serif;background:radial-gradient(1100px 600px at 18% -12%,rgba(124,58,237,.13),transparent 60%),radial-gradient(900px 600px at 100% 0%,rgba(0,229,255,.05),transparent 55%),var(--bg);background-attachment:fixed}@keyframes hue-slide{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes glow-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.loading{padding:40px;color:var(--dim)}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:24px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{display:flex;align-items:baseline;gap:8px}.brand-name{font-size:21px;font-weight:800;letter-spacing:.01em;background:linear-gradient(90deg,#ffd60a,#ff8a3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand .sym{color:var(--dim);font-size:13px;font-weight:700;letter-spacing:.04em}.wallet{margin-left:auto;display:flex;align-items:center;gap:8px}.wallet span{color:var(--dim);font-size:13px}.wallet b{font-size:16px}.wallet button,.panel button,.deposit button{background:#21262d;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer}.wallet button:hover{border-color:var(--accent)}main{flex:1;display:flex;min-height:0}.left{flex:1;min-width:0;padding:12px;display:flex;min-height:0}.chart-wrap{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.chart-canvas{display:block;width:100%;height:100%;cursor:crosshair}.right{width:320px;border-left:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.panel{display:flex;flex-direction:column;gap:12px}.countdown{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px}.countdown .big{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.countdown .big.up{color:var(--up)}.countdown .big.down{color:var(--down)}.countdown .sub{color:var(--dim);font-size:12px}.countdown .locked{color:var(--down);font-weight:600}.panel label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--dim)}.field-label{font-size:13px;color:var(--dim)}.bet-section{display:flex;flex-direction:column;gap:12px}.bet-head{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.queued{display:flex;align-items:center;gap:8px;font-size:13px;background:#26a69a1a;border:1px solid rgba(38,166,154,.4);color:var(--text);border-radius:8px;padding:10px 12px}.panel input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px;font-size:16px}.risk{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.risk div{display:flex;justify-content:space-between;font-size:13px}.risk span{color:var(--dim)}.buttons{display:flex;gap:10px}.buttons button{flex:1;padding:16px;font-size:17px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:10px;cursor:pointer;color:#0b0614;transition:transform .08s ease,box-shadow .15s ease}.buttons .buy{background:linear-gradient(135deg,#12c98a,#0bb3c0);color:#04201a;box-shadow:0 4px 14px #0bb3c047}.buttons .sell{background:linear-gradient(135deg,#f23d6d,#e23ba8);color:#fff;box-shadow:0 4px 14px #f23d6d47}.buttons button:hover:not(:disabled){transform:translateY(-1px)}.buttons button:disabled{opacity:.4;cursor:not-allowed}.msg{font-size:13px;color:var(--accent);text-align:center}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{flex:1 1 auto;min-width:44px;padding:6px 8px;font-size:13px;background:#21262d;color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer}.chip{font-weight:700;transition:all .12s ease}.chip:hover{border-color:var(--accent);color:var(--text);box-shadow:0 0 10px #c14bff73}.chip.on{border-color:var(--accent);color:#fff;font-weight:800;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 2px 8px #7c3aed4d}.chip:disabled{opacity:.35;cursor:not-allowed}.onebet{font-size:12px;color:var(--dim);text-align:center}.live-card{background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.live-head{display:flex;align-items:center;gap:8px;font-size:13px}.live-meta{color:var(--dim)}.live-pnl{font-size:40px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.live-pnl.up{color:var(--up)}.live-pnl.down{color:var(--down)}.live-pnl.pending{font-size:20px;color:var(--dim);font-weight:600}.live-sub{color:var(--dim);font-size:12px;margin-top:-4px}.live-timer{display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--border);padding-top:10px;width:100%}.live-timer .big{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.live-timer .sub{color:var(--dim);font-size:12px}.live-risk{display:flex;gap:14px;width:100%;justify-content:center;border-top:1px solid var(--border);padding-top:10px;flex-wrap:wrap}.live-risk div{display:flex;flex-direction:column;font-size:12px}.live-risk span{color:var(--dim)}.live-risk b{font-variant-numeric:tabular-nums}.nocashout{font-size:12px;color:var(--down);font-weight:600;background:#ef53501a;border-radius:6px;padding:6px 8px;width:100%}.positions h3{margin:0 0 8px;font-size:14px}.positions .empty{color:var(--dim);font-size:13px}.pos{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:8px}.pos.active{border-color:var(--accent)}.pos.stopped{border-color:var(--down)}.pos-row{display:flex;gap:8px;align-items:center;font-size:13px}.pos-row.dim{color:var(--dim);font-size:12px;margin-top:4px;flex-wrap:wrap}.tag{padding:1px 6px;border-radius:4px;font-weight:700;font-size:11px}.tag.buy{background:#26a69a33;color:var(--up)}.tag.sell{background:#ef535033;color:var(--down)}.status.settled{color:var(--up)}.status.stopped{color:var(--down)}.pos-pnl{margin-left:auto;font-weight:700;font-size:14px}.pos-pnl.up{color:var(--up)}.pos-pnl.down{color:var(--down)}.pos-countdown{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.header-right{display:flex;align-items:center;gap:12px}.ghost-btn{background:#21262d;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:13px}.ghost-btn:hover{border-color:var(--accent)}.user-name{font-size:13px;color:var(--text);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-screen{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:56px 20px 40px;position:relative;overflow-x:hidden;overflow-y:auto}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:32px 28px;width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.login-brand{font-size:26px;font-weight:800}.login-sub{color:var(--dim);font-size:14px;line-height:1.5}.login-sub b{color:var(--text)}.gbtn{min-height:44px;display:flex;justify-content:center}.google-btn{width:280px;max-width:100%;padding:11px 16px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f2328;border:none;border-radius:24px;cursor:pointer}.google-btn:hover{box-shadow:0 0 0 2px #58a6ff80}.login-or{display:flex;align-items:center;gap:10px;width:100%;color:var(--dim);font-size:12px}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--border)}.guest-btn{width:280px;max-width:100%;padding:11px 16px;font-size:14px;background:#21262d;color:var(--text);border:1px solid var(--border);border-radius:24px;cursor:pointer}.guest-btn:hover{border-color:var(--accent)}.guest-btn:disabled{opacity:.5;cursor:not-allowed}.login-err{color:var(--down);font-size:13px}.link-btn{background:none;border:none;color:var(--dim);font-size:13px;cursor:pointer;text-decoration:underline;padding:2px}.link-btn:hover{color:var(--text)}.test-login{display:flex;flex-direction:column;gap:8px;width:280px;max-width:100%}.test-login .pay-input{width:100%}.history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:flex-end;z-index:50}.history-panel{width:420px;max-width:100%;height:100%;background:var(--bg);border-left:1px solid var(--border);display:flex;flex-direction:column}.history-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);font-size:16px;font-weight:700}.history-close{background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer}.history-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border)}.history-summary span{color:var(--dim);font-size:13px}.history-summary b{font-size:18px;font-variant-numeric:tabular-nums}.history-list{flex:1;overflow-y:auto;padding:8px 12px}.history-empty{color:var(--dim);font-size:13px;padding:20px;text-align:center}.history-row{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-bottom:1px solid var(--border)}.history-row-main{display:flex;flex-direction:column;gap:2px}.history-label{font-size:13px;font-weight:600;text-transform:capitalize}.history-label.deposit{color:var(--accent)}.history-time{color:var(--dim);font-size:11px}.history-row-amt{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.history-row-amt b{font-variant-numeric:tabular-nums}.history-bal{color:var(--dim);font-size:11px}.up{color:var(--up)}.down{color:var(--down)}.info-btn{width:26px;height:26px;border-radius:50%;background:#21262d;color:var(--text);border:1px solid var(--border);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.info-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#21262d;color:var(--dim);border:1px solid var(--border);cursor:pointer;padding:0}.icon-btn:hover{border-color:var(--down);color:var(--down)}.how-btn{align-self:stretch;padding:10px 16px;font-size:14px;font-weight:600;background:#26a69a1a;color:var(--accent);border:1px solid rgba(38,166,154,.4);border-radius:24px;cursor:pointer}.how-btn:hover{background:#26a69a2e}.history-filter{display:flex;gap:4px;padding:8px 0 4px}.history-filter button{flex:1;background:#21262d;border:1px solid var(--border);color:var(--dim);padding:6px 4px;font-size:12px;font-weight:600;cursor:pointer;border-radius:6px;white-space:nowrap}.history-filter button.active{color:var(--text);border-color:var(--accent);background:#26a69a1f}.history-pnl{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:4px 0}.history-pnl span{color:var(--dim);font-size:13px}.history-pnl b{font-size:20px;font-variant-numeric:tabular-nums}.wallet-btn{margin-left:auto;display:flex;align-items:center;gap:8px;background:#21262d;border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;color:var(--text)}.wallet-btn span{color:var(--dim);font-size:13px}.wallet-btn b{font-size:16px;font-variant-numeric:tabular-nums}.wallet-btn:hover{border-color:var(--accent)}.right-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.right-tabs button{flex:1;background:none;border:none;color:var(--dim);padding:8px 4px;font-size:13px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.right-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.history-inline{display:flex;flex-direction:column}.history-stats{display:flex;gap:8px;padding:10px 0 4px}.history-stats div{flex:1;display:flex;flex-direction:column;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.history-stats span{color:var(--dim);font-size:11px}.history-stats b{font-size:15px;font-variant-numeric:tabular-nums}.history-inline .history-list{max-height:320px;padding:4px 0}.pay-tabs{display:flex;border-bottom:1px solid var(--border)}.pay-tabs button{flex:1;background:none;border:none;color:var(--dim);padding:10px;font-size:14px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}.pay-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.pay-qr{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 10px}.pay-qr canvas{border-radius:8px;padding:8px;background:#fff}.pay-qr-cap{color:var(--dim);font-size:12px}.info-modal{width:440px;max-height:86vh;display:flex;flex-direction:column}.info-body{overflow-y:auto;color:var(--text)}.info-body .info-lead{color:var(--text)}.info-body h4{margin:16px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.info-body ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.info-body li,.info-body p{color:var(--dim)}.info-body b{color:var(--text)}.pay-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}.pay-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:360px;max-width:100%}.pay-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:15px}.pay-body{padding:16px;color:var(--dim);font-size:14px;line-height:1.5}.pay-form{display:flex;flex-direction:column;gap:8px}.pay-form p{margin:0 0 6px}.pay-form label{color:var(--dim);font-size:12px;margin-top:6px}.pay-addr{display:flex;align-items:center;gap:8px}.pay-addr code{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px;font-size:12px;color:var(--text);overflow-wrap:anywhere}.pay-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:9px 10px;font-size:14px;width:100%}.pay-action{margin-top:10px;padding:11px;font-size:15px;font-weight:700;background:var(--up);color:#06281f;border:none;border-radius:8px;cursor:pointer}.pay-action:disabled{opacity:.45;cursor:not-allowed}.pay-ok{padding:0 16px 16px;color:var(--up);font-size:13px}.pay-err{padding:0 16px 16px;color:var(--down);font-size:13px}.admin-screen{min-height:100vh;display:flex;justify-content:center;padding:24px 16px;background:var(--bg)}.admin-box{width:100%;max-width:640px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;height:max-content}.admin-head{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;margin-bottom:14px}.admin-head a{text-decoration:none}.admin-msg{color:var(--dim);padding:20px 0}.admin-dim{color:var(--dim);font-size:12px}.admin-totp{display:flex;flex-direction:column;gap:8px}.admin-setup p{margin:0 0 8px;font-size:13px;color:var(--dim)}.admin-secret{font-family:monospace;font-size:16px;letter-spacing:2px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:10px;text-align:center;word-break:break-all;color:var(--accent)}.admin-queues h3{font-size:14px;margin:16px 0 8px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;flex-wrap:wrap}.admin-row-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-link{text-decoration:none}.admin-addr{font-family:monospace;font-size:11px;overflow-wrap:anywhere}.admin-actions{display:flex;gap:6px}.mini{padding:6px 10px;font-size:12px;font-weight:700;border:none;border-radius:6px;cursor:pointer;color:#06281f}.mini.up{background:var(--up)}.mini.down{background:var(--down);color:#fff}.admin-refresh{margin-top:12px}.admin-grant{display:flex;gap:8px;align-items:center}.admin-grant .pay-input{flex:1}.admin-grant .admin-amt{max-width:90px;flex:0 0 auto}header{background:#120a22b3;border-bottom:1px solid var(--border)}.right{border-left:1px solid var(--border);box-shadow:-8px 0 40px #c14bff1f inset}.risk,.live-risk div,.pos,.countdown,.history-pnl,.history-stats div{box-shadow:0 0 0 1px #c14bff1a}.bet-head,.live-head,.field-label{color:var(--cyan)!important;text-shadow:0 0 10px rgba(0,229,255,.45)}.live-card{border-color:var(--accent);box-shadow:0 0 26px #c14bff66,inset 0 0 24px #c14bff14}.wallet-btn{background:linear-gradient(135deg,#ffd60a29,#ff36c629);border-color:var(--gold)}.wallet-btn:hover{box-shadow:0 0 18px #ffd60a99;border-color:var(--gold)}.wallet-btn b{color:var(--gold)}.wallet-plus{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:16px;font-weight:800;line-height:1;color:#04201a;background:linear-gradient(135deg,#12c98a,#0bb3c0)}.how-btn{background:linear-gradient(135deg,var(--accent),var(--pink));color:#fff;border:none;font-weight:800;box-shadow:0 0 22px #ff36c680}.how-btn:hover{box-shadow:0 0 32px #ff36c6cc;transform:translateY(-1px)}.right-tabs button.active,.pay-tabs button.active{color:var(--cyan);border-bottom-color:var(--cyan)}.history-filter button.active{border-color:var(--gold);color:#0b0614;background:linear-gradient(135deg,var(--gold),var(--orange));box-shadow:0 0 12px #ffd60a99}.tag.buy{background:#1bff9b2e;color:var(--up);box-shadow:0 0 10px #1bff9b59}.tag.sell{background:#ff2d7e2e;color:var(--down);box-shadow:0 0 10px #ff2d7e59}.up{text-shadow:0 0 10px rgba(27,255,155,.45)}.down{text-shadow:0 0 10px rgba(255,45,126,.45)}.login-card{background:linear-gradient(160deg,#3a1f6e99,#0b0614d9);border:1px solid var(--accent);box-shadow:0 0 60px #c14bff73,inset 0 0 40px #00e5ff0f}.login-brand{font-size:34px;font-weight:800;letter-spacing:-.01em;background:linear-gradient(95deg,#ffd60a,#ff8a3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.google-btn,.guest-btn{font-weight:700}.guest-btn:hover{box-shadow:0 0 16px #00e5ff80;border-color:var(--cyan)}.login-card.landing{background:none;border:none;box-shadow:none;border-radius:0;max-width:640px;width:100%;padding:0;gap:22px;position:relative;z-index:1}.login-card.landing .login-sub{font-size:clamp(15px,2.4vw,20px);max-width:540px;margin:0 auto}.login-card.landing .join-btn{padding:22px;font-size:clamp(24px,5vw,34px)}.login-card.landing .login-brand{font-size:clamp(44px,11vw,88px);line-height:1}.login-card.landing .feature-pills span{font-size:13px;padding:8px 14px}.login-card.landing .login-badge{font-size:13px;padding:8px 18px}.login-card.landing .google-btn,.login-card.landing .guest-btn,.login-card.landing .test-login{width:320px;max-width:100%}.login-card.landing .google-btn{padding:15px 18px;font-size:16px;font-weight:700;border-radius:12px;box-shadow:0 0 24px #00e5ff80,0 0 2px #fff9}.login-card.landing .google-btn:hover{box-shadow:0 0 34px #00e5ffcc;transform:translateY(-1px)}.login-card.landing .guest-btn{background:transparent;border:1px solid var(--border);color:var(--dim);font-weight:600;box-shadow:none}.login-card.landing .guest-btn:hover{border-color:var(--dim);color:var(--text);box-shadow:none}.login-badge{align-self:center;font-size:12px;font-weight:900;letter-spacing:.12em;padding:6px 14px;border-radius:999px;color:var(--gold);background:#ffd60a14;border:1px solid rgba(255,214,10,.5);box-shadow:0 0 16px #ffd60a4d}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.feature-pills span{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;color:var(--text);background:#c14bff1f;border:1px solid rgba(193,75,255,.45)}.join-btn{width:100%;padding:17px;font-size:21px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#0b0614;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(100deg,#ffd60a,#ff8a3c);box-shadow:0 6px 20px #ff8a0047;transition:transform .1s ease,box-shadow .15s ease}.join-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #ff8a0066}.join-btn:disabled{opacity:.6;cursor:not-allowed}.lang-toggle{display:inline-flex;align-items:center;gap:4px;background:#c14bff1f;border:1px solid var(--accent);color:var(--dim);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;cursor:pointer}.lang-toggle .on{color:var(--gold)}.lang-toggle .sep{opacity:.5}.lang-toggle:hover{box-shadow:0 0 12px #c14bff80}.login-lang{position:absolute;top:16px;left:16px;z-index:3}.header-lang{order:-1}.login-stats{display:flex;gap:32px;justify-content:center}.login-stats div{display:flex;flex-direction:column;align-items:center;gap:2px}.login-stats b{font-size:clamp(22px,4.4vw,32px);font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.login-stats span{font-size:11px;letter-spacing:.1em;color:var(--dim)}.promo-banner{font-size:clamp(13px,2.4vw,16px);font-weight:700;color:var(--gold);padding:11px 18px;border-radius:10px;background:#ffd60a14;border:1px solid rgba(255,214,10,.35)}.login-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.login-guest-note{color:var(--dim);font-size:12px;margin-top:-10px}.login-card.landing .back-btn{align-self:flex-start}.login-brand.small{font-size:clamp(28px,6vw,42px)}.status-pill{display:flex;align-items:center;gap:8px;margin-left:auto;background:#21262d;border:1px solid var(--border);border-radius:999px;padding:6px 14px}.status-pill.live{border-color:var(--down);box-shadow:0 0 14px #ff2d7e59}.status-pill .status-mode{font-size:12px;font-weight:800;color:var(--dim);letter-spacing:.05em}.status-pill.live .status-mode{color:var(--down)}.status-pill b{font-variant-numeric:tabular-nums;color:var(--gold)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto}.dot.off{background:#2a2440;box-shadow:inset 0 0 3px #000000b3}.dot.red{background:#ff1a3c;box-shadow:0 0 6px 2px #ff1a3c,0 0 14px 4px #ff2d4fe6,0 0 26px 8px #ff2d4f8c;animation:red-pulse 1.2s ease-in-out infinite}@keyframes red-pulse{0%,to{box-shadow:0 0 6px 2px #ff1a3c,0 0 14px 4px #ff2d4fe6,0 0 26px 8px #ff2d4f80}50%{box-shadow:0 0 9px 3px #ff2846,0 0 22px 7px #ff2d4f,0 0 40px 12px #ff2d4fb3}}.settings-btn{color:var(--dim)}.settings-btn:hover{color:var(--accent);border-color:var(--accent)}.friends-btn{color:var(--dim)}.friends-btn:hover{color:var(--cyan);border-color:var(--cyan)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:flex-end;z-index:70}.settings-panel{width:380px;max-width:100%;height:100%;overflow-y:auto;background:linear-gradient(180deg,#190d2e,#0b0614);border-left:1px solid var(--accent);box-shadow:-10px 0 50px #c14bff40;display:flex;flex-direction:column}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);font-weight:800;font-size:16px;position:sticky;top:0;background:#190d2e;z-index:1}.settings-body{padding:8px 18px 28px;display:flex;flex-direction:column;gap:8px}.settings-body h4{margin:16px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.set-label{color:var(--dim);font-size:13px}.set-user{font-size:14px}.set-user-edit{display:inline-flex;align-items:center;gap:8px}.pencil-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;cursor:pointer;padding:0;background:#21262d;border:1px solid var(--border);color:var(--dim)}.pencil-btn:hover{border-color:var(--accent);color:var(--accent)}.edit-overlay{z-index:90}.set-note{color:var(--dim);font-size:12px;line-height:1.4}.mode-switch{display:flex;gap:8px}.mode-switch button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:#21262d;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px;cursor:pointer;font-weight:700}.mode-switch button small{color:var(--dim);font-weight:600;font-variant-numeric:tabular-nums}.mode-switch button.active{border-color:var(--accent);box-shadow:0 0 14px #c14bff66}.mode-switch button.active.live{border-color:var(--down);box-shadow:0 0 14px #ff2d7e80}.mode-switch button:disabled{opacity:.6;cursor:default}.set-actions{display:flex;flex-wrap:wrap;gap:8px}.set-btn{flex:1;min-width:100px;padding:11px;border-radius:9px;cursor:pointer;font-weight:700;color:#fff;border:none;background:linear-gradient(135deg,var(--accent),var(--pink))}.set-btn.ghost{background:transparent;border:1px solid var(--border);color:var(--dim)}.set-btn.ghost:hover{border-color:var(--accent);color:var(--text)}.logout-btn{margin-top:22px;background:transparent;border:1px solid var(--down);color:var(--down);display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn:hover{background:#ff2d7e1f}.code-chip{background:#ffd60a1a;border:1px dashed var(--gold);color:var(--gold);border-radius:8px;padding:6px 10px;font-family:monospace;font-size:13px;cursor:pointer}.friend-add{display:flex;gap:8px}.friend-add .pay-input{flex:1}.friend-add .set-btn{flex:0 0 auto;min-width:64px}.friend-row{border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.friend-main{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;flex-wrap:wrap}.friend-name{font-weight:700}.friend-main .up,.friend-main .down{font-variant-numeric:tabular-nums}.friend-actions{display:flex;gap:6px;margin-left:auto}.friend-hist{flex-basis:100%}.mini-btn.duel{background:linear-gradient(135deg,#6d28d9,#9333ea);color:#fff;border:none}.friend-challenge{flex-basis:100%;display:flex;flex-direction:column;gap:8px;margin-top:8px;border-top:1px solid var(--border);padding-top:8px}.mode-switch.sm button{padding:6px;font-size:12px;gap:4px}.mini-btn{background:#21262d;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer}.mini-btn.ghost{color:var(--dim)}.mini-btn:hover{border-color:var(--accent)}.mini-btn.accept{background:linear-gradient(135deg,var(--up),var(--cyan));color:#06281f;border:none;font-weight:800}.set-msg{color:var(--accent)}.whatsapp-note{margin-top:10px;font-size:12px;line-height:1.5;color:var(--dim);background:#25d36614;border:1px solid rgba(37,211,102,.4);border-radius:8px;padding:10px 12px}.whatsapp-note a{color:#25d366;font-weight:700;text-decoration:none}.whatsapp-note a:hover{text-decoration:underline}.friend-hist{margin-top:8px;border-top:1px solid var(--border);padding-top:6px;display:flex;flex-direction:column;gap:4px}.fh-row{display:flex;justify-content:space-between;font-size:12px}.req-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--down);color:#fff;font-size:11px;font-weight:800}.tick-btn{width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:900;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;background:#21262d}.tick-btn.accept{color:var(--up);border-color:#1bff9b80}.tick-btn.accept:hover{background:#1bff9b26}.tick-btn.reject{color:var(--down);border-color:#ff2d7e80}.tick-btn.reject:hover{background:#ff2d7e26}.set-referral{align-items:flex-start;flex-wrap:wrap;gap:6px}.ref-inline{flex:1 1 160px}.ref-inline .pay-input{flex:1}.ref-inline .set-btn{flex:0 0 auto;min-width:64px}.pay-action{background:linear-gradient(135deg,var(--up),var(--cyan));color:#06281f;box-shadow:0 0 18px #1bff9b80}.history-list::-webkit-scrollbar,.right::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-thumb,.right::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--pink));border-radius:8px}header{position:relative}.duel-btn{color:#fff;border:none;background:linear-gradient(135deg,#6d28d9,#9333ea)}.duel-btn:hover{color:#fff;box-shadow:0 0 0 2px #9333ea80}.challenge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.challenge-box{width:420px;max-width:100%;max-height:90vh;overflow-y:auto;background:linear-gradient(160deg,#190d2e,#0b0614);border:1px solid var(--accent);border-radius:14px;box-shadow:0 0 50px #c14bff66}.challenge-body{padding:16px 18px 22px;display:flex;flex-direction:column;gap:14px}.challenge-actions{display:flex;flex-direction:column;gap:10px}.challenge-actions .join-btn{font-size:20px;padding:16px}.howto-box{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px}.howto-box b{color:var(--accent)}.challenge-wait{padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.spinner{width:42px;height:42px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.match-code{font-size:38px;font-weight:900;letter-spacing:8px;color:var(--gold);text-shadow:0 0 16px rgba(255,214,10,.55)}.match-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:var(--bg);display:flex;flex-direction:column;padding:16px;gap:14px}.match-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:12px}.match-scores-center{flex:1;display:flex;align-items:baseline;justify-content:center;gap:12px;min-width:0}.match-timer{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--cyan)}.match-score{display:inline-flex;align-items:baseline;gap:6px;min-width:0}.match-score-label{font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.match-score b{font-size:18px;font-variant-numeric:tabular-nums}.match-vs{font-size:13px;font-weight:800;color:var(--dim)}.match-mode-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 10px;border-radius:999px;color:var(--dim);background:#21262d;border:1px solid var(--border)}.match-mode-badge.live{color:var(--down);border-color:var(--down)}.match-body{flex:1;display:flex;gap:16px;min-height:0}.match-chart{flex:1 1 auto;min-height:140px;display:flex;position:relative}.match-controls{width:320px;flex:0 0 320px;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;min-height:0;border-left:1px solid var(--border);padding-left:16px}.match-timer.starting{color:var(--gold)}.match-starting{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;text-align:center}.match-starting-big{font-size:40px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.match-trade{display:flex;flex-direction:column;gap:10px;align-items:center}.match-price{font-size:18px;font-weight:700;color:var(--gold)}.bet-card{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;max-width:340px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px}.bet-card.pending{border-color:var(--gold)}.bet-card.active{border-color:var(--accent)}.bet-stake{font-weight:700}.bet-status{font-size:11px;font-weight:800;letter-spacing:.05em}.bet-card.pending .bet-status{color:var(--gold)}.bet-card.active .bet-status{color:var(--accent)}.bet-countdown{margin-left:auto;color:var(--cyan);font-variant-numeric:tabular-nums}.match-stakes,.match-trade .buttons{width:100%;max-width:340px}.match-trade .queued{max-width:340px}.match-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:26px;text-align:center}.match-result-big{font-size:32px;font-weight:900}.match-leave{max-width:280px}.match-chat{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:10px}.match-chat-list{height:80px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-size:13px}.chat-from{color:var(--cyan);font-weight:700;margin-right:4px}.chat-row.me .chat-from{color:var(--accent)}.match-chat-input{display:flex;gap:8px}.match-chat-input .pay-input{flex:1}.chat-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--down);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.chart-timer,.chat-fab{display:none}.match-chat-panel{display:flex;flex-direction:column;flex:1;min-height:120px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.chat-popup-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);font-weight:700;font-size:14px}.match-chat-panel .chat-close{display:none}.match-chat-panel .match-chat-list{flex:1;height:auto;max-height:none;overflow-y:auto;padding:8px 12px}.match-chat-panel .match-chat-input{padding:8px 12px;border-top:1px solid var(--border)}@media (max-width: 760px){.app{height:auto;min-height:100vh}input,textarea,select{font-size:16px!important}header{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:10px 12px}.brand{flex-direction:column;align-items:flex-start;gap:0;order:1}.brand-name{font-size:18px}.brand .sym{font-size:12px}.header-right{order:2;margin-left:auto;width:auto;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:flex-end}.status-pill{order:3;flex-basis:100%;margin:6px 0 0}.status-pill b{margin-left:auto}.user-name{max-width:56px;font-size:12px}.icon-btn{width:30px;height:30px}main{flex-direction:column}.match-body{flex-direction:column}.match-controls{width:auto;flex:0 0 auto;border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:12px}.match-top .match-timer{display:none}.chart-timer{display:block;position:absolute;top:8px;left:8px;z-index:2;font-size:18px;font-weight:800;color:var(--cyan);font-variant-numeric:tabular-nums;background:#0b06148c;padding:2px 8px;border-radius:8px}.chart-timer.starting{color:var(--gold)}.chat-fab{display:flex;position:absolute;top:8px;right:8px;z-index:2;width:38px;height:38px;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent),#7c3aed);border:none;align-items:center;justify-content:center;box-shadow:0 4px 14px #7c3aed66}.match-chat-panel{display:none;position:fixed;left:12px;right:12px;bottom:12px;flex:none;max-height:55vh;z-index:90;background:var(--panel);border:1px solid var(--accent);border-radius:12px;box-shadow:0 12px 44px #0009}.match-chat-panel.open,.match-chat-panel .chat-close{display:flex}.match-chat-panel .match-chat-list{max-height:38vh}.left{padding:8px;height:46vh;flex:none}.right{width:100%;border-left:none;border-top:1px solid var(--border);padding:12px;overflow-y:visible}.live-pnl{font-size:34px}.live-timer .sub{display:none}.history-panel{width:100%}.buttons button{padding:16px;font-size:17px}.chip{min-width:52px;padding:10px 8px;font-size:14px}}