:root{--ink: #111110;--panel: #1a1a18;--panel-2: #161614;--raise: #232320;--line: #33332e;--line-soft: #2e2e29;--mute: #6f6f68;--soft: #9b9b92;--text: #f2f1ea;--text-2: #c9c8bf;--lime: #d7ff3f;--lime-ink: #1c1e14;--magenta: #ff458e;--green: #7fd44a;--display: "Anton", "Archivo", Impact, sans-serif;--body: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--lime);color:var(--ink)}.wrap{max-width:1180px;margin:0 auto;padding:0 20px 80px}.display{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.95}.num{font-family:var(--display);font-variant-numeric:tabular-nums}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}.muted{color:var(--soft)}.faint{color:var(--mute)}.lime{color:var(--lime)}.magenta{color:var(--magenta)}.small{font-size:13px}.tiny{font-size:11px}h1.display{font-size:clamp(38px,6vw,64px);margin:0}h2.display{font-size:clamp(26px,4vw,36px);margin:0 0 14px}h3.display{font-size:22px;margin:0 0 10px}.topbar{display:flex;align-items:center;gap:18px;padding:18px 0 14px;border-bottom:2px solid var(--raise);margin-bottom:22px;flex-wrap:wrap}.brand{font-family:var(--display);font-size:28px;text-transform:uppercase;letter-spacing:.02em}.brand span{color:var(--lime)}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 15px;border-radius:999px;color:var(--soft)}.nav a.on{background:var(--raise);color:var(--lime)}.topbar .me{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--soft)}.topbar .me .pts{font-family:var(--display);font-size:22px;color:var(--lime)}.pill{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-radius:999px;border:2px solid var(--line);background:transparent;color:var(--soft)}.pill.on{border-color:var(--lime);background:var(--lime);color:var(--ink)}.chip{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--mute)}.chip.on{border-color:var(--text);color:var(--text)}.row-of{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:10px 16px;border-radius:9px;border:2px solid var(--line);background:transparent;color:var(--text);white-space:nowrap}.btn.primary{border-color:var(--lime);background:var(--lime);color:var(--ink)}.btn.big{font-family:var(--display);font-size:17px;letter-spacing:.03em;padding:13px 26px;border-radius:11px;border:0;background:var(--lime);color:var(--ink)}.btn:disabled,.btn.big:disabled{background:#2c2c28;border-color:#2c2c28;color:var(--mute);cursor:not-allowed}.btn.ghost{border-color:var(--line);color:var(--soft)}.tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--mute);color:var(--mute)}.tag.hit{border-color:var(--lime);color:var(--lime)}.tag.miss{border-color:var(--magenta);color:var(--magenta)}.tag.solid{background:var(--lime);color:var(--ink);border-color:var(--lime)}.tag.you{background:var(--green);color:var(--ink);border-color:var(--green)}.badge{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);color:var(--ink);border-radius:999px;padding:5px 13px}.panel{background:var(--panel-2);border:2px solid var(--raise);border-radius:14px;padding:20px 22px}.panel.lit{border-color:var(--lime);background:var(--lime-ink)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 860px){.grid.two{grid-template-columns:1fr}}.stack>*+*{margin-top:14px}.hr{border:0;border-top:1px solid var(--raise);margin:16px 0}.input,.select,.textarea{width:100%;background:var(--ink);border:2px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--text);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--lime)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none}label.field{display:block;margin-bottom:12px}label.field>span{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--soft)}.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none;background:#2c2c28;color:var(--text-2)}.av.me{background:var(--lime);color:var(--ink)}.av.sm{width:26px;height:26px;font-size:10px}.av-stack{display:flex}.av-stack .av{margin-right:-6px;border:2px solid var(--ink)}.board-row{display:grid;grid-template-columns:72px 90px minmax(0,1fr) 150px 130px 110px 90px;gap:0 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--raise)}.board-head{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:6px 0;border-bottom:1px solid var(--raise)}.board-row .tie{display:flex;align-items:center;gap:12px;min-width:0}.board-row .tie b{font-weight:700}.board-row .score{font-family:var(--display);font-size:21px;color:var(--lime)}.board-row .score.v{font-family:var(--body);font-size:13px;color:#4a4a44}.bar{display:block;height:5px;border-radius:2px;background:var(--lime)}@media (max-width: 900px){.board-row{grid-template-columns:60px minmax(0,1fr) 90px}.board-row .hide-m,.board-head.hide-m{display:none}}.ticker{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}.ticker>div{flex:none;background:var(--panel);border-radius:10px;padding:8px 14px;font-size:13px;display:flex;gap:10px;align-items:center}.ticker .min{color:var(--magenta);font-weight:700}.ticker .sc{font-family:var(--display);font-size:18px;color:var(--lime)}.market{border:2px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:14px;background:var(--panel-2)}.market.on{border-color:var(--lime);background:var(--lime-ink)}.market .head{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;flex-wrap:wrap}.market .pts{font-family:var(--display);font-size:30px;color:var(--lime);line-height:1}.pips{display:flex;gap:3px;margin-top:6px}.pips i{width:8px;height:8px;border-radius:2px;border:1.5px solid #4a4a44}.pips i.on{border-color:var(--lime);background:var(--lime)}.opts{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.opt{flex:1 1 150px;font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:13px 14px;border-radius:10px;border:2px solid var(--line);background:transparent;color:var(--text)}.opt.on{border-color:var(--lime);background:var(--lime);color:var(--ink)}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:40px;height:40px;border-radius:10px;border:2px solid var(--line);background:transparent;color:var(--text);font-size:20px}.stepper .n{font-family:var(--display);font-size:36px;width:44px;text-align:center;color:var(--lime)}.boost{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--soft)}.boost.on{border-color:var(--magenta);background:var(--magenta);color:var(--ink)}.crowd{margin-top:12px;font-size:12px;color:var(--soft)}.crowd .bar{height:4px;margin-top:6px;max-width:320px}.slip{position:sticky;bottom:0;background:var(--panel);border-top:2px solid var(--lime);box-shadow:0 -12px 40px #00000080;padding:14px 20px;margin-top:24px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.slip .items{display:flex;gap:8px;flex-wrap:wrap;flex:1}.slip .item{background:var(--ink);border-radius:8px;padding:6px 10px;font-size:12px;display:flex;gap:8px;align-items:center}.slip .item b{color:var(--lime)}.slip .item button{border:0;background:transparent;color:var(--mute);padding:0}.slip .total{font-family:var(--display);font-size:28px;color:var(--lime)}.trow{display:grid;align-items:center;gap:0 12px;padding:12px 0;border-bottom:1px solid var(--raise)}.trow.me{background:var(--panel)}.thead{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:6px 0;border-bottom:1px solid var(--raise)}.pos{font-family:var(--display);font-size:18px;color:var(--soft)}.ptsc{font-family:var(--display);font-size:20px;text-align:right;color:var(--lime)}.move.up{color:var(--green)}.move.down{color:var(--magenta)}.move{font-size:11px;font-weight:700;color:var(--mute)}.post{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--raise)}.post .who{font-weight:700;font-size:13px}.post .when{color:var(--mute);font-size:12px;margin-left:8px}.receipt{display:inline-block;margin-top:6px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.album{display:grid;gap:6px}.album .cell{height:44px;border-radius:8px;display:grid;place-items:center;font-family:var(--display);font-size:15px;border:2px dashed var(--line-soft);color:#3a3a35}.album .cell.on{background:var(--lime);color:var(--ink);border:0}.album .lbl{display:flex;align-items:center;font-size:13px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.tile{background:var(--panel);border-radius:12px;padding:14px 16px}.tile .v{font-family:var(--display);font-size:34px;color:var(--lime);line-height:1}.tile .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-top:6px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--raise)}.switch{flex:none;width:48px;height:27px;border-radius:14px;border:1px solid var(--line);background:var(--raise);padding:2px;display:flex;justify-content:flex-start}.switch.on{border-color:var(--lime);background:var(--lime);justify-content:flex-end}.switch i{display:block;width:21px;height:21px;border-radius:50%;background:var(--mute)}.switch.on i{background:var(--ink)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:24px;width:min(560px,100%);max-height:90vh;overflow:auto}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px 16px;border-radius:11px;border:2px solid var(--line);background:transparent;color:var(--text);width:100%;margin-bottom:8px}.choice.on{border-color:var(--lime)}.choice small{color:var(--soft)}.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login .left{padding:48px 40px;display:flex;flex-direction:column;justify-content:center;border-right:2px solid var(--raise)}.login .right{padding:48px 40px;background:var(--panel-2)}@media (max-width: 860px){.login{grid-template-columns:1fr}.login .left{border-right:0}}.teaser{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--raise);font-size:14px}.error{color:var(--magenta);font-size:13px;margin-top:8px}.empty{padding:40px 0;text-align:center;color:var(--mute)}.log{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--raise)}.log .min{font-family:var(--display);font-size:18px;color:var(--magenta)}.scoreline{font-family:var(--display);font-size:clamp(48px,9vw,96px);line-height:1;color:var(--lime)}.brag{background:var(--lime);color:var(--ink);border-radius:14px;padding:22px}.brag .display{font-size:32px}.sticker{width:140px;background:var(--lime);color:var(--ink);border-radius:12px;padding:14px}.spinner{padding:40px;text-align:center;color:var(--mute)}.sports{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.sports::-webkit-scrollbar{display:none}.sports .pill{white-space:nowrap;flex:none}.live-n{display:inline-block;margin-left:7px;min-width:18px;padding:0 5px;border-radius:9px;background:var(--magenta);color:var(--ink);font-size:11px;font-weight:800;line-height:18px;text-align:center}.periods{display:grid;gap:4px 10px;font-size:13px;margin-top:10px;align-items:center}.periods span{text-align:center;color:var(--text-2)}.periods .h{color:var(--mute);font-size:11px;font-weight:700}.periods .t{text-align:left;font-weight:700;color:var(--text)}.remove-call{display:block;margin:8px 0 0 auto;border:0;background:transparent;padding:2px 0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.remove-call:hover{color:var(--magenta)}.notice{flex-basis:100%;font-size:13px;color:var(--text-2);background:var(--ink);border-left:3px solid var(--magenta);border-radius:6px;padding:8px 12px}:root{--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--glow: 0 0 0 1px rgba(215, 255, 63, .35), 0 8px 30px -8px rgba(215, 255, 63, .35)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.94)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.18);color:var(--text)}to{transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #ff458e8c}70%{box-shadow:0 0 0 7px #ff458e00}to{box-shadow:0 0 #ff458e00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sheen{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(220%) skew(-18deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.page{animation:rise .45s var(--ease) backwards}.pill,.chip,.btn,.opt,.boost,.choice,.nav a,.stepper button,.remove-call,.ticker>div,.switch,.switch i,.input,.select,.textarea{transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease),box-shadow .25s var(--ease)}.pill:hover:not(.on),.chip:hover:not(.on){border-color:var(--soft);color:var(--text)}.nav a:hover:not(.on){color:var(--text);background:var(--panel)}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--soft)}.btn.primary:hover:not(:disabled){border-color:var(--lime);box-shadow:var(--glow)}.btn.big:hover:not(:disabled){box-shadow:var(--glow)}.btn:active:not(:disabled),.pill:active,.chip:active,.opt:active:not(:disabled),.choice:active,.boost:active,.stepper button:active{transform:scale(.96)}.opt:hover:not(:disabled):not(.on),.choice:hover:not(.on){border-color:var(--text-2)}.opt.on{animation:pop .32s var(--spring)}.pill.on{box-shadow:0 6px 20px -10px #d7ff3f99}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 4px #d7ff3f1f}.board-row:not(.board-head){animation:rise .4s var(--ease) backwards;animation-delay:calc(min(var(--i, 0),18)*22ms);transition:background-color .2s var(--ease);border-radius:10px}.board-row:not(.board-head):hover{background:var(--panel-2)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--magenta);margin-right:7px;vertical-align:2px;animation:pulse 1.6s infinite}.live-n{animation:pop-in .3s var(--spring) both}.ticker>div{animation:pop-in .35s var(--ease) both}.ticker>div:hover{transform:translateY(-2px);background:var(--raise)}.ticker .min:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--magenta);margin-right:6px;vertical-align:2px;animation:pulse 1.6s infinite}.skeleton{height:54px;border-radius:10px;margin:8px 0;background:linear-gradient(90deg,var(--panel-2) 0%,var(--raise) 50%,var(--panel-2) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.market{animation:rise .45s var(--ease) backwards;animation-delay:calc(var(--i, 0) * 50ms);transition:border-color .25s var(--ease),background-color .25s var(--ease),box-shadow .3s var(--ease)}.market.on{box-shadow:var(--glow)}.market .pts{display:inline-block}.market.on .pts{animation:bump .4s var(--spring)}.pips i{transition:background-color .2s var(--ease),border-color .2s var(--ease)}.slip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a18eb}.slip .item{animation:pop-in .25s var(--spring) both}.slip .total{display:inline-block;animation:bump .4s var(--spring)}.boost.on{position:relative;overflow:hidden}.boost.on:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:sheen 2.4s var(--ease) infinite}.notice{animation:slide-down .3s var(--ease) both}.error{animation:slide-down .25s var(--ease) both}.modal-bg{animation:fade .2s var(--ease) both;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{animation:pop-in .3s var(--spring) both;box-shadow:0 30px 80px -20px #000c}.scoreline{display:inline-block;animation:bump .5s var(--spring)}.tag.hit,.tag.miss{animation:pop-in .3s var(--spring) both}.brag{position:relative;overflow:hidden;animation:rise .5s var(--ease) .1s backwards}.brag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:sheen 1.4s var(--ease) .6s both}.log{animation:rise .35s var(--ease) backwards}.album .cell.on{animation:pop-in .35s var(--spring) both}.panel{transition:border-color .25s var(--ease)}.spinner{display:grid;place-items:center;gap:12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.spinner:before{content:"";width:26px;height:26px;border-radius:50%;border:3px solid var(--raise);border-top-color:var(--lime);animation:spin .8s linear infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important}}.opt .odds{display:inline-block;margin-left:10px;padding:1px 8px;border-radius:999px;font-family:var(--display);font-size:15px;letter-spacing:.02em;background:var(--raise);color:var(--lime);transition:background-color .18s var(--ease),color .18s var(--ease)}.opt.on .odds{background:var(--ink);color:var(--lime)}
