:root{--bg:#e7ebe6;--surface:#f6f8f4;--ink:#0f1d17;--muted:#56665e;--line:#cdd5cf;--card:#f2c230;--card-ink:#1d1704;--good:#15693a;--miss:#a8291d;--grass:#2f7a43;--grass-2:#2a7140;--chalk:#ffffff8c;--tag:#0e1a14;--tag-ink:#f4f7f2;--display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--cond:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--r:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c1410;--surface:#141f1a;--ink:#e4ebe6;--muted:#8c9e95;--line:#2a3b33;--good:#3fbf72;--miss:#ef6a58;--grass:#245f35;--grass-2:#215832;--chalk:#ffffff73;--tag:#050a07;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c1410;--surface:#141f1a;--ink:#e4ebe6;--muted:#8c9e95;--line:#2a3b33;--good:#3fbf72;--miss:#ef6a58;--grass:#245f35;--grass-2:#215832;--chalk:#ffffff73;--tag:#050a07;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:lang(ar){--display:"Cairo",sans-serif;--body:"Cairo",system-ui,sans-serif;--cond:"Cairo",system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}button,input,a{font:inherit;color:inherit}button,a{touch-action:manipulation}.wrap{max-width:560px;min-block-size:100dvh;padding-block:calc(16px + env(safe-area-inset-top,0px)) 32px;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));flex-direction:column;gap:16px;margin:0 auto;display:flex}.vh{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--good);outline-offset:2px}header{align-items:center;gap:8px;display:flex}header .brand{min-inline-size:0;margin-inline-end:auto}.brand{white-space:nowrap;letter-spacing:.01em;text-transform:uppercase;direction:ltr;margin:0;font-family:Big Shoulders Display,Arial Narrow,Impact,sans-serif;font-size:clamp(1.7rem,8.5vw,2.2rem);font-weight:900;line-height:.9;text-decoration:none}.brand span{color:var(--good)}.lang,.theme{font:600 1rem var(--cond);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;flex:none;place-items:center;min-block-size:44px;padding:6px 14px;text-decoration:none;display:inline-grid}.lang:lang(ar){font-family:Cairo,sans-serif}.theme{place-items:center;inline-size:44px;padding:0;display:grid}.theme svg{block-size:20px;inline-size:20px}h1.hero,h1.title,h2.title{font-family:var(--display);text-transform:uppercase;text-wrap:balance;margin:0;font-weight:900;line-height:.95}h1.hero{font-size:clamp(2.6rem,12vw,3.6rem)}.game{font:700 1rem var(--cond);color:var(--good);margin:0 0 -8px}h1.title,h2.title{font-size:1.8rem}:root:lang(ar) h1.hero,:root:lang(ar) h1.title,:root:lang(ar) h2.title{line-height:1.25}.sub{color:var(--muted);margin:0}section h3,.label{font:700 1.05rem var(--cond);color:var(--ink);margin:4px 0 8px}.titlebar{justify-content:space-between;align-items:center;gap:12px;display:flex}.heropitch{border-radius:var(--r);block-size:240px;position:relative;overflow:hidden}.heropitch .pitch{margin:0;position:absolute;inset-block-start:0;inset-inline:0}.heropitch .slot{animation:.5s cubic-bezier(.2,.9,.3,1.3) both drop;animation-delay:calc(var(--i) * 45ms)}@keyframes drop{0%{opacity:0;translate:0 -14px}to{opacity:1;translate:0}}.fixtures{border-block-start:2px solid var(--ink);flex-direction:column;display:flex}.fixture{border-block-end:1px solid var(--line);cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:14px 4px;text-decoration:none;display:grid}.fixture b{font-family:var(--display);text-transform:uppercase;font-size:1.7rem;font-weight:900;line-height:1}.fixture span{color:var(--muted);grid-column:1;font-size:.95rem;line-height:1.35}.fixture .count{font:700 .95rem var(--cond);color:var(--ink);white-space:nowrap;border:1.5px solid var(--ink);border-radius:999px;grid-area:1/2/span 2;padding:2px 10px}.fixture:hover b{text-decoration:underline;-webkit-text-decoration-color:var(--card);text-decoration-color:var(--card);text-underline-offset:4px;text-decoration-thickness:3px}.fixture.soon{cursor:default;opacity:.55}.fixture.soon:hover b{text-decoration:none}.fixture.soon .count{border-style:dashed}.field{flex-direction:column;gap:6px;display:flex}.input{inline-size:100%;min-inline-size:0;font:500 1.05rem var(--body);border-radius:var(--r);border:1.5px solid var(--line);background:var(--surface);min-block-size:48px;color:var(--ink);padding:12px 14px}.input:focus{border-color:var(--ink);outline:none}.input[aria-invalid=true]{border-color:var(--miss)}.list{border-block-start:1px solid var(--line);overscroll-behavior:contain;flex-direction:column;max-block-size:42dvh;display:flex;overflow-y:auto}.row{border:0;border-block-end:1px solid var(--line);text-align:start;cursor:pointer;background:0 0;flex-direction:column;gap:2px;padding:12px 10px;text-decoration:none;display:flex}.row:hover .rt{text-decoration:underline}.row[aria-pressed=true]{background:var(--surface);box-shadow:inset 4px 0 0 var(--card)}:root[dir=rtl] .row[aria-pressed=true]{box-shadow:inset -4px 0 0 var(--card)}.rt{font-weight:600}.rs{color:var(--muted);justify-content:space-between;gap:12px;font-size:.88rem;display:flex}.empty{color:var(--muted);margin:0;padding:16px 8px}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg button{border-radius:var(--r);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;flex:1;min-block-size:48px;min-inline-size:120px;padding:10px 12px;font-weight:600}.seg button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--bg)}.players{flex-direction:column;gap:8px;display:flex}.prow{align-items:center;gap:8px;display:flex}.prow .btn{white-space:nowrap;flex:none}.prow .team{color:var(--muted);overflow-wrap:anywhere;flex:0 auto;max-inline-size:42%;font-size:.9rem;line-height:1.25}.x{border-radius:var(--r);border:1.5px solid var(--line);cursor:pointer;background:0 0;flex:none;block-size:48px;inline-size:48px;font-size:1.3rem;line-height:1}.err{color:var(--miss);margin:0;font-size:.95rem}.dock{z-index:5;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);border-block-start:1px solid var(--line);flex-direction:column;gap:8px;margin-inline:-16px;display:flex;position:sticky;inset-block-end:0}.board{background:var(--tag);color:var(--tag-ink);border-radius:var(--r);flex-direction:column;gap:6px;padding:12px 16px;display:flex}.comp{font-family:var(--cond);letter-spacing:.1em;text-transform:uppercase;color:#a9bcb1;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.82rem;font-weight:600;display:flex}:root:lang(ar) .comp{letter-spacing:0}.score{font-family:var(--display);text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;font-size:clamp(1.15rem,5.4vw,1.55rem);font-weight:900;line-height:1.05;display:grid}.score>span{overflow-wrap:anywhere}.score .h{text-align:end}.score .s{font-variant-numeric:tabular-nums;color:var(--card);white-space:nowrap;padding:0 4px}.score .t{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--card);text-decoration-color:var(--card);text-underline-offset:5px;text-decoration-thickness:3px}.score .o{color:#a9bcb1}.task{color:#c7d4cc;font-size:.95rem}.task b{color:#fff}.turns{flex-wrap:wrap;gap:8px;display:flex}.turn{border:1.5px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.95rem;font-weight:600;transition:background-color .2s,border-color .2s;display:flex}.turn.now{border-color:var(--card);background:var(--card);color:var(--card-ink)}.turn.out{opacity:.5;text-decoration:line-through}.turn .n{font-variant-numeric:tabular-nums;font-family:var(--cond);font-weight:700}.pitch{aspect-ratio:68/92;border-radius:var(--r);background:repeating-linear-gradient(to bottom,var(--grass) 0 7.6923%,var(--grass-2) 7.6923% 15.3846%);inline-size:min(100%,73.9131dvh - 214.348px);min-inline-size:min(100%,260px);margin-inline:auto;position:relative;overflow:hidden;container-type:inline-size}.pitch.full{inline-size:100%}.pitch>svg.lines{width:100%;height:100%;position:absolute;inset:0}.slot{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.slot:disabled{cursor:default}.slot svg{filter:drop-shadow(0 2px 2px #00000059);width:clamp(34px,10vw,50px);height:auto;transition:transform .15s}.slot:not(:disabled):hover svg{transform:translateY(-2px)}.slot:not(:disabled):active svg{transform:scale(.94)}.slot:focus-visible{outline:none}.slot:focus-visible svg,.slot.sel svg{outline:2.5px solid var(--card);outline-offset:3px;border-radius:6px}.tag{font-family:var(--cond);letter-spacing:.03em;text-transform:uppercase;max-inline-size:calc(var(--room,30) * 1cqw);white-space:normal;overflow-wrap:anywhere;background:var(--tag);color:var(--tag-ink);text-align:center;border-radius:3px;min-inline-size:34px;padding:2px 6px;font-size:clamp(.66rem,3cqw,.82rem);font-weight:700;line-height:1.1}.tag.long{letter-spacing:0;font-size:clamp(.56rem,2.5cqw,.74rem)}.tag:lang(ar){letter-spacing:0;font-family:Cairo,sans-serif}.tag.unknown{white-space:nowrap;color:#fffc;letter-spacing:.12em;background:#0006}.tag.hinted{background:var(--card);color:var(--card-ink);letter-spacing:.14em}.tag.missed{color:#5a2a22;background:#ffffffe6;font-style:italic}.tag.missed:lang(ar){text-underline-offset:3px;font-style:normal;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.slot.got .tag{box-shadow:inset 0 -2px 0 var(--good)}.slot.pop svg{animation:.45s pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}form.guess{gap:8px;display:flex}form.guess.shake{animation:.32s shake}@keyframes shake{20%,60%{translate:-6px}40%,80%{translate:6px}}.btn{font:700 1.05rem var(--cond);letter-spacing:.01em;border-radius:var(--r);cursor:pointer;background:var(--ink);min-block-size:48px;color:var(--bg);text-align:center;border:0;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn.card{background:var(--card);color:var(--card-ink)}.btn.wide{inline-size:100%}.play-sides{flex-wrap:wrap;gap:8px;display:flex}.play-sides .btn{flex:140px}.btn.sm{min-block-size:40px;padding:6px 12px;font-size:.98rem}.ghost{font:600 1rem var(--cond);color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;min-block-size:44px;padding:10px 4px;text-decoration:underline}.ghost.danger{color:var(--miss)}.status{font:600 .98rem var(--cond);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stat{align-items:center;gap:8px;display:flex}.pips{gap:4px;display:flex}.pip{border:1.5px solid var(--muted);border-radius:2px;width:10px;height:14px}.pip.used{background:var(--miss);border-color:var(--miss)}.count{font-variant-numeric:tabular-nums;color:var(--ink);font-size:1.1rem}.feedback{min-block-size:1.5em;color:var(--muted);font-size:.98rem;line-height:1.4}.feedback.good{color:var(--good);font-weight:600}.feedback.bad{color:var(--miss)}.tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.misses{color:var(--muted);font-size:.9rem}.misses s{color:var(--miss);margin-inline-end:8px}.result{flex-direction:column;gap:12px;display:flex}.verdict{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.verdict .big{font-family:var(--display);font-variant-numeric:tabular-nums;direction:ltr;font-size:3.2rem;font-weight:900;line-height:.9}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:12px;padding:16px;display:flex}.panel p{color:var(--muted);margin:0}.table{flex-direction:column;gap:6px;display:flex}.trow{border-radius:var(--r);background:var(--bg);justify-content:space-between;gap:12px;padding:10px 12px;font-weight:600;display:flex}.trow.win{background:var(--card);color:var(--card-ink)}.trow b{font-variant-numeric:tabular-nums;font-family:var(--cond);font-size:1.1rem}pre.share{background:var(--bg);white-space:pre-wrap;word-break:break-word;text-align:left;direction:ltr;unicode-bidi:plaintext;border-radius:4px;margin:0;padding:12px;font:1rem/1.35 ui-monospace,Menlo,Consolas,monospace;overflow-x:auto}textarea.fallback{background:var(--bg);min-block-size:150px;inline-size:100%;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:8px;font:.9rem ui-monospace,Menlo,monospace}.boards{flex-direction:column;gap:16px;display:flex}.ad{min-block-size:100px;inline-size:100%;display:block;overflow:hidden}@media (prefers-reduced-motion:reduce){.slot.pop svg,.heropitch .slot,form.guess.shake{animation:none}.slot svg,.btn,.turn{transition:none}}