:root{--ground:#f6f4ee;--panel:#fffdf6;--ink:#1c1f24;--muted:#5a6069;--line:#d9d5ca;--danger:#b3261e;--focus:#1c1f24;--button:#1c1f24;--button-ink:#fffdf6;--saffron:#e07a00;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ground:#16181c;--panel:#1f2227;--ink:#eceef1;--muted:#a4abb4;--line:#353a42;--saffron:#ff9f1c;--ground-art:.16;--danger:#ff8a80;--focus:#eceef1;--button:#eceef1;--button-ink:#16181c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}html{touch-action:manipulation}body{background:var(--ground);color:var(--ink);font:16px/1.5 var(--sans)}body:before{content:"";z-index:-1;pointer-events:none;opacity:var(--ground-art,.12);background:url(/ground.jpg) 55% 70%/cover no-repeat;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 0 90px,#000 320px);mask-image:linear-gradient(#0000 0 90px,#000 320px)}[hidden]{display:none!important}.app{max-width:720px;padding:max(10px, env(safe-area-inset-top)) 16px 40px;flex-direction:column;gap:12px;margin:0 auto;display:flex}main{flex-direction:column;gap:12px;display:flex}h2,h3{font-weight:700}a{color:var(--ink)}button,.button{font:600 15px var(--sans);color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:9px 18px;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--button);color:var(--button-ink);border-color:var(--button)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.status{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.tagline{font:500 18px var(--sans);color:var(--ink);margin:0}.top .brand{font:italic 900 20px var(--sans);letter-spacing:-.3px;color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.top .brand img{border-radius:7px;display:block}.top .brand .agla{color:var(--saffron)}header.top{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-block{flex-direction:column;gap:2px;min-width:0;display:flex}header.top .slogan{font:italic 700 14px var(--sans);color:var(--muted);margin:0 0 0 36px}.icons{flex:none;gap:6px;display:flex;position:relative}.icon{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;font:700 17px var(--sans);color:var(--ink);fill:currentColor;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:grid}.games-menu{display:flex}@media (hover:hover){[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);white-space:nowrap;pointer-events:none;z-index:6;background:var(--ink);color:var(--ground);font:600 12px var(--sans);opacity:0;border-radius:6px;padding:4px 8px;transition:opacity .12s;position:absolute;top:calc(100% + 6px);right:0}[data-tip]:hover:after{opacity:1;transition-delay:.25s}[data-tip][aria-expanded=true]:after{display:none}}.games-pop{z-index:5;background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:14px;flex-direction:column;gap:6px;width:min(300px,100vw - 32px);padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000002e}.games-pop .small{color:var(--muted);margin:0 6px;font-size:13px}.games-pop ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.games-pop a{color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:6px;text-decoration:none;display:flex}.games-pop a:hover,.games-pop a:focus-visible{background:var(--ground)}.games-pop img{border-radius:8px;flex:none;display:block}.games-pop b{font-size:15px;display:block}.games-pop .game-tag{color:var(--muted);font-size:13px;display:block}.backdrop{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);color:var(--ink);text-align:left;border-radius:18px;outline:none;flex-direction:column;gap:12px;width:100%;max-width:460px;max-height:90vh;padding:18px 20px;display:flex;overflow:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:24px}.modal .close{background:0 0;border:0;padding:4px 10px;font-size:22px;line-height:1}.modal .tagline{font:italic 700 16px var(--sans);color:var(--muted)}.modal .small{color:var(--muted);margin:0;font-size:13px}.modal>.button{align-self:center}.steps{gap:8px;margin:0;padding-left:20px;display:grid}.group-form{text-align:left;width:100%;max-width:360px;margin:0 auto}.group-form label{flex-direction:column;gap:4px;width:100%;display:flex}.group-form input{font:inherit;padding:8px}.group-form [role=alert]{color:var(--ink,inherit);margin:0}.gp-tabs{flex-wrap:wrap;gap:6px;display:flex}.gp-tab{text-overflow:ellipsis;max-width:100%;font:600 13px var(--sans);border:1px solid var(--line);background:var(--panel);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;text-decoration:none;overflow:hidden}.gp-tab[aria-current=page]{background:var(--button);border-color:var(--button);color:var(--button-ink)}.gp-tab.gp-new{border-style:dashed}.gp-head{text-align:center;flex-direction:column;gap:2px;display:flex}.gp-head h2{margin:0 0 2px;font-size:24px}.gp-sub{color:var(--muted);text-align:center;margin:0;font-size:14px}.gp-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:700}.gp-list{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;margin:0;padding:0;list-style:none;overflow:hidden}.gp-row{grid-template-columns:1fr 74px;align-items:center;gap:8px;min-height:44px;padding:4px 10px;display:grid}.gp-row+.gp-row,.gp-match+.gp-match,.home-group+.home-group{border-top:1px solid color-mix(in srgb, var(--line) 60%, transparent)}.gp-row.me{background:color-mix(in srgb, var(--line) 22%, transparent)}.gp-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.gp-you{color:var(--muted);font-weight:400}.gp-act{justify-content:flex-end;display:flex}.gp-confirm{gap:4px;display:flex}.gp-match{grid-template-columns:1fr auto auto;align-items:center;gap:10px;min-height:48px;padding:4px 10px;display:grid}.gp-match-teams{font-weight:600}.gp-match-when{color:var(--muted);font-size:14px}.gp-live{color:var(--danger)}.home-group{text-align:left;padding:10px 14px}.mini-btn{font:600 12px var(--sans);color:var(--muted);padding:4px 10px}.button.primary.mini-btn{color:var(--button-ink)}.mini-btn.danger{color:var(--danger);border-color:currentColor}.gp-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.gp-leave{justify-content:center;gap:6px;padding-top:4px;display:flex}.match{flex-direction:column;gap:10px;width:100%;display:flex}.match .top{justify-content:space-between;align-items:center;font-weight:700;display:flex}.match .top a{font:600 14px var(--sans);color:var(--muted);text-decoration:none}.match .score{color:var(--muted);font-size:13px}.summary-head{font-weight:700}.summary-you{margin-top:4px;font-size:14px}.summary-best{color:var(--muted);margin:6px 0 0;padding-left:18px;font-size:13px}.strip{gap:3px;display:flex}.strip button{background:color-mix(in srgb, var(--line) 50%, var(--panel));min-width:0;min-height:44px;color:var(--ink);font:600 10px var(--sans);border:1px solid #0000;border-radius:8px;flex:1;padding:0}.strip button.done{color:#1c1f24;background:#d9ead3}.strip button.now{color:#1c1f24;background:#fde7c8}.strip button.next{color:#fff;background:#8f1f92}.strip button.focus{outline:2px solid var(--focus);outline-offset:1px}.strip-note{color:var(--muted);justify-content:space-between;margin-top:-4px;font-size:10px;display:flex}.blk{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px}.blk h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 6px;font-size:12px}.blk.open{border-color:#c84dca;box-shadow:0 0 0 2px #c84dca22}.closes{color:#a63aa8;font-size:12px;font-weight:600}.picked{color:var(--muted);font-size:12px}.row{margin:8px 0}.row .lbl{color:var(--muted);margin-bottom:3px;font-size:12px}.seg{gap:4px;display:flex}.seg button{border-radius:8px;flex:1;min-height:44px;padding:6px 2px;font-size:13px}.seg button.on{background:var(--button);color:var(--button-ink);border-color:var(--button)}.notice{color:var(--danger);margin:6px 0 0;font-size:13px;font-weight:600}.live{justify-content:space-between;gap:8px;margin:4px 0;font-size:14px;display:flex}.ok{color:#2e7d32;font-weight:600}.bad{color:var(--danger);font-weight:600}.muted{color:var(--muted)}.who{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.6}.btn{text-align:center;color:#fff;background:#25d366;border-radius:10px;margin-top:8px;padding:10px;font-weight:600;text-decoration:none;display:block}.tabs{gap:6px;margin-bottom:6px;display:flex}.tabs button{padding:3px 10px;font-size:12px}.tabs button.on{background:var(--button);color:var(--button-ink);border-color:var(--button)}.lb-best{color:var(--muted);margin:8px 0 0;font-size:13px}.gp-honor{text-align:left;flex-direction:column;gap:2px;padding:6px 0;display:flex}.gp-honor small{text-align:left}.soon{color:var(--muted);text-align:center;margin:8px 0}table.lb{border-collapse:collapse;width:100%;font-size:14px}table.lb td{border-bottom:1px solid var(--line);padding:6px 2px}table.lb td.n{text-align:right;font-variant-numeric:tabular-nums}table.lb tr.me td{background:#c84dca24;font-weight:700}table.lb th{color:var(--muted);text-align:right;padding:2px;font-size:10px;font-weight:500}table.lb th:first-child,table.lb th:nth-child(2){text-align:left}.crowd{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:8px 0;padding:12px}.crowd h4,.sheet h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 6px;font-size:12px}.taps{gap:8px;display:flex}.tap{border-radius:12px;flex:1;min-height:64px;font-size:22px;font-weight:800}.tap:disabled{opacity:.45}.tap.wicket{color:#fff;background:#c0392b;border-color:#c0392b}.tap.six{color:#fff;background:#8f1f92;border-color:#8f1f92}.wide{border-radius:10px;width:100%;min-height:44px;margin-top:8px;display:block}.sheet{background:var(--panel);border:2px solid #c84dca;border-radius:12px;margin:8px 0;padding:12px}.stepper{align-items:center;gap:10px;margin:8px 0;display:flex}.stepper .lbl{flex:1;font-size:14px}.stepper button{border-radius:8px;min-width:44px;min-height:44px;font-size:20px}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:20px;font-weight:700}.sheet-actions{gap:8px;margin-top:8px;display:flex}.sheet-actions button{border-radius:10px;flex:1;min-height:44px}.sheet-actions button.on{background:var(--button);color:var(--button-ink);border-color:var(--button)}.fixes{color:var(--muted);text-transform:capitalize;flex-wrap:wrap;justify-content:flex-start;gap:12px;font-size:12px}.fixes .num{border-radius:8px;min-width:36px;min-height:36px;font-size:14px}.history{color:var(--muted);margin:6px 0 0;padding-left:16px;font-size:12px}