:root{color-scheme:light;--bg: #ffffff;--tint: #f4f8f7;--ink: #1e3236;--muted: #5c6f6f;--line: #e2eae7;--accent: #fca43c;--accent-dark: #e8901f;--accent-ink: #27393b;--accent-soft: #fdf0dc;--warm-text: #8a5208;--teal: #4d6666;--teal-strong: #567070;--teal-soft: #e9f0ef;--chart: #0f8f85;--footer: #27393b;--good: #1f7a5c;--good-soft: #e0f3ec;--bad: #b3362b;--bad-soft: #fbe9e7;--font-head: "Plus Jakarta Sans", "Avenir Next", sans-serif;--font-body: "Inter", "Helvetica Neue", sans-serif;--radius: 18px;--shadow: 0 14px 40px -18px rgba(15, 33, 55, .18);--btn-shadow: 0 10px 24px -12px rgba(232, 144, 31, .6);--nav-height: 72px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-head);color:var(--ink)}h2{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}p{margin:0}a{color:inherit}ul,ol{list-style:none;margin:0;padding:0}dl,dd{margin:0}.container{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}.small{font-size:.85rem}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.error-text{color:var(--bad)}.eyebrow{font-family:var(--font-head);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border:1px solid transparent;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:700 .92rem var(--font-head);text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:var(--btn-shadow);transition:transform .15s,background .15s}.btn:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px)}.btn.ghost{background:#ffffffbf;border-color:#0f213733;color:var(--ink);box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--tint)}.btn.wide,.wide-cta .btn{width:100%;padding:14px;font-size:1rem}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}.link-button{padding:0;border:0;background:none;color:var(--accent-dark);font:600 .85rem var(--font-body);cursor:pointer}.more,.more-button{padding:0;border:0;background:none;color:var(--teal);font:600 .85rem var(--font-body);text-decoration:none;cursor:pointer}.more:hover,.more-button:hover{color:var(--ink)}.more-button{justify-self:start;margin-top:12px}.nav{position:sticky;top:0;z-index:20;background:#ffffffe0;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:28px;min-height:var(--nav-height)}.nav-inner>a{text-decoration:none}.logo{display:inline-flex;align-items:center;gap:10px;font:500 1.15rem var(--font-head);letter-spacing:-.02em}.logo b{font-weight:800}.nav-tabs{display:flex;gap:2px;margin-right:auto}.nav-tab{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;color:var(--muted);font-size:.92rem;font-weight:600;text-decoration:none}.nav-tab:hover{color:var(--ink)}.nav-tab[aria-current=page]{background:var(--teal-soft);color:var(--ink)}.badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.7rem;font-weight:800}.nav-right{display:flex;align-items:center;gap:14px;margin-left:auto}.live{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.8rem;font-weight:600;white-space:nowrap;cursor:default}.live.stale{color:var(--warm-text)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--good)}.live.stale .live-dot{background:var(--accent-dark)}.live-dot.pulse{animation:pulse 1s ease-in-out infinite}.wallet-chip{display:flex;align-items:center;gap:9px;padding:4px 15px 4px 5px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}.wallet-chip strong{font:700 .88rem var(--font-head);white-space:nowrap}.wallet-chip .avatar{width:28px;height:28px}.avatar{flex:none;width:34px;height:34px;border-radius:50%}.menu-wrap{position:relative}.wide-cta .menu-wrap{width:100%}.menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;gap:2px;min-width:230px;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -18px #0f213766;animation:rise .15s ease-out}.menu.up{top:auto;bottom:calc(100% + 8px);left:0}.menu-item{display:grid;padding:9px 12px;border:0;border-radius:9px;background:none;color:var(--ink);font:inherit;line-height:1.3;text-align:left;text-decoration:none;cursor:pointer}.menu-item:hover,.menu-item:focus-visible{background:var(--tint)}.menu-item strong{font:700 .92rem var(--font-head)}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.view{position:relative;padding-bottom:72px}.view>.stack{position:relative;padding-top:36px}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.page-title{margin:8px 0 0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdfc 70%,#fff)}.waves{position:absolute;inset:0;width:100%;height:100%}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 88% 18%,rgba(127,168,164,.24),transparent 70%),radial-gradient(38% 42% at 6% 50%,rgba(252,164,60,.08),transparent 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center;padding-top:56px;padding-bottom:72px}h1{margin:16px 0 20px;font-size:clamp(2.3rem,5vw,3.6rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}h1 em{font-style:normal;color:var(--accent-dark)}.lede{max-width:33em;font-size:1.1rem;color:var(--muted)}.checks{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;font-size:.9rem;font-weight:500;color:var(--teal)}.checks li{position:relative;padding-left:24px}.checks li:before{content:"✓";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.65rem;font-weight:800;line-height:16px;text-align:center}.new-match{padding:24px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.new-match h2{font-size:1.3rem}.label{margin:18px 0 8px;font-size:.82rem;font-weight:600;color:var(--teal)}.moves{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.move{display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 4px;border:1.5px solid var(--line);border-radius:13px;background:var(--bg);color:var(--ink);font:600 .88rem var(--font-head);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.move:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.move.selected{border-color:var(--accent-dark);background:var(--accent-soft)}.move-icon{font-size:1.7rem;line-height:1.2}.wager{display:grid;gap:8px}.input-wrap{position:relative}.input-wrap span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.85rem}input{width:100%;padding:11px 70px 11px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:600 1rem var(--font-body)}input:focus{outline:none;border-color:var(--accent-dark)}.presets{display:flex;gap:6px}.chip{flex:1;padding:6px 0;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--teal);font:600 .82rem var(--font-body);cursor:pointer}.chip.selected{background:var(--teal-soft);border-color:var(--teal-strong);color:var(--ink)}.pot-line{display:flex;justify-content:space-between;align-items:center;margin:16px 0;padding:11px 14px;border-radius:12px;background:var(--tint);font-size:.9rem;color:var(--muted)}.pot-line strong{font:700 1.02rem var(--font-head);color:var(--ink)}.hint{min-height:1.3em;margin-top:8px;color:var(--muted);text-align:center}.your-matches{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:-40px}.your-head{display:flex;align-items:center;gap:14px}.your-head h2{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.pill{padding:3px 11px;border-radius:999px;background:var(--teal-soft);color:var(--teal);font-size:.78rem;font-weight:600;white-space:nowrap}.pill.attention{padding:5px 13px;background:var(--accent);color:var(--accent-ink);font-size:.82rem;font-weight:700}.match-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.match-card{display:grid;grid-template-columns:minmax(0,1fr) 250px 130px 190px;grid-template-areas:"text versus stats action";align-items:center;gap:28px;padding:26px 28px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.match-card.urgent{background:var(--footer);border-color:var(--footer);color:#fff;box-shadow:0 26px 56px -24px #1e3236bf}.match-card.ring{animation:ring 2s ease-out}.match-text{grid-area:text}.match-eyebrow{font:700 .74rem var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.match-card h3{margin-top:4px;font-size:1.4rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.match-help{margin-top:6px;font-size:.9rem;color:var(--muted)}.match-card.urgent .match-eyebrow{color:var(--accent)}.match-card.urgent h3{color:#fff}.match-card.urgent .match-help{color:#c9d6d4}.versus{grid-area:versus;display:flex;align-items:center;justify-content:center;gap:8px}.vs{font:700 .76rem var(--font-head);text-transform:uppercase;color:var(--muted)}.match-card.urgent .vs{color:#93a8a6}.tile{display:grid;justify-items:center;width:104px;padding:10px 6px;border-radius:13px;background:var(--tint);line-height:1.25}.tile strong{font:700 .86rem var(--font-head)}.tile-label{font-size:.72rem;color:var(--muted)}.tile-icon{font-size:1.7rem;line-height:1.3}.match-card.urgent .tile{background:#ffffff17}.match-card.urgent .tile-label{color:#c9d6d4}.match-stats{grid-area:stats;display:grid;gap:8px}.match-stats dt{font-size:.74rem;color:var(--muted)}.match-stats dd{font:800 1.35rem/1.2 var(--font-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.match-stats small{font-size:.78rem;font-weight:600;letter-spacing:0}.match-card.urgent .match-stats dt{color:#c9d6d4}.match-action{grid-area:action;display:grid;justify-items:stretch}.match-action .btn{padding:14px 12px;font-size:.98rem}.waiting{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--muted)}.countdown{font-variant-numeric:tabular-nums}.countdown.urgent{color:var(--bad)}.match-card.urgent .countdown.urgent{color:#ffb4a8}.play-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:44px}.hero+.play-grid{margin-top:8px}.play-side{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.count{margin-left:4px;font-weight:600;color:var(--muted)}.row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.row-main{display:grid;flex:1;min-width:0;line-height:1.3;font-weight:600}.row-stake{display:grid;text-align:right;line-height:1.3}.row-stake strong{font:700 .98rem var(--font-head);white-space:nowrap}.join-panel{flex:1 1 100%;display:grid;gap:8px;padding:12px;border-radius:13px;background:var(--tint);animation:rise .2s ease-out}.result-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:.92rem}.result-main{display:grid;min-width:0;line-height:1.35}.result{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.result.win{background:var(--good-soft);color:var(--good)}.result.loss{background:var(--bad-soft);color:var(--bad)}.result.draw,.result.refund{background:var(--teal-soft);color:var(--teal)}@keyframes flash{0%{background-color:var(--accent-soft)}to{background-color:transparent}}@keyframes ring{0%{outline:4px solid var(--accent)}to{outline:4px solid transparent}}.flash{animation:flash 2s ease-out}.panel{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:22px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.checklist{display:grid;gap:10px;font-size:.92rem}.checklist li{display:flex;align-items:center;gap:10px}.checklist li.done{color:var(--muted)}.checklist a{color:var(--ink);font-weight:600}.check-dot{flex:none;width:20px;height:20px;border:1.5px solid var(--line);border-radius:50%;font-size:.68rem;font-weight:800;line-height:17px;text-align:center}.done .check-dot{border-color:var(--teal-strong);background:var(--teal-strong);color:#fff}.note{padding:10px 12px;border-radius:10px;background:var(--tint);color:var(--teal)}.band{display:grid;gap:14px;padding:22px 24px;border-radius:var(--radius);background:var(--tint)}.band.accent{background:var(--accent-soft)}.band-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.metric{display:grid;align-content:start}.metric-label{font-size:.8rem;font-weight:600;color:var(--teal)}.metric-value{font:800 1.5rem/1.3 var(--font-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.metric-value small{font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:0}.metric-skeleton{width:60%;height:30px}.form{display:flex;gap:5px}.form .result{width:26px;padding:2px 0;text-align:center}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start;padding:24px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.you{margin-left:7px;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--warm-text);font:700 .68rem var(--font-body);vertical-align:1px}.leaders{display:grid;gap:12px}.leaders li{display:flex;align-items:center;gap:10px}.rank{width:14px;font:700 .85rem var(--font-head);color:var(--muted)}.net{font:700 .95rem var(--font-head);font-variant-numeric:tabular-nums}.bars{display:grid;gap:12px}.bars li{position:relative;display:grid;grid-template-columns:92px 1fr 42px;align-items:center;gap:8px;font-size:.86rem;outline-offset:4px}.bar-track{display:block;height:12px}.bar-fill{display:block;height:12px;border-radius:0 4px 4px 0;background:var(--chart);transition:width .5s ease}.bar-value{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.bar-tip{position:absolute;left:92px;bottom:calc(100% + 4px);z-index:2;padding:5px 10px;border-radius:8px;background:var(--ink);color:#fff;font-size:.76rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}.bars li:hover .bar-tip,.bars li:focus .bar-tip{opacity:1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem;white-space:nowrap}th{padding:0 12px 10px 0;font-size:.76rem;font-weight:600;text-align:left;color:var(--muted)}td{padding:10px 12px 10px 0;border-top:1px solid var(--line)}.num{text-align:right;font-variant-numeric:tabular-nums;padding-right:20px}.tabs{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--tint)}.tab{padding:4px 13px;border:0;border-radius:999px;background:none;color:var(--muted);font:600 .8rem var(--font-body);cursor:pointer}.tab.selected{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px #0f213724}.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.how-card{padding:24px 22px;background:var(--tint);border-radius:var(--radius)}.how-card p{margin-top:6px;font-size:.92rem;color:var(--muted)}.how-number{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border-radius:12px;background:var(--bg);color:var(--teal);font:800 1rem var(--font-head)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px;margin-top:14px}.facts dt{font-weight:600}.facts dd{margin-top:2px;font-size:.92rem;color:var(--muted)}.facts a{color:var(--ink)}.footer{padding:22px 0;background:var(--footer);color:#c9d6d4}.footer .logo{color:#fff;font-size:1rem}.footer .logo svg{width:22px;height:22px}.footer .logo path:last-child{stroke:#fff}.footer-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}.footer-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-left:auto}.footer-links a{color:#fff}.spinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(30,50,54,.18);border-top-color:var(--accent-dark);border-radius:50%;animation:spin .8s linear infinite}.spinner.small{width:14px;height:14px;border-width:2px}.skeletons{display:grid;gap:10px}.skeleton{position:relative;height:44px;overflow:hidden;border-radius:10px;background:var(--teal-soft)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:shimmer 1.3s infinite}.empty{padding:14px 0;border-top:1px solid var(--line)}.card .empty{border-top:0;padding:4px 0}.empty p{font-size:.9rem;color:var(--muted)}.tx-panel{position:fixed;right:20px;bottom:20px;z-index:40;width:300px;padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 60px -18px #0f213766;animation:rise .2s ease-out}.tx-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;font-family:var(--font-head)}.tx-time{color:var(--muted);font-variant-numeric:tabular-nums}.tx-steps{display:grid;gap:8px;margin-bottom:4px;font-size:.88rem;color:var(--muted)}.tx-steps li{display:flex;align-items:center;gap:10px}.tx-steps li.active{color:var(--ink);font-weight:600}.tx-steps li.done{color:var(--teal)}.tx-dot{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--teal-soft);font-size:.65rem;font-weight:800}.tx-steps li.active .tx-dot{background:none}.toasts{position:fixed;top:calc(var(--nav-height) + 12px);right:20px;z-index:50;display:grid;gap:8px;width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--teal-strong);border-radius:12px;box-shadow:0 16px 40px -18px #0f213759;font-size:.9rem;animation:rise .2s ease-out;overflow-wrap:anywhere}.toast.ok{border-left-color:var(--good)}.toast.error{border-left-color:var(--bad)}.toast-close{padding:0 2px;border:0;background:none;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35}}@media(max-width:1040px){.match-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text text" "versus stats" "action action";gap:18px 24px}.versus{justify-content:flex-start}.match-stats{justify-items:end;text-align:right}}@media(max-width:980px){.play-view{display:flex;flex-direction:column}.play-view>.container{width:100%}.your-matches{order:-1;margin-top:0;padding-top:24px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:36px}.play-grid{grid-template-columns:minmax(0,1fr);gap:32px}.two-col{grid-template-columns:minmax(0,1fr)}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.container{padding-left:16px;padding-right:16px}body{padding-bottom:60px}#root{min-height:calc(100vh - 60px)}.nav{background:var(--bg);backdrop-filter:none}.nav-tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:6px 8px;background:var(--bg);border-top:1px solid var(--line)}.nav-tab{justify-content:center;padding:9px 4px}.live{display:none}.view>.stack{padding-top:24px}.view{padding-bottom:48px}.your-head h2{font-size:1.45rem}.match-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "versus" "stats" "action";padding:20px 18px}.versus{justify-content:center}.match-stats{display:flex;justify-content:space-between;justify-items:start;text-align:left}.match-stats div:last-child:not(:first-child){text-align:right}.new-match,.panel,.card,.band{padding:18px}.how-grid,.facts{grid-template-columns:minmax(0,1fr)}.footer-links{margin-left:0}.tx-panel{left:16px;right:16px;bottom:72px;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.spinner{animation-duration:1.6s!important}}