:root{--brand-red: #e4002b;--brand-green: #1f9d72;--ground: #f3f1f1;--surface: #ffffff;--surface-2: #e9e5e6;--ink: #161315;--muted: #6b6266;--accent: #0b6b4e;--accent-soft: #0b6b4e16;--signal: #c10024;--signal-soft: #c1002416;--link: #c10024;--line: #ddd8d9;--line-strong: #bdb5b7;--on-accent: #ffffff;--shadow: 0 1px 2px #16131510, 0 10px 30px #1613150a;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--cond: "Helvetica Neue", "Avenir Next Condensed", "Roboto Condensed", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0f0f10;--surface: #17171a;--surface-2: #202024;--ink: #f1efef;--muted: #8a8288;--accent: #45c797;--accent-soft: #45c7971c;--signal: #ff3355;--signal-soft: #ff33551c;--link: #ff3355;--line: #26262a;--line-strong: #3a3a40;--on-accent: #06120d;--shadow: 0 1px 2px #0007, 0 10px 30px #0005}}:root[data-theme=dark]{--ground: #0f0f10;--surface: #17171a;--surface-2: #202024;--ink: #f1efef;--muted: #8a8288;--accent: #45c797;--accent-soft: #45c7971c;--signal: #ff3355;--signal-soft: #ff33551c;--link: #ff3355;--line: #26262a;--line-strong: #3a3a40;--on-accent: #06120d;--shadow: 0 1px 2px #0007, 0 10px 30px #0005}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--cond);margin:0;line-height:1.02;text-wrap:balance;letter-spacing:-.035em}h1{font-size:2.2rem;font-weight:800;text-transform:uppercase}h2{font-size:1.3rem;font-weight:800;text-transform:uppercase}h3{font-size:1rem;font-weight:800;letter-spacing:-.02em}p{margin:0}a{color:var(--link);text-underline-offset:3px}.eyebrow{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.17em;color:var(--muted)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:4px}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:11px max(16px,env(safe-area-inset-left)) 11px max(16px,env(safe-area-inset-right));background:color-mix(in srgb,var(--ground) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar .brand{display:flex;align-items:center;gap:10px;font-family:var(--cond);font-weight:800;text-transform:uppercase;font-size:1.05rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.topbar .brand em{font-style:normal;color:var(--brand-red)}.logo{display:block;flex:none}.topbar .spacer{flex:1}main{flex:1;width:100%;max-width:660px;margin:0 auto;padding:24px 16px 96px}.stack{display:flex;flex-direction:column;gap:14px}.stack-lg{display:flex;flex-direction:column;gap:30px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{display:flex;flex-direction:column;gap:5px}.loading{display:flex;align-items:center;gap:10px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:18px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow)}.card.tight{padding:14px 16px}.card.flat{box-shadow:none}.card.rail{border-left:3px solid var(--line-strong)}.card.rail-private{border-left-color:var(--accent)}.card.rail-random{border-left-color:#7a8b84}.card.rail-global{border-left-color:#b8892b}button,.btn{font:inherit;font-weight:600;border-radius:var(--r-sm);border:1px solid transparent;padding:11px 15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .15s,border-color .15s,opacity .15s,box-shadow .15s;text-decoration:none;color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand-red);color:#fff}.btn-primary:not(:disabled):hover{background:color-mix(in srgb,var(--brand-red) 84%,#000)}.btn-quiet{background:var(--surface);border-color:var(--line-strong)}.btn-quiet:not(:disabled):hover{background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent;padding:8px 10px}.btn-ghost:hover{color:var(--ink)}.btn-danger{background:transparent;color:var(--signal);border-color:color-mix(in srgb,var(--signal) 40%,transparent)}.btn-danger:hover{background:var(--signal-soft)}.btn-block{width:100%}.google-btn{display:flex;justify-content:center;min-height:44px}label{display:flex;flex-direction:column;gap:6px;font-size:.84rem;color:var(--muted)}input{font:inherit;color:var(--ink);background:var(--ground);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:11px 13px;width:100%}input::placeholder{color:var(--muted);opacity:.65}.pill{display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 9px;border-radius:999px;white-space:nowrap}.pill.alive{background:var(--accent-soft);color:var(--accent)}.pill.out{background:var(--signal-soft);color:var(--signal)}.pill.neutral{background:var(--surface-2);color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.dot.alive{background:var(--accent)}.dot.out{background:var(--signal);opacity:.5}.club-mark{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm);flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000026}.club-mark-text{font-family:var(--cond);font-weight:700;color:#fff;letter-spacing:.01em;text-shadow:0 1px 2px #00000080}.strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.strip::-webkit-scrollbar{height:4px}.strip::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.gw{flex:0 0 auto;width:82px;display:flex;flex-direction:column;gap:5px;text-align:center}.gw-n{font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.gw-pick{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 5px;background:var(--surface-2)}.gw-name{font-size:.72rem;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gw-res{font-size:.62rem;letter-spacing:.03em;color:var(--muted)}.gw.win .gw-pick{border-color:var(--accent);background:var(--accent-soft)}.gw.win .gw-res{color:var(--accent);font-weight:600}.gw.out .gw-pick{border-color:var(--signal);background:var(--signal-soft)}.gw.out .gw-res{color:var(--signal);font-weight:700}.gw.pending .gw-pick{border-style:dashed}.gw.empty .gw-pick{border-style:dashed;background:transparent;color:var(--muted)}.clubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}.club{--club: var(--accent);display:flex;flex-direction:row;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);text-align:left}.club:not(:disabled):hover{border-color:var(--club)}.club[aria-pressed=true]{border-color:var(--club);box-shadow:inset 0 0 0 2px var(--club);background:color-mix(in srgb,var(--club) 10%,var(--surface))}.club-text{display:flex;flex-direction:column;gap:0;min-width:0}.club-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp{display:flex;align-items:baseline;gap:5px;font-size:.74rem;font-weight:500;color:var(--muted);min-width:0}.opp>:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.venue{font-size:.56rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:1px 4px;border-radius:3px;background:var(--surface-2);flex:0 0 auto}.table{display:flex;flex-direction:column}.table.detached{border-top:1px dashed var(--line-strong);margin-top:10px;padding-top:8px;gap:4px}.tr{display:grid;grid-template-columns:30px 1fr auto 8px;gap:12px;align-items:center;padding:10px 8px;border-bottom:1px solid var(--line)}.table.detached .tr,.tr:last-child{border-bottom:0}.tr .rank{color:var(--muted);font-size:.8rem;text-align:right}.tr .who{display:flex;align-items:center;gap:8px;min-width:0}.tr .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr .survived{font-size:.85rem;color:var(--muted);font-weight:600}.tr .unit{font-size:.7em;opacity:.6;margin-left:1px}.tr.me{background:var(--accent-soft);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.tr.me .name{font-weight:700}.tr.me .rank{color:var(--accent);font-weight:700}.notice{border:1px solid var(--line);border-left:3px solid var(--line-strong);border-radius:var(--r-sm);padding:12px 14px;font-size:.88rem;color:var(--muted);background:var(--surface)}.notice.bad{border-left-color:var(--signal);color:var(--signal);background:var(--signal-soft)}.notice.good{border-left-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.invite .code{font-family:var(--mono);font-size:1.15rem;letter-spacing:.2em;font-weight:700;background:var(--surface-2);border-radius:var(--r-sm);padding:7px 12px;display:inline-block}.spinner{width:17px;height:17px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:spin .7s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.5s}*{transition:none!important}}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.76rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.hero{display:flex;flex-direction:column;gap:14px}.hero h1{font-size:clamp(2.4rem,11vw,3.4rem)}.hero .lede{font-size:1.05rem;color:var(--muted);max-width:34ch}.demo{display:flex;gap:6px}.demo .gw{width:76px}.tabs{display:flex;gap:4px;padding:3px;background:var(--surface-2);border-radius:10px}.tabs button{flex:1;padding:9px 10px;border-radius:7px;background:transparent;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.sticker{position:relative;background:var(--surface);border:2.5px solid var(--sticker, var(--line-strong));border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}.sticker{box-shadow:5px 5px 0 var(--sticker, var(--line-strong))}a.sticker:hover,button.sticker:hover{transform:translate(-1px,-1px)}a.sticker,button.sticker{transition:transform .12s;cursor:pointer;text-align:left}a.sticker:active,button.sticker:active{transform:translate(2px,2px)}.sticker-alive{--sticker: var(--accent)}.sticker-out{--sticker: var(--signal)}.sticker-warn{--sticker: #b8892b}.sticker-quiet{--sticker: var(--line-strong)}.sticker-grey{--sticker: #7a8b84}.tilt-a{transform:rotate(-.6deg)}.tilt-b{transform:rotate(.7deg)}.bignum{font-family:var(--cond);font-size:4.6rem;line-height:1.06;letter-spacing:-.04em;font-weight:700;font-variant-numeric:tabular-nums}.bignum-label{font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.bignum-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.card2d{width:24px;height:34px;border-radius:4px;flex:0 0 auto;transform:rotate(-12deg);box-shadow:inset 0 0 0 1.5px #0003}.card2d.red{background:var(--signal)}.card2d.green{background:var(--accent)}.card2d.sm{width:18px;height:26px;transform:rotate(10deg)}.pips{display:flex;gap:5px}.pip{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--line-strong)}.pip.on{background:var(--pip, var(--accent));border-color:var(--pip, var(--accent))}.hero-title{font-family:var(--cond);font-size:1.35rem;text-transform:uppercase;letter-spacing:-.01em}.tile-icon{width:42px;height:42px;border-radius:12px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sticker) 14%,transparent);color:var(--sticker)}.icon{display:block}.club-crest{object-fit:contain;flex:0 0 auto}.section-label{font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.stickers{display:flex;flex-direction:column;gap:18px}.avatar{width:56px;height:56px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);font-family:var(--cond);font-size:1.4rem;font-weight:700}