@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#070b12;--bg-elevated:#0f1520;--bg-card:#141c2b;--bg-hover:#1a2438;--border:#243044;--border-soft:#1a2330;--text:#f0f4f8;--muted:#8b9cb3;--green:#22c55e;--green-dim:#14532d;--red:#ef4444;--red-dim:#450a0a;--amber:#f59e0b;--blue:#3b82f6;--purple:#a855f7;--radius:12px;--radius-sm:8px;--shadow:0 8px 32px #0006;--header-h:56px;--nav-h:64px;color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh}.muted{color:var(--muted);font-size:.875rem}.green{color:var(--green)}.red{color:var(--red)}.btn-primary{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:transform .15s,opacity .15s}.btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%}.btn-ghost{border:1px solid var(--border);color:var(--blue);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:100%;margin-top:.75rem;padding:.65rem 1rem;font-weight:500}.paper-badge{background:var(--green-dim);color:var(--green);text-transform:uppercase;letter-spacing:.04em;border:1px solid #166534;border-radius:999px;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.paper-badge.sm{padding:.15rem .5rem;font-size:.62rem}.logo-mark{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:800;display:grid}.logo-mark.sm{border-radius:8px;width:32px;height:32px;font-size:.75rem}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=768px){.login-page{grid-template-columns:1fr}.login-hero{min-height:auto!important;padding:2rem 1.5rem!important}}.login-hero{background:linear-gradient(160deg,#0f172a 0%,#1e1b4b 50%,#0f1520 100%);flex-direction:column;justify-content:center;gap:2rem;min-height:100vh;padding:3rem;display:flex}.login-brand h1{margin:1rem 0 .5rem;font-size:2rem;font-weight:800}.tagline{color:var(--muted);font-size:1.05rem}.login-features{color:#cbd5e1;flex-direction:column;gap:.65rem;font-size:.95rem;list-style:none;display:flex}.login-form-wrap{background:var(--bg);place-items:center;padding:2rem;display:grid}.login-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:min(400px,100%);box-shadow:var(--shadow);flex-direction:column;gap:1rem;padding:2rem;display:flex}.login-form-card h2{font-size:1.35rem}.login-form-card label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:500;display:flex}.login-form-card input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.75rem;font-size:1rem}.form-error{color:var(--red);font-size:.85rem}.login-foot{text-align:center;margin-top:.5rem;font-size:.75rem}.app-shell{min-height:100vh;padding-bottom:calc(var(--nav-h) + 32px);flex-direction:column;display:flex}.app-header{z-index:100;height:var(--header-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);background:#070b12eb;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.65rem;display:flex}.brand-btn{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;display:flex}.brand-name{font-size:1.05rem;font-weight:700}.header-wallet{align-items:center;gap:.75rem;font-size:.85rem;display:flex}.wallet-label{color:var(--muted);display:none}@media (width>=640px){.wallet-label{display:inline}}.pnl-chip{border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.pnl-chip.pos{background:var(--green-dim);color:var(--green)}.pnl-chip.neg{background:var(--red-dim);color:var(--red)}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1rem}.match-hero{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#141c2b,#1a1040);margin-bottom:1.25rem;padding:1.5rem}.hero-live{color:var(--green);text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:inline-flex}.pulse{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.match-hero h1{margin-bottom:.35rem;font-size:1.35rem;font-weight:700;line-height:1.3}.hero-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.25rem;display:grid}.hero-stats div{border-radius:var(--radius-sm);text-align:center;background:#00000040;padding:.75rem}.hero-stats span{color:var(--muted);margin-bottom:.25rem;font-size:.72rem;display:block}.hero-stats strong{color:var(--blue);font-size:1.25rem}.cat-tabs{gap:.5rem;margin-bottom:1.25rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.cat-tabs button{background:var(--bg-card);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:500}.cat-tabs button.active{background:var(--blue);border-color:var(--blue);color:#fff}.market-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.market-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:.65rem;padding:1.15rem;transition:border-color .15s,transform .15s;display:flex}.market-card:hover{border-color:var(--blue);transform:translateY(-2px)}.market-card-top{align-items:center;gap:.5rem;display:flex}.market-cat{text-transform:uppercase;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.cat-result{color:var(--blue);background:#1e3a5f}.cat-matrix{color:var(--purple);background:#3b0764}.cat-live{background:var(--green-dim);color:var(--green)}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse}.market-vol{color:var(--muted);margin-left:auto;font-size:.72rem}.market-name{font-size:1rem;font-weight:600;line-height:1.35}.market-ticker{color:var(--muted);font-family:ui-monospace,monospace;font-size:.72rem}.market-prices{align-items:center;gap:.5rem;margin:.25rem 0;display:flex}.price-block{text-align:center;border-radius:var(--radius-sm);flex:1;padding:.65rem}.price-block.yes{background:#22c55e1a;border:1px solid #22c55e40}.price-block.no{background:#ef444414;border:1px solid #ef444433}.price-label{color:var(--muted);margin-bottom:.15rem;font-size:.68rem;display:block}.price-value{font-size:1.35rem;font-weight:800}.price-block.yes .price-value{color:var(--green)}.price-block.no .price-value{color:var(--red)}.price-divider{background:var(--border);width:1px;height:32px}.market-cta{background:var(--bg-hover);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;margin-top:auto;padding:.6rem;font-weight:600}.market-cta:hover{background:var(--blue);border-color:var(--blue)}.back-btn{color:var(--blue);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:.9rem}.detail-head h1{margin:.5rem 0;font-size:1.5rem}.detail-prices{grid-template-columns:1fr 1fr;gap:.75rem;margin:1.25rem 0;display:grid}.detail-price{border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--bg-card);color:var(--text);padding:1.25rem;transition:transform .15s}.detail-price:hover{transform:scale(1.02)}.detail-price.yes{border-color:#22c55e66}.detail-price.no{border-color:#ef444459}.detail-price span{color:var(--muted);font-size:.8rem;display:block}.detail-price strong{margin:.35rem 0;font-size:2rem;font-weight:800;display:block}.detail-price.yes strong{color:var(--green)}.detail-price.no strong{color:var(--red)}.detail-price small{color:var(--muted);font-size:.75rem}.detail-meta{grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:1.25rem;display:grid}@media (width>=640px){.detail-meta{grid-template-columns:repeat(4,1fr)}}.detail-meta div{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.75rem}.detail-meta label{color:var(--muted);text-transform:uppercase;font-size:.68rem;display:block}.detail-meta span{font-size:.95rem;font-weight:600}.status-open{color:var(--green);text-transform:capitalize}.matrix-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.25rem}.matrix-summary-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.matrix-summary h3{margin-bottom:.25rem;font-size:1rem}.matrix-score{text-align:right}.score-num{color:var(--purple);font-size:1.5rem;font-weight:800;display:block}.matrix-preview{flex-direction:column;gap:.35rem;list-style:none;display:flex}.matrix-preview li{background:var(--bg);border-radius:6px;grid-template-columns:28px 1fr auto;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.82rem;display:grid}.matrix-id{color:var(--muted);font-weight:600}.matrix-pick{color:var(--blue);white-space:nowrap;text-overflow:ellipsis;background:#1e3a5f;border-radius:4px;max-width:120px;padding:.15rem .45rem;font-size:.72rem;font-weight:600;overflow:hidden}.matrix-foot{margin-top:.75rem;font-size:.75rem}.orderbook-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.25rem}.orderbook-panel h4{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem}.ob-grid{grid-template-columns:1fr auto 1fr;align-items:start;gap:.75rem;display:grid}.ob-head{color:var(--muted);margin-bottom:.5rem;font-size:.68rem;font-weight:600;display:block}.ob-row{border-radius:4px;justify-content:space-between;padding:.35rem .5rem;font-family:ui-monospace,monospace;font-size:.82rem;display:flex;position:relative;overflow:hidden}.ob-row.ask{color:var(--red)}.ob-row.bid{color:var(--green)}.ob-bar{opacity:.12;z-index:0;position:absolute;top:0;bottom:0;right:0}.ask-bar{background:var(--red)}.bid-bar{background:var(--green)}.ob-spread{text-align:center;color:var(--muted);padding-top:1.5rem;font-size:.75rem}.ob-spread strong{color:var(--text);margin-top:.25rem;font-size:1rem;display:block}.betslip-backdrop{z-index:200;background:#0009;position:fixed;inset:0}.betslip{z-index:201;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;gap:1rem;padding:1.25rem;display:flex;position:fixed;overflow-y:auto}@media (width<=768px){.betslip{left:0;right:0;bottom:var(--nav-h);border-radius:var(--radius) var(--radius) 0 0;max-height:85vh}}@media (width>=769px){.betslip{top:var(--header-h);border-left:1px solid var(--border);border-radius:0;width:380px;bottom:0;right:0}.betslip-backdrop{display:none}}.betslip-head{justify-content:space-between;align-items:center;display:flex}.betslip-head h2{font-size:1.15rem}.icon-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;width:32px;height:32px}.betslip-market .betslip-ticker{color:var(--blue);font-family:monospace;font-size:.72rem}.betslip-market p{margin-top:.25rem;font-weight:600}.side-pills{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.side-pills button{border:1px solid var(--border);background:var(--bg-card);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;padding:.65rem;font-size:.82rem;font-weight:600}.side-pills button.active.yes{background:var(--green-dim);border-color:var(--green);color:var(--green)}.side-pills button.active.no{background:var(--red-dim);border-color:var(--red);color:var(--red)}.betslip-field label{color:var(--muted);margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.price-input-row{align-items:center;gap:.75rem;display:flex}.price-input-row input[type=range]{accent-color:var(--blue);flex:1}.price-badge{background:var(--blue);color:#fff;text-align:center;border-radius:6px;min-width:52px;padding:.35rem .65rem;font-weight:700}.quick-stakes{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.quick-stakes button{border:1px solid var(--border);background:var(--bg-card);min-width:60px;color:var(--muted);cursor:pointer;border-radius:6px;flex:1;padding:.45rem;font-size:.8rem;font-weight:600}.quick-stakes button.active{border-color:var(--blue);color:var(--blue);background:#1e3a5f}.stake-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);padding:.75rem;font-size:1.1rem;font-weight:600}.betslip-summary{background:var(--bg-card);border-radius:var(--radius-sm);flex-direction:column;gap:.5rem;padding:.85rem;font-size:.85rem;display:flex}.betslip-summary div{justify-content:space-between;display:flex}.betslip-msg{font-size:.85rem}.betslip-msg.ok{color:var(--green)}.betslip-msg.err{color:var(--red)}.betslip-disclaimer{color:var(--muted);text-align:center;font-size:.68rem;line-height:1.4}.portfolio-page h1,.activity-page h1{margin-bottom:1.25rem;font-size:1.35rem}.portfolio-summary{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem}.summary-card span{color:var(--muted);margin-bottom:.35rem;font-size:.75rem;display:block}.summary-card strong{font-size:1.35rem}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--border-soft);padding:.75rem 1rem}th{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.empty-state{text-align:center;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);padding:3rem 1.5rem}.empty-state p{color:var(--muted);margin-bottom:1rem}.bottom-nav{height:var(--nav-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:150;background:#0f1520f2;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.35rem;font-size:.68rem;font-weight:500;display:flex}.bottom-nav button.active{color:var(--blue)}.bottom-nav button.accent{color:var(--green);font-weight:700}.nav-icon{font-size:1.1rem}.mobile-only{margin-top:1rem;display:block}@media (width>=769px){.mobile-only{display:none}.app-shell{padding-bottom:28px}.bottom-nav{display:none}}.app-foot{text-align:center;color:var(--muted);padding:.75rem;font-size:.68rem}@media (width>=769px){.app-shell{padding-right:380px}}