:root{--grass: #2f9e4f;--grass-2: #2a9148;--grass-deep: #1f7a3c;--mint: #e7f4ea;--ink: #0f2417;--muted: #5b6f62;--line: #d5e2d8;--bg: #f3f6f2;--card: #ffffff;--gold: #f0c93a;--gold-bg: #fff4cc;--red: #c0392b;--chalk: rgba(255, 255, 255, .6)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.45 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}.wrap{max-width:560px;margin:0 auto;padding-inline:16px}.hero{background:repeating-linear-gradient(90deg,var(--grass) 0 44px,var(--grass-2) 44px 88px);color:#fff;padding:calc(16px + env(safe-area-inset-top,0px)) 0 64px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;left:0;right:0;bottom:10px;border-top:2px solid var(--chalk)}.hero:after{content:"";position:absolute;left:50%;bottom:-70px;width:160px;height:160px;border:2px solid var(--chalk);border-radius:50%;transform:translate(-50%)}.hero-tall{padding-bottom:80px}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font:800 21px Inter,sans-serif;letter-spacing:-.3px}.hero h1{font:400 34px/1.02 Archivo Black,Inter,sans-serif;letter-spacing:-.5px;margin:22px 0 6px;text-wrap:balance}.hero h1 span{font-size:.62em;opacity:.85}.lede{margin:0;max-width:34ch;opacity:.92}.kicker{font:400 30px/1.05 Archivo Black,Inter,sans-serif;margin:22px 0 14px}.dots{display:flex;gap:6px}.dots i{width:34px;height:6px;border-radius:6px;background:#ffffff59}.dots i.on{background:#fff}.lift{margin-top:-42px;position:relative;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border-radius:18px;box-shadow:0 8px 24px #0f241714;padding:16px}.card h2,.card h3{margin:0 0 4px;font-size:19px;letter-spacing:-.2px}.muted{color:var(--muted);margin:0;font-size:14px}.note{margin:0;background:var(--gold-bg);border:1px solid var(--gold);border-radius:12px;padding:10px 12px;font-size:14px}.fine{text-align:center;color:var(--muted);font-size:12px;margin:4px 0 0}.error{color:var(--red);margin:0;font-size:14px}.empty{text-align:center;padding:26px 18px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid var(--line);background:#fff;padding:11px 18px;font-weight:700;text-decoration:none;white-space:nowrap}a.btn{color:var(--ink)}.btn.primary{background:var(--grass-deep);border-color:var(--grass-deep);color:#fff}.btn.google{gap:10px;padding:12px 18px}.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.or:before,.or:after{content:"";flex:1;border-top:1px solid var(--line)}.btn.small{padding:7px 13px;font-size:13px}.link{border:none;background:none;padding:0;font-size:13px;font-weight:600;color:var(--muted);text-decoration:underline}.link.danger{color:var(--red)}.form{display:flex;flex-direction:column;gap:12px}.form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}.form input,.form select{border:1.5px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--ink);font-size:16px;min-width:0}.form input:focus,.form select:focus{outline:2px solid var(--grass);border-color:transparent}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg2{display:grid;grid-template-columns:1fr 1fr;background:var(--mint);border-radius:999px;padding:4px;gap:4px}.seg2 button{border:none;background:none;border-radius:999px;padding:9px 10px;font-weight:700;color:var(--grass-deep)}.seg2 button.on{background:#fff;color:var(--ink);box-shadow:0 2px 6px #0f24171a}.seg2.small button{padding:7px 12px;font-size:13px}.nav{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.step{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--grass);margin:0 0 4px}.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:16px 0 8px}.choice{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:14px 12px;font-weight:700;text-align:left;display:flex;flex-direction:column;gap:2px}.choice small{font-weight:500;color:var(--muted)}.choice.on{border-color:var(--grass-deep);background:var(--mint);color:var(--grass-deep);box-shadow:inset 0 0 0 1px var(--grass-deep)}.cities{margin:14px 0 8px}.label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:14px 0 8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:600}.chip.on{background:var(--grass-deep);border-color:var(--grass-deep);color:#fff}.chips.big .chip{padding:11px 18px;font-size:15px;font-weight:700}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.toolbar .seg2{background:#fff;box-shadow:0 4px 14px #0f241714}.toolbar .seg2 button.on{background:var(--grass-deep);color:#fff}.toolbar>.btn,.toolbar .btns .btn{box-shadow:0 4px 14px #0f241714;gap:6px}.game.hl{box-shadow:0 0 0 3px var(--gold),0 8px 24px #0f241714}.game .row{display:flex;gap:14px;align-items:center}.date{flex:0 0 56px;text-align:center;border-radius:12px;background:var(--mint);padding:6px 0;line-height:1.1}.date b{display:block;font:400 22px Archivo Black,Inter,sans-serif;color:var(--grass-deep)}.date span{font-size:11px;font-weight:700;color:var(--grass);text-transform:uppercase}.info{flex:1;min-width:0}.t{font-weight:700;font-size:17px}.s{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.s.city{font-weight:600;color:var(--grass-deep)}.tag{align-self:flex-start;font-size:11px;font-weight:700;background:var(--gold-bg);border:1px solid var(--gold);color:#6b5200;padding:3px 8px;border-radius:999px;white-space:nowrap}.pitch{margin:14px 0 12px;height:88px;border-radius:12px;background:repeating-linear-gradient(90deg,#34a856 0 26px,var(--grass) 26px 52px);position:relative;border:2px solid var(--grass-2)}.pitch:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid rgba(255,255,255,.7);border-radius:6px}.pitch:after{content:"";position:absolute;left:50%;top:6px;bottom:6px;border-left:1.5px solid rgba(255,255,255,.7)}.pd{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;display:grid;place-items:center;font:800 8.5px Inter,sans-serif;z-index:1}.pd.taken{border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 4px #0000004d}.pd.taken.ours{box-shadow:0 0 0 3px var(--gold),0 2px 4px #0000004d}.pd.open{width:18px;height:18px;margin:-9px 0 0 -9px;border:1.8px dashed rgba(255,255,255,.85)}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;font-weight:600;color:var(--muted);margin:-4px 0 10px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000040}.spots{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;margin-bottom:8px}.spots span{color:var(--muted);font-size:13px}.squadrow{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:12px}.lbl{font-size:12px;font-weight:700;color:var(--muted);margin-right:2px}.lbl.booked{margin-left:8px;color:#6b5200}.mini{width:24px;height:24px;border-radius:50%;background:var(--mint);color:var(--grass-deep);font:800 9px Inter,sans-serif;display:grid;place-items:center}.meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.cnt{font-weight:700;font-size:14px}.cnt small{color:var(--muted);font-weight:500;font-size:14px}.btns{display:flex;gap:6px}.going-list{margin:10px 0 0;font-size:13px;color:var(--muted)}.game>.link{margin-top:10px}.grid{display:grid;grid-template-columns:44px repeat(4,1fr);gap:6px;margin-top:14px}.grow{display:contents}.gh{font-size:12px;font-weight:700;text-align:center;line-height:1.15}.gh small{display:block;font-weight:500;color:var(--muted)}.gd{font-size:13px;font-weight:700;align-self:center}.cell{height:40px;border-radius:10px;border:1.5px solid var(--line);background:#fff}.cell.on{background:var(--grass);border-color:var(--grass-deep);background-image:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.12) 8px 16px)}.savebar{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:8px 8px 8px 18px;box-shadow:0 8px 24px #0f241724}.squad{list-style:none;padding:0;margin:12px 0 14px;display:flex;flex-direction:column}.squad li{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.squad li:first-child{border-top:none}.av{flex:0 0 40px;height:40px;border-radius:50%;background:var(--grass);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center}.who{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;color:var(--muted)}.who b{color:var(--ink);font-size:15px}.who b small{font-weight:500;color:var(--muted)}.who .city{color:var(--grass-deep);font-weight:600}.confirm{display:flex;gap:10px}.me{display:flex;justify-content:space-between;align-items:center;gap:10px}.me div{display:flex;flex-direction:column;min-width:0}.toptabs{display:flex;gap:4px;background:#0000001f;border-radius:999px;padding:4px}.toptabs button{border:none;background:none;color:#fff;font-weight:700;font-size:14px;padding:7px 14px;border-radius:999px}.toptabs button.on{background:#fff;color:var(--grass-deep)}.tabbar{display:none}@media (max-width: 760px){.toptabs{display:none}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px #0f24170f;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}.tabbar button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11.5px;font-weight:600;color:var(--muted)}.tabbar .ic{display:flex;padding:2px 16px;border-radius:999px}.tabbar button.on{color:var(--grass-deep)}.tabbar button.on .ic{background:var(--mint)}}@media (min-width: 761px){.savebar{bottom:16px}}.squadswitch{margin-bottom:2px}.invite{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1.5px solid var(--gold);background:var(--gold-bg)}.invite>div:first-child{display:flex;flex-direction:column;min-width:0}.inline{display:flex;gap:8px;align-items:center}.inline input,.form .inline input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.inline.rename input{font-size:19px;font-weight:800;letter-spacing:-.2px;border-color:transparent;padding-inline:0}.inline.rename input:focus{border-color:var(--line);padding-inline:12px}.card.form{gap:10px}.badge{margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--gold-bg);border:1px solid var(--gold);color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;vertical-align:1px}.badge.test{background:var(--mint);border-color:var(--line);color:var(--muted)}.squad li .confirm{flex-direction:column;align-items:flex-end;gap:4px}.invitebox{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.invitebox h3{margin:0}.linkrow{display:flex;gap:8px;align-items:center}.linkrow code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--mint);border-radius:10px;padding:8px 10px;font-size:12px}.pending{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.pending li{display:flex;gap:8px;align-items:baseline}.pending li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.pending small{color:var(--muted)}.dangerzone{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}.mark{border-radius:24%;box-shadow:0 2px 8px #00000040;flex:none}button.pd{padding:0;cursor:pointer;font-size:10px}button.pd:disabled{cursor:default}.roster{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:10px}.rcol{display:flex;flex-direction:column;gap:2px;min-width:0}.rrow{display:flex;align-items:center;gap:7px;padding:5px 4px;border:0;background:none;font:600 12.5px Inter,sans-serif;color:var(--ink);text-align:left;cursor:pointer;border-radius:8px}.rrow:hover{background:#0f24170f}.rrow i{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(15,36,23,.35);flex-shrink:0}.rrow .rn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rrow b{font-size:12px;min-width:22px;text-align:center;padding:1px 6px;border-radius:999px;background:var(--gold);color:#0f2417}.rrow b.none{background:none;color:var(--muted);font-weight:600}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#08140c8c;display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{width:100%;max-width:480px;background:#fff;border-radius:22px 22px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px}.sheet h3{margin:0}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.scale button{height:46px;border-radius:12px;border:1.5px solid var(--line, #d6e0d9);background:#fff;font:800 17px Inter,sans-serif;color:var(--ink);cursor:pointer}.scale button.on{background:var(--gold);border-color:var(--gold)}.sheet .btns{display:flex;gap:8px;justify-content:flex-end}.pitch{cursor:pointer}.raters{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px}.raters li{display:flex;justify-content:space-between;gap:10px}.raters b{min-width:24px;text-align:center;padding:0 6px;border-radius:999px;background:var(--gold)}.roster{margin-bottom:12px}.share{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:38px;height:38px;padding:0 11px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font:700 12px Inter,sans-serif;color:var(--grass-deep);cursor:pointer;flex-shrink:0}.past{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.past li{border-top:1px solid var(--line)}.past li:first-child{border-top:0}.prow{display:flex;gap:12px;width:100%;align-items:center;padding:10px 2px;border:0;background:none;text-align:left;font:inherit;color:var(--ink);cursor:pointer}.pdate{flex:0 0 74px;font:800 12px Inter,sans-serif;color:var(--grass-deep)}.pinfo{display:flex;flex-direction:column;min-width:0;font-size:13px}.pinfo small{color:var(--muted)}.past .pitch{margin:4px 0 8px}.agrid{position:relative;display:grid;grid-template-columns:12px repeat(7,1fr);gap:3px;margin:2px 0 0 52px;flex:0 0 calc(100% - 52px);align-items:center}.agrid b,.agrid em{font:700 9px Inter,sans-serif;font-style:normal;text-align:center;color:var(--muted)}.agrid i{height:14px;border-radius:4px;background:var(--mint)}.agrid i.on{background:var(--grass)}.agrid.none i{opacity:.45}.agrid small{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:600 11px Inter,sans-serif;color:var(--muted);text-shadow:0 0 4px #fff}.squad li{flex-wrap:wrap}.squad li .city.under{flex:0 0 calc(100% - 52px);margin:-4px 0 0 52px;font-size:13px}.fields{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:2px 16px;scrollbar-width:none}.fields::-webkit-scrollbar{display:none}.fields button{flex:0 0 auto;padding:7px 14px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font:700 13px Inter,sans-serif;color:var(--grass-deep);cursor:pointer;white-space:nowrap}.fields button.on{background:var(--grass-deep);border-color:var(--grass-deep);color:#fff}.alerts{display:flex;flex-direction:column;gap:12px}.alerts-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.device{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--mint);border-radius:14px;padding:10px 12px;font-weight:600;font-size:14px}.device .grow{flex:1;min-width:120px}.device small{font-weight:500}.dot{width:10px;height:10px;border-radius:50%;background:var(--line);flex:0 0 10px}.dot.on{background:var(--grass);box-shadow:0 0 0 3px #2f9e4f33}.alert{border:1.5px solid var(--line);border-radius:16px;padding:4px 14px 14px;display:flex;flex-direction:column}.alert .label small{text-transform:none;letter-spacing:0;font-weight:500}.alert .form.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.alert .form.field{margin-top:14px}.seg3{display:grid;grid-template-columns:repeat(3,1fr);background:var(--mint);border-radius:999px;padding:4px;gap:4px}.seg3 button{border:none;background:none;border-radius:999px;padding:8px 6px;font-weight:700;font-size:13px;color:var(--grass-deep)}.seg3 button.on{background:var(--grass-deep);color:#fff}.hint{margin:8px 0 0;font-size:13px;color:var(--muted)}.stepper{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:14px;color:var(--muted)}.stepper button{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:16px}.stepper b{min-width:18px;text-align:center;color:var(--ink);font-size:17px;font-variant-numeric:tabular-nums}.chips.days .chip{min-width:46px}.alert .nav{align-items:center;margin-top:14px}.alert .nav .grow{flex:1}.ok{color:var(--grass-deep);font-weight:700;font-size:13px}.alerts .add{align-self:flex-start}.viewbar{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}.groupby{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;color:var(--muted)}.groupby .seg{display:flex;background:#fff;border-radius:999px;padding:4px;gap:2px;box-shadow:0 4px 14px #0f241714;overflow-x:auto;scrollbar-width:none}.groupby .seg button{flex:0 0 auto;border:none;background:none;border-radius:999px;padding:7px 12px;font-weight:700;font-size:13px;color:var(--grass-deep);white-space:nowrap}.groupby .seg button.on{background:var(--grass-deep);color:#fff}.hidefull{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}.hidefull input{width:17px;height:17px;margin:0;accent-color:var(--grass-deep)}.board{display:flex;flex-direction:column;gap:14px}.col{display:flex;flex-direction:column;gap:14px;min-width:0}.colh{display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;border-bottom:2px solid var(--grass);white-space:nowrap}.colh b{overflow:hidden;text-overflow:ellipsis;font-size:14px;letter-spacing:.4px;text-transform:uppercase}.colh span{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--muted)}.board .game{margin:0}@media (max-width: 760px){.board.cols{gap:22px}}.share.bell.on{background:var(--grass-deep);border-color:var(--grass-deep);color:#fff}.viewlabel{flex:0 0 auto;min-width:62px;white-space:nowrap;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.filterby{display:flex;flex-direction:column;gap:4px;margin-top:10px}.toolbar .btns{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.mygames{display:flex;flex-direction:column;gap:8px;margin-top:10px}.mygame.open{padding-bottom:4px}.mygame-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;text-align:left;cursor:pointer;font:600 14px Inter,sans-serif;color:var(--ink)}.mygame.open .mygame-row{border-color:var(--grass-deep);margin-bottom:8px}.mygame-left,.mygame-right{display:flex;flex-direction:column}.mygame-right{text-align:right}.mygame-left b{color:var(--grass-deep)}.mygame small{font-weight:600;font-size:12px;color:var(--muted)}.pickupname{display:flex;flex-direction:column;gap:4px;margin-top:14px;font-size:13px;font-weight:700;color:var(--muted)}.pickupname input{font:600 14px Inter,sans-serif;padding:9px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff}.pickupsave{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px}.slotgrid{touch-action:none;-webkit-user-select:none;user-select:none;margin-top:4px}.filterhead{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px}.slotgrid{grid-template-columns:64px repeat(7,1fr);gap:5px}.slotgrid .gd{line-height:1.15}.slotgrid .gd small{display:block;font-weight:500;font-size:11px;color:var(--muted)}.slotgrid .cell{height:44px;border-radius:9px}