*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px);--brand:#19f0dd;--on:#e9e6ef;--card: rgba(255,255,255,.05);--line: rgba(255,255,255,.16);--line-soft: rgba(255,255,255,.1);--slide-x: 0px}:root{-webkit-tap-highlight-color:transparent}body{margin:0;color:var(--on);font:16px/1.45 Inter,system-ui,-apple-system,SF Pro Text,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(900px 600px at 20% -10%,rgba(25,240,221,.1),transparent),linear-gradient(180deg,#0e001b,#1a002a 50%,#3d003f);overflow:hidden}img{display:block;max-width:100%;height:auto;object-fit:contain}.wrap{width:min(100svw,430px);height:100dvh;margin-inline:auto;padding:calc(8px + var(--safe-top)) 10px calc(8px + var(--safe-bot));display:flex;flex-direction:column;gap:8px;overflow:hidden}.header{display:flex;align-items:center;gap:8px}.brand-img{height:42px;width:auto}.wb.pill{margin-left:auto;padding:6px 8px;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.16);min-height:34px;line-height:1.05;font-size:14px;font-weight:800;max-width:56%}.card{background:linear-gradient(180deg,#ffffff09,#ffffff05);border-radius:16px;border:1px solid var(--line);box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:saturate(130%) blur(5px);backdrop-filter:saturate(130%) blur(5px)}.tabs{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px;flex-wrap:nowrap;min-height:86px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black 16px,black calc(100% - 16px),transparent 100%)}.tabs>*{flex:0 0 auto}.chip{position:relative;border:1px solid var(--line);background:radial-gradient(120% 120% at 50% 0%,#2a1737,#20122b 60%);box-shadow:inset 0 0 0 1px var(--line),inset 0 10px 14px #00000040;border-radius:14px;min-height:70px;min-width:84px;padding:6px 8px;display:flex;align-items:center;justify-content:center}:root{--ico:40px;--cap:50px;--cap-gap:-10px }.chip .ico{height:var(--ico);display:block;transform:translateY(-2px)}.chip .capimg{position:absolute;left:0;right:0;bottom:var(--cap-gap);height:var(--cap);margin-inline:auto;pointer-events:none}.post{flex:0 0 auto;margin-left:auto}.post{margin-left:auto;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;white-space:nowrap;border:1px solid rgba(255,84,138,.35);background:#ff548a1f;color:#ff548a;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.post .arr{width:24px;height:24px}.panel{padding:10px}.head{display:flex;justify-content:space-between;align-items:center}.title{font-weight:900;letter-spacing:.2px}.time{font-weight:900;display:flex;align-items:center;gap:6px}.ic-18{width:80px;height:24px}.ic-24{width:28px;height:28px}.badge{position:relative;width:min(52%,220px);aspect-ratio:1/1;margin:0 auto;display:flex;align-items:center;justify-content:center}.badge.top{margin-top:-115px;margin-bottom:-40px}.badge.btm{margin-top:-39px;margin-bottom:-90px}.badge img{width:100%;height:100%}.badge span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(20px,6vw,30px);color:#fff;text-shadow:0 0 6px rgba(0,0,0,.55)}.ibox{margin:0;padding:10px 10px 4px;border-radius:14px;background:#ffffff08;border:1px solid var(--line-soft);font-variant-numeric:tabular-nums}.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 0}.row+.row{border-top:1px solid rgba(255,255,255,.08)}.row3{grid-template-columns:1fr auto auto}.label{opacity:.92;display:flex;align-items:center;gap:8px}.value.big{font-size:clamp(20px,5.6vw,28px);font-weight:900;letter-spacing:.35px}.value.muted{opacity:.65}.ghost{opacity:.65;font-weight:700}.value.cap{padding:8px 10px;border-radius:12px;font-weight:800;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:inset 0 0 0 1px #ffffff1a}.usd{opacity:.9;margin-right:3px}.segments{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.seg{min-height:38px;padding:8px 0;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;font-weight:900}.seg.on{outline:1px solid var(--brand);background:#19f0dd14}.actions{display:flex;gap:8px;margin-top:8px}.btn{min-height:40px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--on);font-weight:900;letter-spacing:.2px;display:flex;align-items:center;gap:8px;flex:1;box-shadow:inset 0 0 0 1px #ffffff17}.btn.up{background:#2ad69d33}.btn.down{background:#ff3d6e33}.btn.on{outline:1px solid var(--brand);box-shadow:0 0 0 2px #19f0dd1a inset,inset 0 0 0 1px #ffffff17}.hint{margin-top:6px;font-size:12px;display:flex;align-items:center;gap:6px}.hint .muted{opacity:.75}.dots{display:flex;justify-content:center;gap:8px;margin:6px 0}.dots img{width:10px;height:10px}.foot{text-align:center;opacity:.6;font-size:12px;margin:0}.glow{filter:none}:root{--scale: 1;--offsetY: 0px }.viewport{position:relative;width:100%;height:100dvh;overflow:hidden}.stage{width:min(100svw,430px);margin:0 auto;transform-origin:top center;transform:translate3d(0,var(--offsetY),0) scale(var(--scale));will-change:transform}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center}.sheet{width:min(92svw,380px);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 34px #00000073,inset 0 1px #ffffff1a;color:var(--on)}.sheet .sh-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:900;letter-spacing:.2px}.sheet .sh-body{padding:12px 14px;display:grid;gap:12px}.tabs-mini{display:flex;gap:8px}.tab-mini{flex:1;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;font-weight:800;text-align:center}.tab-mini.on{outline:1px solid var(--brand);background:#19f0dd14}.field{display:grid;gap:6px}.field label{opacity:.9;font-weight:700}.input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#ffffff0f;padding:10px 12px}.input input{flex:1;background:transparent;border:0;outline:0;color:var(--on);font-weight:800;font-size:16px;width:100%}.chips-mini{display:flex;gap:8px;flex-wrap:wrap}.chips-mini button{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff0f;font-weight:800}.note{opacity:.7;font-size:12.5px}.sh-actions{display:flex;gap:10px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}.sh-actions .btn{flex:1;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--on);font-weight:900}.sh-actions .btn.ok{outline:1px solid var(--brand);background:#19f0dd1a}.err{color:#ff6b8a;font-weight:800;font-size:13px}.close-x{border:1px solid var(--line);border-radius:10px;width:34px;height:34px;background:#ffffff0f;font-weight:900}.swipe{touch-action:pan-y}.badge span{transform:translate(var(--badge-tx, 0px),var(--badge-ty, 0px))}.badge.dim{opacity:.35}.nav-wrap{position:relative;overflow:hidden}.swipe-inner{transform:translate(var(--slide-x, 0px));will-change:transform}.swipe-inner.snapping{transition:transform .18s ease}.round-id{opacity:.85;font-weight:800}.inline-bet{display:grid;gap:10px;margin:8px 0}.inline-bet .betline{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:#ffffff0f;border-radius:12px;padding:10px 12px}.inline-bet .betline input{background:transparent;border:0;outline:0;color:var(--on);font-weight:800;font-size:16px;width:100%}.inline-bet .muted{opacity:.8;font-weight:800;white-space:nowrap}.inline-bet .bet-quick{display:flex;gap:8px}.inline-bet .bet-quick button{flex:1;padding:8px 0;border-radius:10px;border:1px solid var(--line);background:#ffffff0f;font-weight:800}.inline-bet .bet-actions{display:flex;gap:10px}.inline-bet .note.center{text-align:center;font-weight:800}.inline-bet{padding:10px;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;display:grid;gap:10px}.inline-bet .betline{display:grid;gap:6px}.inline-bet .betline input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--on);font-weight:800;font-size:16px;outline:0}.inline-bet .bet-quick{display:flex;gap:8px;flex-wrap:wrap}.inline-bet .bet-quick button{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#ffffff0f;font-weight:800;color:var(--on)}.inline-bet .bet-actions{display:flex;gap:8px}.confirm-card{margin:4px auto;padding:12px;border-radius:16px;border:1.5px solid rgba(162,120,255,.7);background:#ffffff0d;box-shadow:0 10px 26px #00000040;display:grid;gap:10px;width:100%}.confirm-card .rowline{display:flex;justify-content:space-between;gap:8px;opacity:.92}.chip-enter{margin:0 auto;padding:8px 14px;border-radius:14px;font-weight:900;color:#fff}.chip-enter.up{background:#2ad69dd9}.chip-enter.down{background:#ff3d6ed9}.note.center{text-align:center}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px) saturate(120%);backdrop-filter:blur(2px) saturate(120%);background:#00000047;border-radius:inherit}.overlay-msg{padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff14;font-weight:900;letter-spacing:.2px}.delta-chip{font-weight:600;font-size:12px;padding:2px 6px;border-radius:6px;background:#ffffff14;display:inline-block;margin-left:8px}.delta-chip.pos{background:#00b40026;color:#00c853}.delta-chip.neg{background:#dc000026;color:#ff5252}.wallet-icon-btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:6px;border:0;border-radius:10px;background:transparent;cursor:pointer}.wallet-icon-btn.needs-connect{outline:2px dashed rgba(255,255,255,.25)}.wallet-icon{width:28px;height:28px;display:block}.wallet-icon-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:12px}.wallet-icon-btn{position:relative}.wallet-icon-btn:after{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#e13a3a;display:none}.wallet-icon-btn.needs-connect:after{display:block}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;animation:backfade .18s ease-out;background:radial-gradient(60% 60% at 50% 30%,rgba(25,240,221,.08),transparent),#0000008c;-webkit-backdrop-filter:blur(3px) saturate(120%);backdrop-filter:blur(3px) saturate(120%)}@keyframes backfade{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:min(92svw,420px);border-radius:16px;padding:16px;color:#e9e6ef;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--line);box-shadow:0 14px 44px #0000008c,inset 0 1px #ffffff1a;overflow:hidden}.modal-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,rgba(25,240,221,.25),transparent 40%,rgba(255,84,138,.2));mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);padding:1px;opacity:.65}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-title{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.3px}.modal-title .dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#19f0dd,#3d79ff);box-shadow:0 0 12px #19f0dd99}.modal-close{border:1px solid var(--line);background:#ffffff0f;width:34px;height:34px;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,background .12s ease}.modal-close:hover{transform:translateY(-1px);background:#ffffff1a}.profile-row{display:flex;gap:12px;align-items:center;margin:12px 0 6px}.avatar{width:52px;height:52px;border-radius:50%;background:#1b2140;overflow:hidden;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-fallback{color:#9db0ff;font-weight:800}.profile-meta{display:grid;gap:2px}.profile-meta .profile-name{font-weight:800;letter-spacing:.2px}.profile-meta .profile-username{color:#9aa3b2;font-size:12.5px}.wallet-stats{margin:12px 0;display:grid;gap:8px;padding:10px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a}.stat-row{display:flex;align-items:center;justify-content:space-between;font-weight:800}.stat-row span{color:#9aa3b2;font-weight:700}.stat-row strong{font-variant-numeric:tabular-nums}.wallet-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.wallet-actions .btn{border:none;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:900;letter-spacing:.2px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.wallet-actions .btn.primary{background:linear-gradient(180deg,#2c6ffd,#2c6ffdd9);color:#fff;box-shadow:0 6px 18px #2c6ffd59}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2c6ffd73}.wallet-actions .btn.ghost{background:#ffffff0f;color:#fff;border:1px solid var(--line)}.wallet-actions .btn.ghost:hover{background:#ffffff1a}html,body{margin:0;padding:0;height:100%;background:#0e001b}body{overscroll-behavior:none;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none}.viewport{width:100vw;height:100dvh;background:linear-gradient(180deg,#0e001b,#1a002a 50%,#3d003f);position:relative;overflow:hidden}.blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:auto;display:grid;place-items:center;font-family:inherit}.blocker-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.blocker-card{position:relative;width:min(92vw,520px);background:#0d0f12;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 30px #00000059;padding:22px 18px;text-align:center}.blocker-card h3{margin:0 0 6px;font-size:20px;letter-spacing:.2px}.blocker-text{margin:0 0 14px;opacity:.9;line-height:1.38}.blocker-btn{display:block;width:100%;margin:8px 0;padding:12px 14px;border-radius:10px;border:1px solid transparent;font-weight:600;text-decoration:none;cursor:pointer}.blocker-btn.primary{background:#22c55e;color:#0a0a0a}.blocker-btn.ghost{background:transparent;color:#e5e7eb;border-color:#ffffff2e}.blocker-note{margin-top:8px;font-size:12px;opacity:.7}body.tg-blocked .viewport,body.tg-blocked .stage,body.tg-blocked .wrap{pointer-events:none}.blocker,.blocker *{pointer-events:auto}button:focus-visible,[role=button]:focus-visible,a:focus-visible,.chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:10px}.tabs{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px;flex-wrap:nowrap;min-height:86px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:none;mask:none}.tabs::-webkit-scrollbar{display:none}.tabs:before,.tabs:after{content:"";position:absolute;top:0;bottom:0;width:16px;pointer-events:none}.tabs:before{left:0;background:linear-gradient(to right,#0f0a14,#0f0a1400)}.tabs:after{right:0;background:linear-gradient(to left,#0f0a14,#0f0a1400)}.card,.panel,.content,.content-card{-webkit-mask:none!important;mask:none!important}.chip.soon{position:relative;opacity:.6;cursor:not-allowed;pointer-events:none}.chip.soon .soon-tag{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);font-size:10px;line-height:1;font-weight:800;letter-spacing:.6px;padding:3px 8px;border-radius:999px;background:#ffffff14;border:1px solid var(--line);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-transform:uppercase}
