:root,[data-theme=dark]{--bg: #0a0e12;--bg2: #12181f;--panel: rgba(18, 24, 31, .92);--text: #eef2f6;--muted: #8b98a8;--line: rgba(255, 255, 255, .08);--accent: #3dde9a;--accent2: #ff5c5c;--gold: #f0c75e;--yes: #3dde9a;--no: #ff6b4a;--live: #ff3b5c;--topbar: rgba(8, 12, 16, .78);--overlay: rgba(0,0,0,.78);--font-display: "Bebas Neue", Impact, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--bg-grad: radial-gradient(1200px 600px at 10% -10%, rgba(61, 222, 154, .12), transparent 55%), radial-gradient(900px 500px at 100% 0%, rgba(240, 199, 94, .08), transparent 50%), linear-gradient(180deg, #0c1117 0%, #070a0d 40%, #0a0e12 100%)}[data-theme=light]{--bg: #f4f6f8;--bg2: #ffffff;--panel: rgba(255, 255, 255, .94);--text: #15202b;--muted: #5b6b7c;--line: rgba(15, 23, 32, .1);--accent: #0f9f6e;--accent2: #d64545;--gold: #b8860b;--yes: #0f9f6e;--no: #d64545;--live: #d11f45;--topbar: rgba(255, 255, 255, .88);--overlay: rgba(20, 28, 36, .55);--bg-grad: radial-gradient(1000px 500px at 10% -10%, rgba(15, 159, 110, .12), transparent 55%), radial-gradient(800px 400px at 100% 0%, rgba(184, 134, 11, .08), transparent 50%), linear-gradient(180deg, #eef2f5 0%, #f7f9fb 45%, #f4f6f8 100%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:var(--bg-grad);background-attachment:fixed;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}img{display:block}.app-shell{min-height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto;position:relative}.topbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--topbar);border-bottom:1px solid var(--line);padding:.75rem 1rem .5rem}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{font-family:var(--font-display);font-size:1.85rem;letter-spacing:.06em;line-height:1;background:linear-gradient(90deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.balance-pill{display:flex;flex-direction:column;align-items:flex-end;padding:.35rem .7rem;border:1px solid rgba(61,222,154,.35);background:#3dde9a14;border-radius:999px;min-width:96px}.balance-pill .label{font-size:.62rem;color:var(--muted);letter-spacing:.08em}.balance-pill .amt{font-weight:600;color:var(--accent);font-size:.95rem}.sport-scroll{display:flex;gap:.4rem;overflow-x:auto;padding:.65rem 0 .25rem;scrollbar-width:none}.sport-scroll::-webkit-scrollbar{display:none}.sport-chip{flex:0 0 auto;border:1px solid var(--line);background:transparent;color:var(--muted);padding:.35rem .7rem;border-radius:999px;font-size:.75rem;letter-spacing:.04em;transition:.2s ease}.sport-chip.active{color:#04110a;background:var(--accent);border-color:var(--accent);font-weight:600}.main{flex:1;padding:.75rem 1rem 5.5rem}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(520px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:.15rem;padding:.45rem .4rem calc(.45rem + env(safe-area-inset-bottom));background:#080c10eb;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50}.nav-btn{border:none;background:transparent;color:var(--muted);padding:.35rem .2rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.62rem;letter-spacing:.04em}.nav-btn.active{color:var(--accent)}.nav-btn .ico{font-size:1.05rem;line-height:1}.hero-splash{min-height:calc(100vh - 2rem);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 1.25rem 3rem;position:relative;overflow:hidden}.hero-splash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 20%,rgba(7,10,13,.55) 55%,rgba(7,10,13,.96) 100%),radial-gradient(ellipse at 50% 30%,rgba(61,222,154,.2),transparent 55%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:pulseGlow 6s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.85}}.hero-content{position:relative;z-index:1}.hero-brand{font-family:var(--font-display);font-size:clamp(4rem,18vw,5.5rem);letter-spacing:.08em;line-height:.9;margin:0 0 .75rem}.hero-sub{color:var(--muted);font-size:1rem;max-width:22rem;line-height:1.45;margin-bottom:1.5rem}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#04110a;border:none;padding:.9rem 1.4rem;border-radius:999px;font-weight:600;letter-spacing:.02em;animation:ctaBob 2.4s ease-in-out infinite}@keyframes ctaBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.disclaimer-box{width:min(480px,100%);background:var(--bg2);border:1px solid var(--line);border-radius:16px 16px 8px 8px;padding:1.25rem;max-height:min(85vh,85dvh);display:flex;flex-direction:column;min-height:0}.disclaimer-scroll{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1 1 auto;min-height:120px;max-height:42vh;color:var(--muted);font-size:.9rem;line-height:1.55;margin:.75rem 0;touch-action:pan-y}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:.25rem 0 .75rem}.section-head h2{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.05em;margin:0}.muted{color:var(--muted);font-size:.8rem}.market-card,.prop-tile,.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:.9rem;margin-bottom:.7rem;transition:border-color .2s,transform .2s}.market-card:hover{border-color:#3dde9a59}.market-card.live{box-shadow:0 0 0 1px #ff3b5c59,0 8px 28px #ff3b5c14;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 0 1px #ff3b5c40}50%{box-shadow:0 0 0 1px #ff3b5c8c,0 0 24px #ff3b5c1f}}.live-tag{display:inline-flex;align-items:center;gap:.3rem;color:var(--live);font-size:.68rem;font-weight:700;letter-spacing:.08em}.live-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--live);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.price-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.price-btn{border:1px solid var(--line);background:#ffffff08;color:var(--text);border-radius:12px;padding:.7rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;transition:.15s ease}.price-btn.yes:hover,.price-btn.yes.active{border-color:var(--yes);background:#3dde9a1f}.price-btn.no:hover,.price-btn.no.active{border-color:var(--no);background:#ff6b4a1f}.price-btn .side{font-size:.7rem;letter-spacing:.08em;color:var(--muted)}.price-btn .px{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.04em;transition:transform .25s ease,color .25s}.price-btn.tick .px{transform:scale(1.12);color:var(--gold)}.trade-sheet{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}.slider{width:100%;accent-color:var(--accent)}.primary-btn{width:100%;margin-top:.6rem;border:none;background:var(--accent);color:#04110a;font-weight:700;padding:.75rem;border-radius:12px}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.45rem .7rem;border-radius:999px;font-size:.75rem}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.prop-tile{margin:0;display:flex;flex-direction:column;gap:.45rem;min-height:150px}.prop-tile .line-num{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.04em}.more-less{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:auto}.ml-btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:8px;padding:.4rem;font-size:.72rem;font-weight:600;letter-spacing:.04em}.ml-btn.more.on{background:#3dde9a26;border-color:var(--yes);color:var(--yes)}.ml-btn.less.on{background:#ff6b4a26;border-color:var(--no);color:var(--no)}.slip-drawer{position:fixed;left:50%;transform:translate(-50%);bottom:calc(3.6rem + env(safe-area-inset-bottom));width:min(492px,calc(100% - 1rem));background:#10161d;border:1px solid rgba(61,222,154,.35);border-radius:14px;padding:.75rem;z-index:45;box-shadow:0 -12px 40px #00000073;animation:slideUp .28s ease}@keyframes slideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.9rem}.stat{background:#ffffff08;border:1px solid var(--line);border-radius:12px;padding:.7rem;text-align:center}.stat .n{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.04em}.stat .l{font-size:.65rem;color:var(--muted);letter-spacing:.06em}.activity-item{display:flex;justify-content:space-between;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:none}.challenge{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;border:1px solid rgba(240,199,94,.3);background:#f0c75e0f;margin-bottom:.9rem}.challenge .bar{flex:1;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.challenge .fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--accent));transition:width .4s ease}.win-burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;background:radial-gradient(circle at 50% 40%,rgba(61,222,154,.25),transparent 55%);animation:burst 1.1s ease forwards}@keyframes burst{0%{opacity:0}30%{opacity:1}to{opacity:0}}.empty{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.9rem}.sb-card{width:100%;text-align:left;border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:.7rem;margin-bottom:.5rem;color:var(--text);display:grid;grid-template-columns:1fr auto 1fr;gap:.4rem;align-items:center}.team-mini{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.team-mini img{width:22px;height:22px}.team-mini.right{flex-direction:row-reverse}.prob-track{height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden;margin:.35rem 0}.prob-fill{height:100%;background:linear-gradient(90deg,var(--accent),#8af0c4);transition:width .5s ease}.input{width:100%;background:#00000040;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:.65rem .75rem}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--bg2);border:1px solid var(--accent);color:var(--accent);padding:.55rem .9rem;border-radius:999px;z-index:300;font-size:.8rem;animation:slideUp .25s ease}.top-actions{display:flex;align-items:center;gap:.45rem}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);display:grid;place-items:center;font-size:1rem;position:relative}.cart-btn .cart-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:#04110a;font-size:.62rem;font-weight:700;display:grid;place-items:center;line-height:1}.ghost-btn.in-cart{border-color:var(--accent);color:var(--accent);opacity:.85}.row-card{display:flex;gap:.55rem;align-items:flex-start}.field-label{display:block;font-size:.7rem;letter-spacing:.06em;color:var(--muted);margin-bottom:.25rem}.ticket-preview{white-space:pre-wrap;font-size:.72rem;line-height:1.45;background:color-mix(in srgb,var(--text) 4%,transparent);border:1px solid var(--line);border-radius:10px;padding:.65rem .7rem;margin:0 0 .65rem;max-height:180px;overflow:auto;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.port-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.85rem}.port-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:10px;padding:.55rem;letter-spacing:.06em;font-size:.78rem}.port-tabs button.on{border-color:var(--accent);color:var(--accent)}.book-status{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .45rem;border-radius:6px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.book-status.open{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,var(--line))}.book-status.won{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.book-status.lost{color:var(--accent2);border-color:color-mix(in srgb,var(--accent2) 45%,var(--line))}.book-status.push{color:var(--muted)}.sheet-box{width:min(460px,100%);max-height:min(88vh,720px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 14px 14px;padding:1.1rem 1rem 1.15rem;animation:slideUp .28s ease}.sheet-box.tall{max-height:min(92vh,820px)}.sheet-title{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.06em;margin-bottom:.35rem}.interest-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin:.85rem 0 1rem}.interest-grid.compact{margin:.45rem 0 .75rem}.interest-chip{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:999px;padding:.45rem .75rem;font-size:.78rem;letter-spacing:.04em}.interest-chip.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.settings-block{margin-bottom:1rem}.settings-label{font-size:.7rem;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}.theme-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.theme-toggle button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;padding:.55rem;text-transform:capitalize}.theme-toggle button.on{border-color:var(--accent);color:var(--accent)}.helpline{display:inline-block;color:var(--accent);font-weight:700;font-size:1.15rem;text-decoration:none;letter-spacing:.04em}.subhead{font-size:.78rem;letter-spacing:.08em;color:var(--muted);margin:.85rem 0 .45rem}.report-card{border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;margin-bottom:.45rem;background:color-mix(in srgb,var(--text) 3%,transparent)}.top-bet{display:flex;gap:.65rem;align-items:flex-start}.top-bet-rank{font-family:var(--font-display);font-size:1.25rem;color:var(--gold);letter-spacing:.04em;min-width:2rem}[data-theme=light] .panel,[data-theme=light] .sb-card,[data-theme=light] .input{background:#ffffffb8}[data-theme=light] .prob-track{background:#0f172014}[data-theme=light] .toast{background:#fff}