:root{--paper:#f5f7fb;--paper-2:#e8edf6;--ink:#0b1630;--ink-2:#4a5878;--turf:#2d7bff;--accent:#2d7bff;--accent-ink:#1f5fd6;--board:#0b1630;--board-2:#070f22;--ball:#c81e27;--gold:#e3a82b;--line:#d6deeb;--team:#1c4e80;--team-2:#e3a82b;--ok:#2e7d4f;--warn:#b7791f;--bad:#b42318;--display:"Saira Condensed", "Arial Narrow", sans-serif;--body:"IBM Plex Sans", system-ui, sans-serif;--r-sm:4px;--r-md:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#070d1c;--paper-2:#0f1a33;--ink:#e7ecf7;--ink-2:#a3b0c9;--line:#23314f;--board:#0a1328;--board-2:#060c1b;--accent-ink:#7fa9ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#070d1c;--paper-2:#0f1a33;--ink:#e7ecf7;--ink-2:#a3b0c9;--line:#23314f;--board:#0a1328;--board-2:#060c1b;--accent-ink:#7fa9ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:16px/1.55 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);letter-spacing:.005em;margin:0;font-weight:700;line-height:1.05}h1{font-size:clamp(48px,8vw,112px);font-weight:800}h2{font-size:clamp(28px,3.4vw,42px)}h3{font-size:22px}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.num{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:700}.muted{color:var(--ink-2)}.small{font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.spacer{flex:1}.btn{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--ink-2)}.btn.primary{background:var(--ball);border-color:var(--ball);color:#fff}.btn.primary:hover{background:#8a1a16}.btn.ghost{color:#fff;background:0 0;border-color:#ffffff80}.btn.ghost:hover{border-color:#fff}.btn.sm{padding:6px 12px;font-size:14px}.btn[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}input[type=text],input[type=number],input[type=time],select,textarea{border:1.5px solid var(--line);background:var(--paper);border-radius:var(--r-sm);width:100%;padding:9px 11px;font-weight:400}textarea{resize:vertical;min-height:96px;font-weight:400;line-height:1.5}label.field{flex-direction:column;gap:6px;font-size:15px;font-weight:600;display:flex}label.field .hint{color:var(--ink-2);font-size:14px;font-weight:400}.hero{background:#a9c8de;height:100svh;min-height:560px;position:relative;overflow:hidden}.hero canvas{inset:0;position:absolute!important}.hero-copy{color:#fff;pointer-events:none;background:linear-gradient(#08180f00,#08180f8c 45%,#08180fd1);padding:0 clamp(16px,5vw,64px) clamp(28px,6vh,64px);position:absolute;bottom:0;left:0;right:0}.hero-copy>*{pointer-events:auto;max-width:760px}.hero-copy h1{color:#fff;text-shadow:0 2px 30px #00000040}.hero-copy p{color:#e6eee8;max-width:34em;margin:14px 0 24px;font-size:clamp(17px,1.6vw,20px)}.topbar{z-index:2;align-items:center;gap:16px;padding:16px clamp(16px,5vw,64px);display:flex;position:absolute;top:0;left:0;right:0}.wordmark{font-family:var(--display);color:#fff;align-items:center;gap:10px;font-size:30px;font-weight:800;text-decoration:none;display:flex}.logo{font-family:"Barlow Condensed", var(--display);letter-spacing:.01em;align-items:center;font-style:italic;font-weight:800;line-height:1;display:inline-flex}.logo .logo-ball{flex:none;width:auto;height:.8em;margin:0 .02em 0 -.06em}.wordmark .seam{background:radial-gradient(circle at 35% 35%,#d33a32,#7d1410);border-radius:50%;width:22px;height:22px;position:relative;box-shadow:inset 0 0 0 2px #fff0}.wordmark .seam:after{content:"";border-top:2px dotted #f1e6c9;border-bottom:2px dotted #f1e6c9;position:absolute;inset:9px 0}.board{background:var(--board);color:#fff;box-shadow:0 10px 30px #00000040, inset 0 0 0 3px var(--board-2);border-radius:6px;grid-template-columns:auto auto;align-items:center;gap:6px 14px;min-width:236px;padding:10px 12px;display:grid}.board .lab{font-family:var(--display);color:#c3d3f2;font-size:15px}.board .tiles{justify-content:flex-end;gap:4px;display:flex}.board .tile{color:#0b1630;min-width:30px;height:38px;font-family:var(--display);background:#eef2fa;border-radius:3px;place-items:center;padding:0 6px;font-size:26px;font-weight:800;display:grid;box-shadow:inset 0 -3px #0000001f}.board .tile.red{background:var(--ball);color:#fff}.board .shot{font-family:var(--display);grid-column:1/-1;min-height:26px;font-size:20px;font-weight:700}.hero .board{z-index:2;position:absolute;top:76px;right:clamp(16px,5vw,64px)}.section{padding:clamp(56px,9vw,120px) clamp(16px,5vw,64px)}.section .lede{max-width:38em;color:var(--ink-2);margin-top:14px;font-size:18px}.week{border-top:2px solid var(--ink);gap:0;margin-top:44px;display:grid}.week .day{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,200px) 1fr;gap:24px;padding:26px 0;display:grid}.week .day h3{font-size:30px}.week .day ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 32px;margin:0;padding:0;list-style:none;display:grid}.week .day li strong{font-size:17px;display:block}.week .day li span{color:var(--ink-2);font-size:15px}@media (width<=640px){.week .day{grid-template-columns:1fr;gap:10px}}.try{grid-template-columns:1fr minmax(260px,340px);align-items:start;gap:28px;margin-top:36px;display:grid}@media (width<=860px){.try{grid-template-columns:1fr}}.stage{border-radius:var(--r-md);border:1px solid var(--line);background:#a9c8de;height:min(68vh,620px);position:relative;overflow:hidden}.footer{border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;gap:16px;padding:40px clamp(16px,5vw,64px);display:flex}.fe-label{color:#fff;font:600 12px/1 var(--body);white-space:nowrap;background:#0b1630d6;border-radius:4px;padding:5px 7px;transform:translateY(-2px)}.fe-label.on{background:var(--gold);color:#0b1630}.app{grid-template-rows:auto auto 1fr;min-height:100svh;display:grid}.app-head{background:var(--board);color:#fff;border-bottom:4px solid var(--team);align-items:center;gap:14px;padding:10px clamp(12px,3vw,28px);display:flex}.app-head .wordmark{font-size:27px}.teamswitch{background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:4px 6px 4px 4px;display:flex}.teamswitch .dot{background:conic-gradient(var(--team) 0 50%, var(--team-2) 0);border:2px solid #fff;border-radius:50%;width:28px;height:28px}.teamswitch select{color:#fff;background:0 0;border:0;width:auto;padding:4px;font-weight:600}.teamswitch select option{color:#0b1630}.tabs{background:var(--paper-2);border-bottom:1px solid var(--line);scrollbar-width:none;gap:2px;padding:0 clamp(8px,2vw,20px);display:flex;overflow-x:auto}.tabs a{white-space:nowrap;color:var(--ink-2);border-bottom:3px solid #0000;margin-bottom:-1px;padding:12px 14px;font-size:15px;font-weight:600;text-decoration:none}.tabs a.active{color:var(--ink);border-color:var(--ball)}.main{padding-block:clamp(16px,3vw,32px) 150px;padding-left:max(clamp(16px, 3vw, 32px), env(safe-area-inset-left,0px));padding-right:max(clamp(16px, 3vw, 32px), env(safe-area-inset-right,0px));width:100%;max-width:1320px;margin:0 auto}.pagehead{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:22px;display:flex}.pagehead .sub{color:var(--ink-2)}.panel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);padding:18px}.panel h3{margin-bottom:10px}.grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.grid-rail{grid-template-columns:260px 1fr;gap:24px;display:grid}@media (width<=900px){.grid-rail{grid-template-columns:1fr}.rail{display:none}}.rail{flex-direction:column;align-self:start;gap:4px;max-height:calc(100svh - 24px);display:flex;position:sticky;top:12px;overflow:auto}.rail a{border-radius:var(--r-sm);grid-template-columns:34px 1fr;gap:2px 8px;padding:8px 10px;text-decoration:none;display:grid}.rail a.active{background:var(--paper-2);box-shadow:inset 3px 0 0 var(--ball)}.rail .r{font-family:var(--display);grid-row:span 2;font-size:20px;font-weight:800}.rail .meta{color:var(--ink-2);font-size:13px}.picker{margin-bottom:14px;display:none}@media (width<=900px){.picker{gap:8px;display:flex}}.subtabs{flex-wrap:wrap;gap:6px;margin:18px 0;display:flex}.chip{background:var(--paper-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip.won{color:#1d5c37;background:#dcefe2}.chip.lost{color:#8a1a16;background:#f6dcda}.chip.next{background:var(--ink);color:var(--paper)}.chip.final{color:#7a5300;background:#fff1cc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chip.won{color:#a8e0bb;background:#1d3a28}:root:not([data-theme=light]) .chip.lost{color:#f2b8b4;background:#3d1c1a}:root:not([data-theme=light]) .chip.final{color:#f4d58d;background:#3b2f12}}.matchhead{flex-wrap:wrap;align-items:start;gap:20px;display:flex}.matchhead h2 small{color:var(--ink-2);font-size:18px;font-weight:600;display:block}.countdown{font-family:var(--display);color:var(--ball);font-size:34px;font-weight:800}table.t{border-collapse:collapse;width:100%;font-size:15px}table.t th{text-align:left;color:var(--ink-2);border-bottom:2px solid var(--ink);white-space:nowrap;padding:8px 10px;font-weight:600}table.t td{border-bottom:1px solid var(--line);padding:9px 10px}table.t td.n,table.t th.n{text-align:right;font-variant-numeric:tabular-nums}table.t tr.us td{background:var(--paper-2);font-weight:600}.scroll{min-width:0;max-width:100%;overflow-x:auto}.main,.stack>*,.grid2>*,.split>*{min-width:0}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.avail{border:1.5px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.avail button{cursor:pointer;background:0 0;border:0;padding:7px 14px;font-weight:600}.avail button[aria-pressed=true].yes{background:var(--ok);color:#fff}.avail button[aria-pressed=true].maybe{background:var(--warn);color:#fff}.avail button[aria-pressed=true].no{background:var(--bad);color:#fff}.editor{grid-template-columns:1fr 300px;gap:18px;display:grid}@media (width<=980px){.editor{grid-template-columns:1fr}}.editor .stage{height:min(70vh,640px)}.poslist{columns:1;margin:0;padding:0;font-size:14px;list-style:none}.poslist li{border-bottom:1px solid var(--line);justify-content:space-between;padding:5px 0;display:flex}.idea{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;gap:14px;padding:14px 0;display:grid}.vote{border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--paper);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:6px;display:flex}.vote[aria-pressed=true]{border-color:var(--ball);color:var(--ball)}.vote .num{font-size:24px}.pad{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.pad button{font-family:var(--display);border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--paper);cursor:pointer;padding:14px 0;font-size:26px;font-weight:800}.pad button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pad button.four{color:#9a6a00}.pad button.six{color:var(--ball)}.legend{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.legend i{vertical-align:middle;border-radius:2px;width:18px;height:4px;margin-right:6px;display:inline-block}.bar{background:var(--paper-2);border-radius:4px;height:8px;overflow:hidden}.bar>i{background:var(--turf);border-radius:4px;height:100%;display:block}.kpis{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;display:grid}.kpis div{padding:14px 12px 12px 0}.kpis .num{font-size:40px;line-height:1;display:block}.kpis span:not(.num){color:var(--ink-2);font-size:14px}.rolebar{bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);z-index:30;border-radius:999px;align-items:center;gap:4px;padding:6px;font-size:14px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.rolebar span{color:var(--ink-2);padding:0 10px}.rolebar button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-weight:600}.rolebar button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.empty{text-align:center;color:var(--ink-2);border:1.5px dashed var(--line);border-radius:var(--r-md);padding:36px}.empty strong{color:var(--ink);margin-bottom:6px;font-size:18px;display:block}.chat{flex-direction:column;gap:12px;display:flex}.chat .msg{border-radius:var(--r-md);background:var(--paper-2);max-width:64ch;padding:12px 14px}.chat .msg.me{background:var(--ink);color:var(--paper);align-self:flex-end}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.wordmark{white-space:nowrap}@media (width<=400px){.app-head .wordmark .logo>span{display:none}.app-head .wordmark .logo-ball{height:26px;margin:0}}@media (width<=520px){.app-head{gap:10px}.app-head .wordmark{font-size:19px}.teamswitch{flex:0 auto;min-width:0}.teamswitch select{text-overflow:ellipsis;min-width:0;max-width:100%;font-size:14px}.app-head .spacer{flex:1 1 0;min-width:0}.app-head .who-chip .nm{display:none}.app-head>.btn{flex:none}.rolebar span{display:none}.countdown{font-size:26px}.hero .board{min-width:0;top:68px}}@media (width<=900px){.rail{display:none}.picker{gap:8px;display:flex}}.auth{background:var(--board);grid-template-columns:minmax(0,1fr) minmax(380px,500px);min-height:100svh;display:grid}.auth-stage{background:#a9c8de;min-height:100svh;position:relative;overflow:hidden}.auth-stage canvas{inset:0;position:absolute!important}.auth-mark{z-index:2;top:calc(18px + env(safe-area-inset-top,0px));left:max(24px, env(safe-area-inset-left,0px));text-shadow:0 1px 12px #00000059;position:absolute}.auth-board{z-index:2;left:max(24px, env(safe-area-inset-left,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));min-width:250px;position:absolute}.auth-card{background:var(--paper);z-index:3;flex-direction:column;min-width:0;display:flex;position:relative;box-shadow:-18px 0 40px #00000038}.auth-tabs{padding:calc(16px + env(safe-area-inset-top,0px)) max(22px, env(safe-area-inset-right,0px)) 16px 22px;background:var(--board);border-bottom:5px solid var(--ball);box-shadow:inset 0 0 0 3px var(--board-2);grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-tabs a{height:54px;font-family:var(--display);color:#c3d3f2;background:#ffffff12;border-radius:4px;place-items:center;font-size:24px;font-weight:800;text-decoration:none;transition:background .15s,color .15s;display:grid;box-shadow:inset 0 -3px #0000002e}.auth-tabs a:hover{color:#fff;background:#ffffff24}.auth-tabs a[aria-current=page]{color:#0b1630;background:#eef2fa}.auth-body{padding:30px max(30px, env(safe-area-inset-right,0px)) calc(30px + env(safe-area-inset-bottom,0px)) 30px;flex-direction:column;flex:1;justify-content:center;display:flex}.auth-form{flex-direction:column;gap:16px;width:100%;max-width:420px;margin:0 auto;display:flex}.auth-form h1{text-wrap:balance;font-size:clamp(36px,4vw,46px);line-height:1}.auth-form .lead{color:var(--ink-2);margin-top:-6px;font-size:16px}.steps{color:var(--ink-2);margin-bottom:-8px;font-size:14px}.steps b{color:var(--ball);font-weight:600}.af{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.af-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.af label,.af legend,.sw legend{padding:0;font-size:15px;font-weight:600}.af input,.af select,.pw input{border:2px solid var(--line);background:var(--paper);border-radius:8px;width:100%;height:50px;padding:0 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.af input:focus,.af select:focus,.pw input:focus{border-color:var(--board);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 40%, transparent);outline:none}.af.bad input{border-color:var(--bad)}.af-msg{color:var(--bad);font-size:14px;font-weight:500}.af-hint{color:var(--ink-2);font-size:14px}.af-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=460px){.af-2{grid-template-columns:1fr}}.pw{position:relative}.pw input{padding-right:76px}.pw-show{background:var(--paper-2);cursor:pointer;border:0;border-radius:6px;height:36px;padding:0 12px;font-size:14px;font-weight:600;position:absolute;top:7px;right:6px}.meter{align-items:center;gap:4px;display:inline-flex}.meter i{background:var(--paper-2);border-radius:3px;width:34px;height:6px}.meter b{margin-left:6px;font-size:13px;font-weight:600}.meter[data-s="1"] i:nth-child(-n+1){background:var(--bad)}.meter[data-s="2"] i:nth-child(-n+2){background:var(--warn)}.meter[data-s="3"] i:nth-child(-n+3),.meter[data-s="4"] i:nth-child(-n+4){background:var(--ok)}.auth-go{background:var(--ball);color:#fff;height:56px;font-family:var(--display);cursor:pointer;border:0;border-radius:8px;place-items:center;font-size:24px;font-weight:800;text-decoration:none;transition:background .15s,transform .1s;display:grid;box-shadow:inset 0 -4px #0000002e}.auth-go:hover{background:#8a1a16}.auth-go:active{transform:translateY(1px)}.auth-go:disabled{opacity:.6;cursor:progress}.auth-google{border:2px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:50px;font-size:16px;font-weight:600;display:flex}.auth-google:hover{border-color:var(--ink-2)}.auth-google .g{background:var(--paper-2);border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:grid}.or{color:var(--ink-2);align-items:center;gap:12px;font-size:14px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.linkbtn{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.auth-switch{color:var(--ink-2);font-size:15px}.auth-switch a{color:var(--ink);font-weight:600}.auth-demo{background:var(--paper-2);border-left:4px solid var(--gold);border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;display:flex}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.seg{border:2px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.seg label{cursor:pointer;position:relative}.seg input{opacity:0;position:absolute;inset:0}.seg span{text-align:center;place-items:center;min-height:48px;padding:6px 10px;font-size:15px;font-weight:600;display:grid}.seg input:checked+span{background:var(--board);color:#fff}.seg input:focus-visible+span{outline:3px solid var(--accent);outline-offset:-3px}.seg.sm span{min-height:46px;font-size:14px}.pitch legend{margin-bottom:6px}.sw{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.sw-row{flex-wrap:wrap;gap:8px;display:flex}.sw-opt{cursor:pointer;position:relative}.sw-opt input[type=radio]{opacity:0;position:absolute;inset:0}.sw-opt span{border:2px solid #00000026;border-radius:50%;width:34px;height:34px;display:block;box-shadow:inset 0 0 0 2px #ffffff59}.sw-opt input:checked+span{outline:3px solid var(--ink);outline-offset:2px}.sw-opt input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.sw-opt.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.crest{background:var(--p);color:#fff;box-shadow:inset 0 -5px 0 var(--s);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.crest-dot{background:conic-gradient(var(--p) 0 50%, var(--s) 0);border:3px solid #fff;border-radius:50%;flex:none;width:44px;height:44px}.crest-txt{flex-direction:column;min-width:0;display:flex}.crest-txt b{font-family:var(--display);overflow-wrap:anywhere;font-size:24px;line-height:1.05}.crest-txt small{opacity:.85;font-size:13px}.auth-join{flex-direction:column;gap:16px;display:flex}@media (width<=900px){.auth{grid-template-columns:1fr}.auth-stage{min-height:40svh}.auth-board{min-width:0;bottom:10px;left:max(12px, env(safe-area-inset-left,0px));grid-template-columns:auto auto auto auto;gap:4px 8px;padding:6px 10px}.auth-board .lab{font-size:13px}.auth-board .tile{min-width:20px;height:26px;padding:0 4px;font-size:18px}.auth-board .shot{min-height:0;font-size:15px}.auth-mark{font-size:22px}.auth-card{box-shadow:0 -14px 30px #0003}.auth-tabs{padding-top:14px}.auth-tabs a{height:48px;font-size:21px}.auth-body{padding:24px max(16px, env(safe-area-inset-right,0px)) calc(32px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.auth-go:active{transform:none}}.who-chip{color:#fff;align-items:center;gap:8px;font-size:14px;display:flex}.who-chip .av{background:var(--team-2);color:#0b1630;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.who-chip button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:5px 11px;font-size:13px}@media (width<=640px){.who-chip .nm{display:none}}.overs{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.overs li{border-bottom:1px solid var(--line);grid-template-columns:76px 1fr auto;align-items:center;gap:10px;padding:7px 0;display:grid}.overs .ov{color:var(--ink-2);font-size:14px}.overs .balls{flex-wrap:wrap;gap:5px;display:flex}.overs .ovr{font-size:18px}.bl{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;min-width:34px;height:32px;padding:0 7px;font-size:13px;font-weight:600}.bl:hover{border-color:var(--ink-2)}.bl.w{background:var(--bad);border-color:var(--bad);color:#fff}.bl.x{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, var(--line))}.bl.b{background:color-mix(in srgb, var(--gold) 22%, var(--paper))}.bl.on{outline:3px solid var(--accent);outline-offset:1px}.editing{background:color-mix(in srgb, var(--gold) 18%, var(--paper));border-left:4px solid var(--gold);border-radius:8px;padding:10px 12px;font-size:14px}.adds{background:var(--paper-2);border-radius:8px;padding:8px 12px;font-weight:600}.btn.danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 50%, var(--line))}.pad button:disabled{opacity:.35;cursor:not-allowed}.pom{border-radius:var(--r-md);background:var(--board);color:#fff;box-shadow:inset 0 -5px 0 var(--team-2);grid-template-columns:120px 1fr;align-items:center;gap:18px;padding:16px;display:grid}.pom.compact{grid-template-columns:72px 1fr;gap:14px;padding:12px 14px}.pom-photo{aspect-ratio:1;width:120px;font-family:var(--display);color:var(--team-2);background:#ffffff1a;border-radius:10px;place-items:center;font-size:52px;font-weight:800;display:grid;overflow:hidden}.pom.compact .pom-photo{width:72px;font-size:32px}.pom-photo img{object-fit:cover;width:100%;height:100%;display:block}.pom-body{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.pom-lab{color:#c3d3f2;font-size:14px}.pom-name{font-family:var(--display);font-size:clamp(28px,4vw,40px);line-height:1}.pom.compact .pom-name{font-size:26px}.pom-why{color:#e6eee8;font-size:15px}.pom .chip{color:#fff;background:#ffffff1f}.pom .btn{color:#fff;background:#ffffff14;border-color:#ffffff4d}.pom select{color:var(--ink)}.pom .af-msg{color:#ffb4ab}@media (width<=400px){.app-head .wordmark .logo>span{display:none}.app-head .wordmark .logo-ball{height:26px;margin:0}}@media (width<=520px){.pom{grid-template-columns:84px 1fr}.pom-photo{width:84px;font-size:36px}}.seg-mini{border:1.5px solid var(--line);border-radius:999px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg-mini button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;padding:6px 12px;font-size:14px;font-weight:600}.seg-mini button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.chip.src-playcricket{color:#163e6b;background:#dde8f6}.chip.src-cricheroes{color:#8a3c08;background:#fde7d6}.chip.src-site{color:#1d5c37;background:#dcefe2}.chip.ball-tennis{color:#6b5300;background:#fff4c2}.chip.ball-leather{color:#8a1a16;background:#f6dcda}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chip.src-playcricket{color:#a9c8f0;background:#1b2e46}:root:not([data-theme=light]) .chip.src-cricheroes{color:#f4c29a;background:#3a2414}:root:not([data-theme=light]) .chip.src-site{color:#a8e0bb;background:#1d3a28}:root:not([data-theme=light]) .chip.ball-tennis{color:#f1dc84;background:#3a3212}:root:not([data-theme=light]) .chip.ball-leather{color:#f2b8b4;background:#3d1c1a}}.ch-grid input,.ch-grid select{min-width:64px;padding:6px 8px}.ch-grid td{padding:4px}.ch-grid td:first-child input{min-width:110px}.ch-grid td:nth-child(2) input{min-width:150px}.th-sort{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.th-sort[aria-pressed=true]{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.sheet{color:#111;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;width:100%;max-width:760px;margin:0 auto;padding:28px}.sheet-head{border-left:10px solid var(--p);align-items:center;gap:14px;margin-bottom:16px;padding-left:14px;display:flex}.sheet-head h2{color:#111}.sheet-head p{color:#444}.sheet-head .crest-dot{width:40px;height:40px}.sheet-kind{color:#444;white-space:nowrap;border:1px solid #bbb;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:13px;font-weight:600}.sheet-match{margin-bottom:8px}.sheet .t th{color:#333;border-bottom-color:#111}.sheet .t td{border-bottom-color:#ccc}.sheet .muted{color:#666}.sheet-small{color:#333;margin-top:10px;font-size:14px}.sheet-line{flex-wrap:wrap;align-items:end;gap:8px;margin-top:18px;display:flex}.sheet-line span{border-bottom:1px solid #111;flex:1;min-width:140px;height:18px}.sheet-line span.short{flex:0 140px}.sheet-sig{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.sheet-sig div{color:#333;border-top:1px solid #111;padding-top:4px;font-size:13px}@media print{.app-head,.tabs,.rolebar,.sheet-tools,.guide-launch,.guide-panel{display:none!important}body{background:#fff}.main{max-width:none;padding:0!important}.sheet{border:0;max-width:none;padding:0}}.notes{margin:0;padding:0;list-style:none}.note{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0;display:flex}.note-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip.k-scoring{color:#7a5300;background:#fff1cc}.chip.k-selection{color:#163e6b;background:#dde8f6}.chip.k-ground{color:#1d5c37;background:#dcefe2}.chip.k-fees{color:#8a1a16;background:#f6dcda}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chip.k-scoring{color:#f4d58d;background:#3b2f12}:root:not([data-theme=light]) .chip.k-selection{color:#a9c8f0;background:#1b2e46}:root:not([data-theme=light]) .chip.k-ground{color:#a8e0bb;background:#1d3a28}:root:not([data-theme=light]) .chip.k-fees{color:#f2b8b4;background:#3d1c1a}}.guide-launch{z-index:40;right:max(18px, env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));border:2px solid var(--accent);background:var(--board);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:10px 16px 10px 10px;font-size:15px;font-weight:600;display:flex;position:fixed;box-shadow:0 10px 28px #00000047}.guide-launch .seam,.guide-panel header .seam{background:radial-gradient(circle at 35% 35%,#d33a32,#7d1410);border-radius:50%;flex:none;width:26px;height:26px;position:relative}.guide-launch .seam:after,.guide-panel header .seam:after{content:"";border-top:2px dotted #f1e6c9;border-bottom:2px dotted #f1e6c9;position:absolute;inset:11px 0}.guide-launch i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2.4s infinite g-pulse}@keyframes g-pulse{0%{box-shadow:0 0 #2d7bff99}70%{box-shadow:0 0 0 8px #2d7bff00}to{box-shadow:0 0 #2d7bff00}}.app~.guide-launch,.app .guide-launch{bottom:calc(70px + env(safe-area-inset-bottom,0px))}.guide-panel{z-index:41;right:max(18px, env(safe-area-inset-right,0px));bottom:calc(128px + env(safe-area-inset-bottom,0px));background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;width:min(420px,100vw - 24px);max-height:min(600px,72vh);display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 60px #00000052}.guide-panel header{background:var(--board);color:#fff;border-bottom:4px solid var(--accent);align-items:center;gap:12px;padding:14px 16px;display:flex}.guide-panel header div{flex-direction:column;flex:1;min-width:0;display:flex}.guide-panel header b{font-family:var(--display);font-size:22px;line-height:1}.guide-panel header small{color:#c3d3f2;font-size:13px}.g-x{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;width:30px;height:30px;font-size:16px}.g-x:hover{background:#ffffff1f}.g-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.g-hello{color:var(--ink-2);font-size:15px}.g-openers{flex-wrap:wrap;gap:6px;display:flex}.g-openers button{border:1.5px solid var(--line);background:var(--paper-2);cursor:pointer;text-align:left;border-radius:999px;padding:6px 12px;font-size:14px}.g-openers button:hover{border-color:var(--ink-2)}.g-me{background:var(--board);color:#fff;border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;padding:9px 13px;font-size:15px}.g-bot{white-space:pre-wrap;max-width:94%;font-size:15px;line-height:1.5}.g-link{border:1.5px solid var(--ball);color:var(--ball);cursor:pointer;background:0 0;border-radius:999px;margin:6px 6px 0 0;padding:3px 11px;font-size:14px;font-weight:600;display:inline-block}.g-link:hover{background:var(--ball);color:#fff}.g-cursor{vertical-align:-2px;background:var(--ball);width:7px;height:15px;margin-left:2px;animation:1s steps(2,end) infinite g-blink;display:inline-block}@keyframes g-blink{50%{opacity:0}}.g-err{color:var(--bad);font-size:13px}.guide-panel form{border-top:1px solid var(--line);padding:10px 12px 8px}.g-input{border:1.5px solid var(--line);border-radius:12px;align-items:end;gap:8px;padding:6px 6px 6px 12px;display:flex}.g-input:focus-within{border-color:var(--board)}.g-input textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-height:0;max-height:110px;padding:6px 0;font-size:15px}.g-send{background:var(--ball);color:#fff;cursor:pointer;border:0;border-radius:9px;flex:none;width:36px;height:36px;font-size:17px;font-weight:700}.g-send:disabled{opacity:.35;cursor:default}.g-note{color:var(--ink-2);margin-top:6px;font-size:12px}@media (width<=640px){.guide-launch span:not(.seam){display:none}.guide-launch{justify-content:center;width:52px;height:52px;padding:0}.guide-launch .seam{width:30px;height:30px}.guide-launch i{display:none}.guide-panel{width:auto;left:12px;right:12px;bottom:calc(124px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.guide-launch i,.g-cursor{animation:none}}.savechip{z-index:30;left:max(14px, env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));background:var(--paper);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;max-width:min(560px,100vw - 110px);margin:0;padding:7px 12px;font-size:13px;position:fixed;box-shadow:0 6px 18px #0000001f}.savechip.saved{color:var(--ok)}.savechip.error{color:#fff;background:var(--bad);border-color:var(--bad)}.form-err{background:color-mix(in srgb, var(--bad) 10%, var(--paper));color:var(--bad);border:1px solid color-mix(in srgb, var(--bad) 35%, transparent);border-radius:8px;margin:0;padding:10px 14px}.form-ok{background:color-mix(in srgb, var(--accent) 10%, var(--paper));color:var(--ink);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:8px;margin:0;padding:10px 14px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
