:root{--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Barlow Condensed", "Inter", system-ui, sans-serif;--bg: #0b0e14;--bg-glow: radial-gradient(1200px 600px at 50% -10%, rgba(79, 140, 255, .18), transparent 60%), radial-gradient(800px 400px at 100% 0%, rgba(255, 77, 77, .08), transparent 60%);--surface: #121722;--surface-2: #192031;--surface-3: #212a3d;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #eef1f6;--text-2: #b7c0d0;--muted: #8591a6;--accent: #4f8cff;--accent-2: #9ec1ff;--accent-ink: #08111f;--live: #ff4d4d;--live-soft: rgba(255, 77, 77, .14);--ok: #3ddc84;--warn: #ffb020;--gold: #f5c451;--silver: #c9d1dc;--bronze: #d99a5b;--elim: #5f6a7d;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--radius: 14px;--radius-sm: 9px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f3f5f9;--bg-glow: radial-gradient(1200px 600px at 50% -10%, rgba(79, 140, 255, .16), transparent 60%);--surface: #ffffff;--surface-2: #f2f4f8;--surface-3: #e7ebf2;--line: rgba(10, 20, 40, .08);--line-strong: rgba(10, 20, 40, .16);--text: #111624;--text-2: #3b4658;--muted: #6b7686;--accent: #1f5fe0;--accent-2: #1a49b0;--accent-ink: #ffffff;--live: #e02424;--live-soft: rgba(224, 36, 36, .1);--ok: #158a4b;--warn: #b26b00;--gold: #d9a520;--silver: #8d99a8;--bronze: #b5723a;--elim: #9aa4b3;--shadow: 0 10px 30px rgba(20, 30, 60, .1);--shadow-sm: 0 2px 8px rgba(20, 30, 60, .08);color-scheme:light}}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);background-image:var(--bg-glow);background-attachment:fixed;color:var(--text);font:15px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.1}p{margin:0 0 10px}code{background:var(--surface-2);padding:2px 6px;border-radius:6px;font-size:.92em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}::selection{background:var(--accent);color:var(--accent-ink)}.display{font-family:var(--font-display);font-weight:700;letter-spacing:.01em}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.grid2{grid-template-columns:1fr}}.container{max-width:1100px;margin:0 auto;padding:0 20px 48px}@media(max-width:640px){.container{padding:0 14px 40px}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;margin-bottom:18px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.brand:hover{text-decoration:none}.brand .puck{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--live) 0 28%,transparent 30%),radial-gradient(circle at 50% 50%,transparent 0 60%,var(--accent) 62% 100%);box-shadow:0 0 0 2px var(--surface) inset}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px}@media(max-width:640px){.card{padding:14px;border-radius:12px}}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-title h3{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}button,.btn{font:inherit;font-weight:500;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);padding:9px 14px;border-radius:10px;cursor:pointer;transition:background .15s var(--ease),transform .1s var(--ease),border-color .15s}button:hover{background:var(--surface-3)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;transform:none}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}button.primary:hover{filter:brightness(1.08);background:var(--accent)}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.ghost:hover{background:var(--surface-2);color:var(--text)}button.danger{color:var(--live)}button.sm{padding:5px 10px;font-size:13px;border-radius:8px}input,select,textarea{font:inherit;background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}input::placeholder{color:var(--muted)}label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:5px;font-weight:500}.field{margin-bottom:12px}input.code{text-transform:uppercase;letter-spacing:.22em;text-align:center;font-family:var(--font-display);font-weight:700;font-size:30px;padding:12px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.badge.live{background:var(--live);color:#fff;border-color:transparent;box-shadow:0 0 0 4px var(--live-soft)}.badge.ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok);border-color:transparent}.badge.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn);border-color:transparent}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.3s infinite}.badge.live .pulse{background:#fff}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2);padding:3px 9px 3px 4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.chip .count{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text)}.chip.hot{border-color:color-mix(in srgb,var(--live) 50%,transparent);background:var(--live-soft)}.teammark{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;letter-spacing:.02em;line-height:1;border-radius:6px;flex:0 0 auto}.teammark.sm{min-width:34px;height:22px;font-size:11.5px;padding:0 5px}.teammark.md{min-width:44px;height:26px;font-size:14px;padding:0 7px;border-radius:7px}.teammark.lg{min-width:56px;height:34px;font-size:18px;padding:0 9px;border-radius:8px}.teammark.dim{filter:saturate(.2) brightness(.7)}.hero{margin:6px 0 20px}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,6vw,56px);letter-spacing:.01em;line-height:1;text-transform:uppercase}.hero .meta{display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;margin-top:10px;color:var(--muted);font-size:13px}.hero .meta .dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}.viewer{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.viewer .main{display:flex;flex-direction:column;gap:16px;min-width:0}@media(max-width:900px){.viewer{grid-template-columns:minmax(0,1fr)}.viewer>*{min-width:0}.viewer.haslive aside{order:-1}}.standings{display:flex;flex-direction:column;gap:6px}.srow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer;background:var(--surface-2);border:1px solid transparent;transition:background .15s var(--ease),border-color .15s,transform .15s var(--ease)}.srow:hover{background:var(--surface-3)}.srow.open{border-color:var(--line-strong)}.srow.leader{background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 14%,var(--surface-2)),var(--surface-2) 60%)}.rankbadge{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:18px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--line)}.rankbadge.r1{background:var(--gold);color:#1a1200;border-color:transparent;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 30%,transparent)}.rankbadge.r2{background:var(--silver);color:#10151d;border-color:transparent}.rankbadge.r3{background:var(--bronze);color:#1d1206;border-color:transparent}.srow .who{min-width:0}.srow .name{font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.srow .sub{display:flex;align-items:center;gap:10px;margin-top:4px;color:var(--muted);font-size:12.5px}.srow .bar{height:4px;border-radius:999px;background:var(--surface-3);flex:1;max-width:220px;overflow:hidden}.srow .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .6s var(--ease)}.srow.leader .bar i{background:linear-gradient(90deg,var(--gold),#ffe08a)}.srow .score{text-align:right}.srow .score .pts{font-family:var(--font-display);font-weight:800;font-size:32px;line-height:1;letter-spacing:.01em}.srow .score .pts small{font-size:12px;color:var(--muted);font-family:var(--font-body);font-weight:600;letter-spacing:.08em;margin-left:3px}.srow .score .ga{color:var(--muted);font-size:12px;margin-top:2px}.srow .chev{color:var(--muted);font-size:12px;margin-left:6px;transition:transform .2s var(--ease);display:inline-block}.srow.open .chev{transform:rotate(90deg)}.onice{color:var(--live);font-size:11.5px;font-weight:700;letter-spacing:.04em;display:inline-flex;align-items:center;gap:5px}.onice .pulse{background:var(--live)}.remaining{font-size:12px;color:var(--muted)}.remaining b{color:var(--text);font-family:var(--font-display);font-size:15px}.roster{padding:4px 4px 10px;animation:reveal .25s var(--ease)}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.roster table{width:100%;border-collapse:collapse}.roster th,.roster td{padding:5px 8px;border-bottom:1px solid var(--line);text-align:left}.roster th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.roster tr:last-child td{border-bottom:none}.roster td.n,.roster th.n{text-align:right;font-variant-numeric:tabular-nums}.roster td.pts{font-family:var(--font-display);font-weight:700;font-size:17px}.roster .pl{display:flex;align-items:center;gap:8px;min-width:0}.roster .pl .pname{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster .pl .pos{color:var(--muted);font-size:11.5px;font-weight:600}.roster tr.elim .pname{color:var(--elim);text-decoration:line-through}.roster tr.elim td{color:var(--elim)}.roster .rd{color:var(--muted);font-size:12px;width:28px}.livetag{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--live);border:1px solid color-mix(in srgb,var(--live) 50%,transparent);padding:1px 5px;border-radius:4px}.tonighttag{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);border:1px solid var(--line-strong);padding:1px 5px;border-radius:4px}.outtag{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--elim);border:1px solid var(--line);padding:1px 5px;border-radius:4px}.games{display:flex;flex-direction:column;gap:10px}@media(max-width:900px){.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.viewer.haslive .games{display:flex;flex-direction:row;align-items:stretch;overflow-x:auto;gap:8px;padding:2px 14px 8px;margin:0 -14px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.viewer.haslive .games::-webkit-scrollbar{display:none}.viewer.haslive .game{flex:0 0 132px;scroll-snap-align:start;padding:8px 10px;border-radius:10px}.viewer.haslive .game.live:before{width:2px}.viewer.haslive .game .line{grid-template-columns:22px 1fr auto;gap:6px;padding:1px 0}.viewer.haslive .game .line .teamlogo,.viewer.haslive .game .line .teammark{width:22px!important;height:22px!important;min-width:0;font-size:9px}.viewer.haslive .game .line .abbr{font-size:12.5px}.viewer.haslive .game .line .sc{font-size:19px;min-width:18px}.viewer.haslive .game .progress{margin-top:5px;height:2px}.viewer.haslive .game .status{margin-top:5px;font-size:10.5px}.viewer.haslive .game .status .st{font-size:10px;letter-spacing:.02em}.viewer.haslive .game .status .st .pulse{width:5px;height:5px}.viewer.haslive .game .status .n{display:none}.viewer.haslive .game .who{display:flex;gap:3px;margin-top:6px;flex-wrap:nowrap;overflow:hidden}.viewer.haslive .game .who .chip{padding:0 6px;font-size:10.5px;height:18px;gap:3px}.viewer.haslive .game .who .chip .count{font-size:11px}.viewer.haslive .game .who .chip .full{display:none}.viewer.haslive .game .who .more{font-size:10.5px;color:var(--muted);align-self:center;white-space:nowrap}.viewer.haslive aside.card{padding-bottom:6px}}.game{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface-2)}.game.live{border-color:color-mix(in srgb,var(--live) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--live) 25%,transparent),0 6px 20px color-mix(in srgb,var(--live) 12%,transparent)}.game.live:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--live)}.game.final{opacity:.85}.game .line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:3px 0}.game .line .abbr{font-weight:600;letter-spacing:.02em}.game .line .sc{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1;min-width:26px;text-align:right}.game .line.winner .abbr{color:var(--text)}.game .line.loser .abbr,.game .line.loser .sc{color:var(--muted)}.game .status{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--muted)}.game .status .st{display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.game.live .status .st{color:var(--live)}.game .progress{height:3px;border-radius:999px;background:var(--surface-3);margin-top:8px;overflow:hidden}.game .progress i{display:block;height:100%;background:var(--live)}.game .who{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.game .who .chip{padding-left:8px}.empty{color:var(--muted);font-size:13.5px;padding:12px 0;text-align:center}.home{max-width:560px;margin:8vh auto 0;text-align:center}.home h1{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,8vw,64px);letter-spacing:.02em;text-transform:uppercase;line-height:.95}.home .lede{color:var(--muted);margin:12px 0 28px;font-size:16px}.home .card{text-align:left}.home .or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:18px 0}.home .or:before,.home .or:after{content:"";flex:1;height:1px;background:var(--line)}.mypools{display:flex;flex-direction:column;gap:6px}.mypools a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:var(--surface-2);color:var(--text)}.mypools a:hover{background:var(--surface-3);text-decoration:none}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs button{border:none;background:none;border-bottom:2px solid transparent;border-radius:0;padding:10px 14px;color:var(--muted);font-weight:500;white-space:nowrap}.tabs button:hover{background:none;color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.clock{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}@media(max-width:640px){.clock{grid-template-columns:1fr}}.clock .pickno{font-family:var(--font-display);font-weight:800;font-size:40px;line-height:1}.clock .pickno small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:var(--font-body);font-weight:600;margin-bottom:2px}.clock .who{font-size:13px;color:var(--muted);margin-bottom:6px}.clock .who b{color:var(--text);font-size:15px}.clock.done{background:var(--surface);border-color:var(--line)}.board{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.board table{border-collapse:separate;border-spacing:0;min-width:640px;width:100%}.board th{position:sticky;top:0;z-index:2;background:var(--surface);padding:10px 8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);text-align:left}.board th.rd,.board td.rd{position:sticky;left:0;z-index:3;background:var(--surface);width:44px;text-align:center;color:var(--muted);font-family:var(--font-display);font-weight:700;font-size:15px}.board td{padding:4px;border-bottom:1px solid var(--line);vertical-align:top}.board td.cell{min-width:170px}.pickbtn{width:100%;text-align:left;padding:7px 9px;border-radius:9px;background:var(--surface-2);border:1px dashed var(--line-strong);color:var(--muted);font-size:13px;line-height:1.25}.pickbtn.filled{border-style:solid;border-color:var(--line);color:var(--text);background:var(--surface-2)}.pickbtn.filled:hover{border-color:var(--line-strong)}.pickbtn.next{border:1px solid var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.pickbtn .pname{display:flex;align-items:center;gap:6px;font-weight:500}.pickbtn .meta{color:var(--muted);font-size:11px;margin-top:3px}.search{position:relative}.search ul,ul.search-drop{position:absolute;z-index:30;left:0;right:0;top:100%;margin:6px 0 0;padding:5px;list-style:none;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;max-height:300px;overflow-y:auto;box-shadow:var(--shadow)}:is(.search,.search-drop) li{padding:7px 9px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}:is(.search,.search-drop) li.active{background:var(--surface-2)}:is(.search,.search-drop) li.taken{opacity:.45}:is(.search,.search-drop) li .l{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(.search,.search-drop) li .l span:last-child{overflow:hidden;text-overflow:ellipsis}:is(.search,.search-drop) li .m{color:var(--muted);font-size:12px;white-space:nowrap}.notice{padding:11px 14px;border-radius:10px;background:var(--surface-2);font-size:13.5px;border:1px solid var(--line)}.notice.warn{border-left:3px solid var(--warn)}.notice.err{border-left:3px solid var(--live)}.notice.ok{border-left:3px solid var(--ok)}.savestate{font-size:12px;color:var(--muted);min-width:70px;text-align:right}.savestate.ok{color:var(--ok)}.savestate.err{color:var(--live)}.foot{color:var(--muted);font-size:12.5px;margin-top:22px;text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#05080e9e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .18s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{position:relative;width:min(760px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow);animation:rise .22s var(--ease);overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:640px){.overlay{padding:0;align-items:flex-end}.modal{width:100%;max-height:94vh;border-radius:18px 18px 0 0}}.modal .close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;padding:0;border-radius:50%;font-size:15px}.mhead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:22px 22px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent)}.mhead .side{display:flex;align-items:center;gap:12px;min-width:0}.mhead .side.right{justify-content:flex-end;text-align:right}.mhead .tname{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1}.mhead .tname span{display:block;font-family:var(--font-body);font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:3px}.mhead .mid{text-align:center}.bigscore{font-family:var(--font-display);font-weight:800;font-size:46px;line-height:1;display:inline-flex;align-items:center;gap:10px}.bigscore .dash{color:var(--muted);font-size:28px;font-weight:600}.mstatus{margin-top:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.mstatus.live{color:var(--live)}@media(max-width:640px){.mhead{padding:18px 16px 12px;gap:8px;grid-template-columns:auto 1fr auto}.mhead .tname{display:none}.bigscore{font-size:40px}.modal .close{top:6px;right:6px;width:30px;height:30px;font-size:13px;background:var(--surface-2)}}.mtabs{margin:0;padding:0 12px}.mbody{overflow-y:auto;padding:14px 20px 22px}@media(max-width:640px){.mbody{padding:12px 12px 22px}}.plays section+section{margin-top:16px}.plays h4{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.play{display:grid;grid-template-columns:44px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid transparent}.play+.play{margin-top:4px}.play:hover{background:var(--surface-2)}.play .ptime{color:var(--muted);font-size:13px;font-weight:600}.play .scorer{font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.play .assists{font-size:12.5px;color:var(--text-2);margin-top:2px}.play .pscore{font-size:15px;color:var(--muted)}.play .pscore b{color:var(--muted);font-family:var(--font-display);font-size:18px;font-weight:700}.play .pscore b.hl{color:var(--text)}.strength{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);padding:1px 5px;border-radius:4px}.owner{display:inline-block;margin-left:4px;font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold);vertical-align:middle}.box table{width:100%;border-collapse:collapse}.box th,.box td{padding:6px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.box th{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.box td.n,.box th.n{text-align:right;font-variant-numeric:tabular-nums}.box td.b{font-weight:700}.box tr.owned td{background:color-mix(in srgb,var(--gold) 6%,transparent)}.box tr.dnp td{color:var(--muted)}.box .pname{display:inline-flex;align-items:center;gap:6px}.box .jersey{color:var(--muted);font-size:11px;min-width:18px;text-align:right}.box .pos{color:var(--muted);font-size:11px;font-weight:600}@media(max-width:640px){.hide-sm{display:none}.box th,.box td{padding:6px 4px;font-size:13px}}.game{cursor:pointer;transition:transform .15s var(--ease),border-color .15s}.game:hover{transform:translateY(-1px);border-color:var(--line-strong)}.game.live:hover{border-color:var(--live)}.teamlogo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.teamlogo img{width:100%;height:100%;object-fit:contain;display:block}.teamlogo.dim{filter:saturate(.15) brightness(.6)}.mhead .side .teamlogo{width:72px;height:72px}.game .line{grid-template-columns:38px 1fr auto;padding:2px 0}.roster .pl .teamlogo{margin-right:2px}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:var(--surface-3);overflow:visible}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:var(--surface-3)}.avatar .initials{font-family:var(--font-display);font-weight:700;color:var(--muted);letter-spacing:.04em}.avatar .avbadge{position:absolute;right:-5px;bottom:-4px;width:18px;height:18px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--line)}.avatar .avbadge .teamlogo,.avatar .avbadge .teammark{width:14px!important;height:14px!important;min-width:0;font-size:7px;padding:0}.avatar.dim img{filter:grayscale(1) brightness(.6)}.roster .pl .avatar{margin-right:4px}.roster th,.roster td{padding:4px 8px}.play .avatar{justify-self:center}.play{grid-template-columns:44px auto minmax(0,1fr) auto}.box .pname .avatar{margin-right:2px}.status{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;padding:1px 6px;border-radius:4px;border:1px solid transparent;vertical-align:middle;white-space:nowrap}.status.out,.status.ir{color:var(--live);border-color:color-mix(in srgb,var(--live) 55%,transparent);background:var(--live-soft)}.status.dtd{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.status.susp{color:#c084fc;border-color:#c084fc8c;background:#c084fc1f}:is(.search,.search-drop) li .nm{font-weight:500}:is(.search,.search-drop) li .r{flex:0 0 auto}:is(.search,.search-drop) li.taken{opacity:1}:is(.search,.search-drop) li.taken .nm{text-decoration:line-through;color:var(--muted)}:is(.search,.search-drop) li .takenby{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--warn)}:is(.search,.search-drop) li.hint{font-size:11.5px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600;cursor:default;padding-bottom:2px}:is(.search,.search-drop) li.hint:hover,.search li.none:hover{background:none}:is(.search,.search-drop) li.none{color:var(--muted);cursor:default}.pickbtn .status{margin-left:4px}.roster .pl .status{margin-left:2px}.game .who .chip .short{display:none}@media(max-width:900px){.viewer.haslive .game .who .chip .short{display:inline}}.race-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.race-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.race-stats b{color:var(--text);font-weight:600}.race-stats b.num{font-family:var(--font-display);font-size:16px;font-weight:800}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:2px}.seg button{border:none;background:none;padding:5px 12px;border-radius:999px;font-size:12.5px;color:var(--muted)}.seg button:hover{background:none;color:var(--text)}.seg button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.race-plot{position:relative;touch-action:pan-y}.race-plot svg{display:block;width:100%;height:auto;overflow:visible}.race-plot .grid{stroke:var(--line);stroke-width:1}.race-plot .tick{fill:var(--muted);font-size:11px;font-family:var(--font-body)}.race-plot .endlabel{fill:var(--text);font-size:12px;font-weight:600;font-family:var(--font-body)}.race-plot .endval{fill:var(--muted);font-weight:500}.race-plot .xhair{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:3 3}.race-tip{position:absolute;top:8px;z-index:5;pointer-events:none;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow);padding:8px 10px;min-width:170px;font-size:12.5px}.race-tip .tipdate{font-weight:700;margin-bottom:4px;color:var(--text-2);font-size:12px;letter-spacing:.02em}.race-tip .tiprow{display:grid;grid-template-columns:10px 1fr auto auto;gap:8px;align-items:center;padding:2px 0}.race-tip .tiprow.dim{opacity:.4}.race-tip .sw{width:10px;height:10px;border-radius:3px}.race-tip .rk{color:var(--muted);font-size:11px}.race-tip .vl{font-family:var(--font-display);font-weight:700;font-size:15px;min-width:28px;text-align:right}.race-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.race-legend .lg{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:4px 10px 4px 6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-2)}.race-legend .lg.on{border-color:var(--line-strong);color:var(--text);background:var(--surface-3)}.race-legend .lg.dim{opacity:.45}.race-legend .lg.clear{color:var(--accent);background:none;border-style:dashed}.race-legend .sw{width:12px;height:12px;border-radius:3px}.race-legend .sw.dashed{background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 5px)}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bg .blob{position:absolute;border-radius:50%;display:block;width:70vmax;height:70vmax;opacity:.55;background:radial-gradient(circle at 50% 50%,var(--blob-color) 0%,transparent 62%);will-change:transform;transform:translateZ(0)}.bg .b1{--blob-color: rgba(79, 140, 255, .34);top:-30vmax;left:-12vmax;animation:drift1 38s ease-in-out infinite alternate}.bg .b2{--blob-color: rgba(255, 77, 77, .16);top:-22vmax;right:-28vmax;width:60vmax;height:60vmax;animation:drift2 46s ease-in-out infinite alternate}.bg .b3{--blob-color: rgba(64, 214, 200, .16);bottom:-40vmax;left:20vw;width:80vmax;height:80vmax;animation:drift3 54s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(14vw,10vh,0) scale(1.12)}}@keyframes drift2{0%{transform:translateZ(0) scale(1.05)}to{transform:translate3d(-12vw,14vh,0) scale(.92)}}@keyframes drift3{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-10vw,-12vh,0) scale(1.1)}}.bg .sheen{position:absolute;top:-20%;left:-90%;width:90%;height:140%;display:block;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.02) 30%,rgba(158,193,255,.07) 50%,rgba(255,255,255,.02) 70%,transparent 100%);transform:skew(-12deg) translateZ(0);animation:sweep 28s linear infinite;will-change:transform}@keyframes sweep{0%{transform:skew(-12deg) translateZ(0)}to{transform:skew(-12deg) translate3d(220%,0,0)}}.bg .grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;display:block;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:grain 1.2s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}@media(prefers-color-scheme:light){.bg .blob{opacity:.5}.bg .b1{--blob-color: rgba(79, 140, 255, .22)}.bg .b2{--blob-color: rgba(255, 120, 120, .12)}.bg .b3{--blob-color: rgba(40, 190, 180, .12)}.bg .sheen{background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.45) 50%,rgba(255,255,255,.15) 70%,transparent 100%)}.bg .grain{opacity:.04}}@media(prefers-reduced-motion:reduce){.bg .blob,.bg .sheen,.bg .grain{animation:none!important}.bg .sheen{left:20%}}.card{-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2);background:color-mix(in srgb,var(--surface) 92%,transparent)}.roster td.ppg{color:var(--text-2);font-variant-numeric:tabular-nums}@media(max-width:420px){.srow .score .ga{font-size:11px}}.roster tr.dropped td{color:var(--muted)}.roster tr.dropped td.pts,.roster tr.dropped td.ppg{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent)}.roster tr.dropped .pname{color:var(--muted)}.droptag{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--muted);border:1px dashed var(--line-strong);padding:1px 5px;border-radius:4px}.recap-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:18px}@media(max-width:640px){.recap-grid{grid-template-columns:1fr}}.movers{display:flex;flex-direction:column;gap:4px}.mover{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:6px 10px;border-radius:8px;background:var(--surface-2)}.mover.me{outline:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.mover .mname{font-weight:500}.mover .mrank{font-size:11px;font-weight:800;color:var(--muted);min-width:28px;text-align:center}.mover .mrank.up{color:var(--ok)}.mover .mrank.down{color:var(--live)}.mover .mpts{font-family:var(--font-display);font-weight:700;font-size:17px;min-width:40px;text-align:right}.scorers{display:flex;flex-direction:column;gap:4px}.scorer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:5px 8px;border-radius:8px}.scorer-row:hover{background:var(--surface-2)}.scorer-row .n{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scorer-row .sub{font-size:12px;color:var(--muted)}.scorer-row .sub .owner{color:var(--gold);font-weight:700;margin-left:0;padding:0;background:none;font-size:12px}.scorer-row .pts{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ok)}.myteam.pick .card-title h3{color:var(--text)}.mepick{display:flex;flex-wrap:wrap;gap:8px}.mepick button.on{border-color:var(--accent);color:var(--accent)}.mystats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.mystats .stat{background:var(--surface-2);border-radius:10px;padding:10px 12px}.mystats .stat .v{font-size:30px;line-height:1}.mystats .stat .l{font-size:12px;color:var(--muted);margin-top:4px}.myplayers{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}.myplayer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 10px;border-radius:10px;background:var(--surface-2);border:1px solid transparent}.myplayer.live{border-color:color-mix(in srgb,var(--live) 45%,transparent)}.myplayer .n{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myplayer .sub{font-size:12px;color:var(--muted)}.myplayer .pts{font-family:var(--font-display);font-weight:700;font-size:17px}.srow.me{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}.metag{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);padding:1px 6px;border-radius:4px;margin-left:8px}.draftlink{display:block;color:var(--text)}.draftlink:hover{text-decoration:none;background:var(--surface-3)}.clock.big{grid-template-columns:auto 1fr auto}@media(max-width:760px){.clock.big{grid-template-columns:1fr}}.clock .onclock{font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clock .lastpick{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:220px}.board.public th.onclock{color:var(--accent)}.pickcard{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;background:var(--surface-2);border:1px dashed var(--line-strong);min-height:44px;font-size:13px;color:var(--muted)}.pickcard.filled{border-style:solid;border-color:var(--line);color:var(--text)}.pickcard.next{border:1px solid var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);animation:pulse-border 1.6s infinite}.pickcard.fresh{animation:land .9s var(--ease);box-shadow:0 0 0 2px var(--gold)}.pickcard .pname{display:flex;flex-direction:column;min-width:0}.pickcard .pname .meta{font-size:11px;color:var(--muted)}@keyframes land{0%{transform:scale(.92);background:color-mix(in srgb,var(--gold) 35%,var(--surface-2))}60%{transform:scale(1.03)}to{transform:none}}@keyframes pulse-border{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 35%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 0%,transparent)}}.roster.compact{display:flex;flex-direction:column;padding:2px 0 8px}.crow{display:grid;grid-template-columns:minmax(0,1fr) 30px 26px 24px 24px 36px;align-items:center;gap:6px;width:100%;text-align:left;padding:8px 6px;border:none;border-bottom:1px solid var(--line);border-radius:0;background:none;font-size:14px;color:var(--text)}.roster.compact.goalie .crow{grid-template-columns:minmax(0,1fr) 30px 26px 22px 22px 22px 22px 36px;gap:5px}.crow.head{padding:2px 6px 6px;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;cursor:default}.crow.head:hover{background:none}.crow .cflag{display:flex;justify-content:center}.crow .cs{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2);font-size:13.5px}.crow:last-child{border-bottom:none}.crow:hover{background:var(--surface-2)}.crow .cname{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crow .cname.out{text-decoration:line-through;text-decoration-color:var(--live);text-decoration-thickness:2px;color:var(--text-2)}.crow .cteam{font-size:10.5px;color:var(--muted);font-weight:600;letter-spacing:.02em}.crow .cdtd{font-size:9.5px;font-weight:800;color:var(--warn);letter-spacing:.06em}.crow .clive{font-size:10px;font-weight:900;color:#fff;background:var(--live);border-radius:4px;padding:1px 5px;line-height:1.3}.crow .cpts{font-family:var(--font-display);font-weight:700;font-size:17px;text-align:right}.crow.head .cpts{font-family:var(--font-body);font-size:10.5px;font-weight:600}.crow.dropped{opacity:.45}.crow.dropped .cpts{text-decoration:line-through}.crow.elim .cname{color:var(--elim)}.roster tr.clickable{cursor:pointer}.roster tr.clickable:hover td{background:var(--surface-2)}.modal.pmodal{width:min(520px,100%)}.phead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 20px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent)}.phead .pname{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1.05}.phead .pmeta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;margin-top:4px}.phead .ptags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.phead .pbig{text-align:right;padding-right:26px}.phead .pbig .v{font-size:40px;line-height:1}.phead .pbig .l{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:2px}@media(max-width:640px){.phead{padding:16px 14px 12px;gap:10px}.phead .pname{font-size:21px}.phead .pbig .v{font-size:32px}}.pstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.pstats .stat{background:var(--surface-2);border-radius:10px;padding:8px 10px;text-align:center}.pstats .stat .v{font-size:22px;line-height:1}.pstats .stat .l{font-size:10.5px;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font-size:13.5px;margin:0}.kv dt{color:var(--muted);white-space:nowrap}.kv dd{margin:0}.form{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.form-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.form-head b{color:var(--text)}.spark{display:flex;align-items:flex-end;gap:4px;height:44px;padding:0 2px}.spark .bar{flex:1;height:100%;display:flex;align-items:flex-end}.spark .bar i{display:block;width:100%;border-radius:3px 3px 0 0;background:var(--accent)}.spark .bar i.zero{background:var(--surface-3)}.gamelog{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.gamelog td{padding:5px 4px;border-bottom:1px solid var(--line)}.gamelog tr:last-child td{border-bottom:none}.gamelog td.d{color:var(--muted);white-space:nowrap;width:54px}.gamelog td.o{color:var(--text-2);white-space:nowrap;width:62px;font-weight:600;font-size:12px}.gamelog td.line{color:var(--muted)}.gamelog td.n{text-align:right;font-variant-numeric:tabular-nums}.acct{color:var(--text-2)}.google{display:inline-flex;align-items:center;justify-content:center}.poollist{display:flex;flex-direction:column;gap:10px}.poolcard{display:flex;align-items:center;gap:12px;color:var(--text);transition:transform .15s var(--ease),border-color .15s}.poolcard:hover{text-decoration:none;transform:translateY(-1px);border-color:var(--line-strong)}.poolcard .pname{font-size:22px}.pricebox{background:var(--surface-2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;margin-top:8px}.steps{display:flex;gap:6px;margin:0 0 14px;flex-wrap:wrap}.steps .step{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);padding:4px 10px 4px 6px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2)}.steps .step i{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:700;background:var(--surface-3)}.steps .step.done i{background:var(--ok);color:#fff}.steps .step.now{color:var(--text);border-color:var(--accent)}.steps .step.now i{background:var(--accent);color:var(--accent-ink)}.tabs button .tabdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warn, #f5b942);margin-left:6px;vertical-align:2px;box-shadow:0 0 8px var(--warn, #f5b942)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.tablewrap{overflow-x:auto;margin:0 -4px}.tablewrap table{min-width:720px}.importgrid td.imp{border-left:3px solid transparent}.importgrid td.imp.ok{border-left-color:var(--ok)}.importgrid td.imp.fuzzy{border-left-color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent)}.importgrid td.imp.none{border-left-color:var(--live);background:color-mix(in srgb,var(--live) 10%,transparent)}.importgrid td.imp.dup{border-left-color:var(--live)}.importgrid th input{font-weight:700}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.swatch.ok{background:var(--ok)}.swatch.fuzzy{background:var(--warn)}.swatch.none{background:var(--live)}.swatch.dup{background:var(--live);opacity:.5}.importgrid th .row,.importgrid td .row{flex-wrap:nowrap}.importgrid select.alt{width:auto;max-width:150px;padding:2px 6px;font-size:12px;flex:0 0 auto}.importgrid td{white-space:nowrap}.search.filtered{display:flex;align-items:center;gap:8px}.search.filtered input{flex:1 1 auto;min-width:0}.filterchip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);font-size:12px;font-weight:600;white-space:nowrap;flex:0 0 auto;animation:chipin .18s ease}.filterchip .lbl{color:var(--text)}@keyframes chipin{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}.watchlist{margin-bottom:14px}.watchrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-top:10px}.watchcard .small{white-space:nowrap}.watchcard{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--surface-2, rgba(255,255,255,.04));border:1px solid var(--line)}.watchcard.gone{opacity:.55}.watchcard .ok{color:var(--ok);font-weight:600}.watchcard .takenby{color:var(--live);font-weight:600}label.check{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}label.check input{width:18px;height:18px;accent-color:var(--accent)}.howto{margin-top:34px;text-align:left}.howto h2{font-family:var(--font-display);font-size:22px;letter-spacing:.02em;text-transform:uppercase;margin:0 0 12px}.howto ol{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:10px}.howto li{counter-increment:step;display:grid;grid-template-columns:34px 1fr;column-gap:12px;row-gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 70%,transparent)}.howto li:before{content:counter(step);grid-row:1 / span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--accent);color:#fff;font-size:14px}.howto li b{display:block;margin-bottom:2px}.howto li span{color:var(--muted);font-size:14px;line-height:1.45}.howto code{font-size:12.5px}.queue{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.queue li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);border-left-width:3px;border-left-color:var(--ok)}.queue li.fuzzy{border-left-color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent)}.queue li.none{border-left-color:var(--live);background:color-mix(in srgb,var(--live) 8%,transparent)}.queue li .n{width:22px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.queue select.alt{width:auto;max-width:150px;padding:2px 6px;font-size:12px}.nextup{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 8%,transparent)}.nextup.exhausted{border-color:color-mix(in srgb,var(--warn) 50%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}.nextup-title{font-size:13px;margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nextup-grid{display:grid;grid-template-columns:minmax(260px,1.15fr) repeat(2,minmax(200px,1fr));grid-template-rows:auto auto;gap:6px}.nextup-pick.top{grid-row:1 / span 2;grid-column:1;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent);padding:12px 14px;gap:12px}.nextup-pick.top .pname{font-size:18px;font-weight:800}.nextup-pick.top .n{font-size:14px;color:var(--accent)}@media(max-width:760px){.nextup-grid{grid-template-columns:1fr}.nextup-pick.top{grid-row:auto}}.nextup-pick{display:flex;align-items:center;gap:8px;text-align:left;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font:inherit;color:inherit;cursor:pointer}.nextup-pick:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.nextup-pick .n{width:16px;color:var(--muted);font-size:12px;font-weight:700}.nextup-pick .pname{white-space:normal;font-weight:600;line-height:1.2}.parts td.pname input{width:100%;min-width:150px}@media(max-width:640px){.parts,.parts tbody{display:block}.parts tr{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px 8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.parts td{display:block;padding:0;border:0;width:auto!important}.parts td.pname{grid-column:2 / span 2}.parts td:nth-child(3){grid-column:2}.parts td:nth-child(4){grid-column:3;justify-self:end}.parts td:nth-child(5){grid-column:2 / span 2;justify-self:end}}.linklist{display:grid;gap:6px;margin-top:6px}.linkrow{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;flex-wrap:wrap}.linkrow .grow{min-width:120px}a.btn{display:inline-flex;align-items:center;text-decoration:none;font:inherit;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);padding:5px 10px;font-size:13px;border-radius:8px}a.btn:hover{background:var(--surface-3)}.modal.qr{width:min(440px,100%);padding:16px;gap:12px}.modal.qr img{width:100%;max-width:360px;margin:0 auto;border-radius:12px;background:#fff}.yourpick{position:relative;overflow:hidden;margin-bottom:14px;padding:22px 20px 18px;border-radius:18px;border:2px solid var(--accent);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 60%),radial-gradient(120% 140% at 100% 100%,color-mix(in srgb,var(--live) 22%,transparent),transparent 60%),var(--surface);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 18%,transparent),0 24px 60px #00000059;animation:yp-in .6s cubic-bezier(.2,.9,.3,1.2),yp-glow 1.6s ease-in-out .6s infinite alternate}.yourpick.done{animation:yp-in .4s ease;border-color:var(--ok);box-shadow:0 0 0 6px color-mix(in srgb,var(--ok) 18%,transparent)}@keyframes yp-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes yp-glow{0%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 14%,transparent),0 24px 60px #00000059}to{box-shadow:0 0 0 12px color-mix(in srgb,var(--accent) 30%,transparent),0 24px 70px #0006}}.yp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--live)}.yp-title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(30px,7vw,52px);line-height:.95;margin:6px 0;animation:yp-shake .5s cubic-bezier(.36,.07,.19,.97) .55s 1}.yp-title em{font-style:normal;color:var(--accent)}@keyframes yp-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.yp-sub{color:var(--muted);margin-bottom:12px}.yp-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.yp-sparks i{position:absolute;left:50%;top:40%;width:8px;height:8px;border-radius:2px;background:var(--accent);opacity:0;animation:yp-spark 1.1s cubic-bezier(.2,.8,.3,1) forwards;animation-delay:calc(var(--i) * 28ms);transform:rotate(calc(var(--i) * 20deg)) translateY(0)}.yp-sparks i:nth-child(odd){background:var(--live)}.yp-sparks i:nth-child(3n){background:var(--gold, #ffd166);width:6px;height:12px}@keyframes yp-spark{0%{opacity:1;transform:rotate(calc(var(--i) * 20deg)) translateY(0) scale(1)}to{opacity:0;transform:rotate(calc(var(--i) * 20deg)) translateY(-260px) scale(.4)}}.yp-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}.yp-h{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.yp-quick{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;margin-bottom:6px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font:inherit;color:inherit;cursor:pointer}.yp-quick:hover{border-color:var(--accent)}.yp-quick .n{width:16px;color:var(--muted);font-size:12px;font-weight:700}.yp-confirm{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line-strong);animation:rise .2s var(--ease)}button.big{padding:14px 22px;font-size:17px;border-radius:12px}.mecard{margin-bottom:14px;border-color:color-mix(in srgb,var(--accent) 40%,transparent)}@media(prefers-reduced-motion:reduce){.yourpick,.yp-title,.yp-sparks i{animation:none}}.overlay.lottery{z-index:120}.lot{position:relative;width:min(720px,100%);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:18px 18px 14px;background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow);animation:rise .25s var(--ease)}.lot-kicker{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.lot-title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(24px,5vw,38px);line-height:1;min-height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lot-foot{min-height:30px;align-items:center}.lot-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);gap:14px;min-height:0}.drum{position:relative;aspect-ratio:1 / 1;width:min(100%,360px);margin:0 auto;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%),radial-gradient(circle at 70% 80%,color-mix(in srgb,var(--live) 14%,transparent),transparent 50%),var(--surface-2);border:3px solid var(--line-strong);box-shadow:inset 0 -30px 60px #00000059,inset 0 20px 40px #ffffff0a;animation:drumspin .55s ease-in-out infinite alternate}.drum.calm{animation:none}@keyframes drumspin{0%{transform:rotate(-4deg) translateY(1px)}to{transform:rotate(4deg) translateY(-1px)}}.drum-glass{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 35%,transparent 65%,rgba(255,255,255,.06));pointer-events:none}.drum-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:48px;opacity:.5}.ball{position:absolute;left:0;top:0;width:64px;height:64px;border-radius:50%;will-change:transform;background:radial-gradient(circle at 35% 30%,#fff,hsl(var(--h) 85% 62%) 55%,hsl(var(--h) 70% 38%));color:#0b0e14;box-shadow:0 8px 18px #00000073,inset -6px -8px 14px #00000040;display:grid;place-items:center;text-align:center;line-height:1}.ball .num{font-weight:900;font-size:20px}.ball .nm{font-size:9px;font-weight:700;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes tumble{0%{transform:translate(0) rotate(0)}25%{transform:translate(var(--dx),calc(var(--dy) * -.8)) rotate(120deg)}50%{transform:translate(calc(var(--dx) * -.9),var(--dy)) rotate(240deg)}75%{transform:translate(calc(var(--dx) * .6),calc(var(--dy) * .9)) rotate(300deg)}to{transform:translate(calc(var(--dx) * -.5),calc(var(--dy) * -.6)) rotate(360deg)}}@keyframes bob{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-8px) rotate(6deg)}}.slots{list-style:none;margin:0;padding:4px 6px 4px 2px;display:grid;gap:6px;align-content:start;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;max-height:56vh}.slot{display:flex;align-items:center;gap:10px;min-height:42px;padding:4px 10px;border-radius:10px;border:1px dashed var(--line);background:transparent}.slot.filled{border-style:solid;border-color:var(--line-strong);background:var(--surface-2);animation:slotpop .45s cubic-bezier(.2,.9,.3,1.3)}.slot.first{border-color:var(--gold, #ffd166);background:color-mix(in srgb,var(--gold, #ffd166) 14%,var(--surface-2));box-shadow:0 0 0 3px color-mix(in srgb,var(--gold, #ffd166) 30%,transparent)}@keyframes slotpop{0%{transform:scale(.9) translate(-16px);opacity:0}60%{transform:scale(1.02) translate(2px);opacity:1}to{transform:none}}.slot-n{width:22px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.slot-wait{color:var(--muted);letter-spacing:.3em}.drawn{display:flex;align-items:center;gap:10px}.ball.mini{position:static;width:30px;height:30px;margin:0;animation:none;box-shadow:0 3px 8px #0006}.ball.mini .num{font-size:13px}.badge.gold{background:var(--gold, #ffd166);color:#0b0e14;border-color:transparent}.lot-foot{display:flex;justify-content:flex-end}@media(max-width:640px){.lot-body{grid-template-columns:1fr}.drum{width:min(100%,240px)}}@media(prefers-reduced-motion:reduce){.drum,.ball,.slot.filled{animation:none}}
