:root{--grid-blue:#16517f;--grid-deep:#071d2d;--grid-ink:#0d2536;--grid-paper:#f4f0e5;--grid-white:#fffdf7;--grid-ball:#e8ef3f;--grid-orange:#ff5a1f;--grid-line:#fffdf757;--grid-error:#ffb09a}.tennis-grid-game{background:var(--grid-blue);min-height:100vh;color:var(--grid-white)}.tennis-grid-game .shared-portal-nav{border-color:#ffffff29}.grid-hero{border-bottom:1px solid var(--grid-line);grid-template-columns:minmax(0,1fr) minmax(380px,.76fr);min-height:330px;display:grid}.grid-hero-copy{padding:clamp(42px,6vw,76px) clamp(20px,5vw,72px) 48px}.grid-kicker{color:var(--grid-ball);font:800 11px/1 var(--font-geist-mono),monospace;letter-spacing:.13em;margin-bottom:24px;display:block}.grid-hero h1{color:var(--grid-white);font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif;letter-spacing:-.035em;margin:0;font-size:clamp(74px,9vw,96px);font-weight:900;line-height:.72}.grid-hero h1 span{color:var(--grid-ball)}.grid-hero-copy>p{color:#fffdf7cc;max-width:620px;margin:30px 0 0;font-size:16px;line-height:1.55}.grid-score-rail{border-left:1px solid var(--grid-line);background:var(--grid-deep);grid-template-columns:repeat(3,1fr);align-content:end;display:grid}.grid-score-rail>div{border-left:1px solid #ffffff1f;flex-direction:column;justify-content:flex-end;min-height:124px;padding:24px clamp(14px,2vw,28px);display:flex}.grid-score-rail>div:first-child{border-left:0}.grid-score-rail small{color:#fffdf794;font:750 9px/1 var(--font-geist-mono),monospace;letter-spacing:.1em}.grid-score-rail strong{color:var(--grid-white);font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif;margin-top:12px;font-size:42px;line-height:.8}.grid-score-rail strong span{color:#fffdf761;font-size:22px}.grid-score-rail>button{background:var(--grid-ball);min-height:64px;color:var(--grid-ink);cursor:pointer;font:850 12px/1 var(--font-geist-mono),monospace;letter-spacing:.08em;border:0;border-top:1px solid #ffffff29;grid-column:1/-1;justify-content:space-between;align-items:center;padding:18px 26px;display:flex}.grid-score-rail>button:hover{background:var(--grid-white)}.grid-score-rail>button b{font-size:22px}.grid-workspace{grid-template-columns:minmax(600px,1.45fr) minmax(330px,.7fr);min-height:calc(100vh - 375px);display:grid}.grid-board-zone{border-right:1px solid var(--grid-line);background:var(--grid-blue);min-width:0;padding:clamp(24px,4vw,54px)}.grid-board-label{color:#fffdf7b8;font:750 9px/1 var(--font-geist-mono),monospace;letter-spacing:.11em;justify-content:space-between;gap:16px;margin-bottom:14px;display:flex}.grid-board-label b{color:var(--grid-ball)}.grid-table-wrap{border:1px solid #ffffff6b;border-radius:4px;overflow:hidden;box-shadow:10px 12px #04131d40}.grid-board{table-layout:fixed;border-collapse:collapse;background:var(--grid-paper);width:100%;color:var(--grid-ink)}.grid-board th,.grid-board td{border:1px solid #0d253642;width:25%;height:clamp(112px,13vw,168px);padding:0}.grid-board thead th,.grid-board tbody th{background:var(--grid-deep);color:var(--grid-white);text-align:left;vertical-align:bottom;padding:15px}.grid-board th>span{color:var(--grid-ball);font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.1em;display:block}.grid-board th>strong{font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif;margin-top:10px;font-size:clamp(17px,1.7vw,25px);font-weight:800;line-height:.95;display:block}.grid-board .grid-corner{background:var(--grid-ball);color:var(--grid-ink);padding:18px}.grid-board .grid-corner span{color:#0d253694;font-size:8px}.grid-board .grid-corner b{color:var(--grid-orange);margin:9px 0;font-size:28px;line-height:.7;display:block}.grid-board td>button{width:100%;height:100%;min-height:inherit;background:var(--grid-paper);color:#0d25369e;cursor:pointer;border:0;place-content:center;justify-items:center;gap:8px;padding:12px;display:grid;position:relative}.grid-board td>button:hover:not(:disabled),.grid-board td>button.active{z-index:1;background:var(--grid-white);box-shadow:inset 0 0 0 4px var(--grid-orange);color:var(--grid-ink)}.grid-board td>button.active:after{content:"";background:var(--grid-orange);border-radius:50%;width:11px;height:11px;position:absolute;top:8px;right:8px}.grid-board td>button>b{color:var(--grid-orange);font-size:34px;font-weight:400;line-height:.7}.grid-board td>button>span{font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.1em}.grid-board td>button.filled{background:var(--grid-ball);color:var(--grid-ink);cursor:pointer;opacity:1}.grid-board td>button.filled:hover:not(:disabled){background:var(--grid-white)}.grid-board td>button.filled i{width:42px;height:42px;font:850 13px/1 var(--font-geist-mono),monospace;border:1px solid #0d253680;border-radius:50%;place-items:center;font-style:normal;display:grid}.grid-board td>button.filled strong{max-width:145px;font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif;font-size:clamp(16px,1.65vw,23px);line-height:.9}.grid-board td>button.filled small{font:800 7px/1 var(--font-geist-mono),monospace;letter-spacing:.08em}.grid-catalog-note{color:#fffdf79e;font:700 8px/1.5 var(--font-geist-mono),monospace;letter-spacing:.08em;margin:22px 0 0}.grid-control-rail{background:var(--grid-deep);min-width:0;padding:clamp(24px,4vw,48px)}.grid-current-crossing{border-bottom:1px solid #ffffff2e;min-height:106px;padding-bottom:26px}.grid-current-crossing small{color:#fffdf78a;font:750 9px/1 var(--font-geist-mono),monospace;letter-spacing:.1em;margin-bottom:15px;display:block}.grid-current-crossing strong{color:var(--grid-white);font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif;font-size:25px;line-height:1;display:inline}.grid-current-crossing span{color:var(--grid-orange);padding:0 9px;font-weight:900}.grid-current-crossing p{color:#fffdf7a6;max-width:55ch;margin:14px 0 0;font-size:12px;line-height:1.45}.grid-search-box{margin-top:28px;position:relative}.grid-search-box>label{color:var(--grid-ball);font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.11em;margin-bottom:10px;display:block}.grid-search-box>input{background:var(--grid-white);width:100%;height:58px;color:var(--grid-ink);border:1px solid #ffffff4d;border-radius:3px;padding:0 16px;font-size:16px}.grid-search-box>input::placeholder{color:#6b7b84}.grid-search-box>input:disabled{color:#384b56;cursor:not-allowed;background:#9ca9ae}.grid-suggestions{z-index:5;background:var(--grid-white);color:var(--grid-ink);position:absolute;top:79px;left:0;right:0;overflow:hidden;box-shadow:8px 9px #00000059}.grid-suggestions:empty{display:none}.grid-suggestions>button{width:100%;min-height:54px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #0d253624;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.grid-suggestions>button:first-child{border-top:0}.grid-suggestions>button:hover,.grid-suggestions>button.highlighted{background:var(--grid-ball)}.grid-suggestions>button span{flex-direction:column;gap:4px;display:flex}.grid-suggestions>button strong{font-size:14px}.grid-suggestions>button small{color:#546976;font:700 8px/1 var(--font-geist-mono),monospace}.grid-suggestions>button>b{color:#334c5a;font:800 8px/1 var(--font-geist-mono),monospace;letter-spacing:.06em}.grid-suggestions>p{margin:0;padding:18px;font-size:13px}.grid-ruling{border:1px solid #ffffff2e;grid-template-columns:42px 1fr;align-items:start;gap:14px;min-height:92px;margin-top:24px;padding:18px;display:grid}.grid-ruling>b{width:38px;height:38px;color:var(--grid-white);background:#ffffff14;place-items:center;font-size:19px;display:grid}.grid-ruling p{color:#fffdf7c7;margin:0;font-size:13px;line-height:1.45}.grid-ruling small{color:var(--grid-white);font:800 8px/1 var(--font-geist-mono),monospace;letter-spacing:.1em;margin-bottom:7px;display:block}.ruling-valid{border-color:#e8ef3f8c}.ruling-valid>b{background:var(--grid-ball);color:var(--grid-ink)}.ruling-invalid,.ruling-duplicate{border-color:#ffb09a85}.ruling-invalid>b,.ruling-duplicate>b{background:var(--grid-error);color:var(--grid-ink)}.grid-rules{border-top:1px solid #ffffff29;margin-top:28px}.grid-rules summary{color:#fffdf7b3;cursor:pointer;min-height:48px;font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.08em;align-items:center;display:flex}.grid-rules p{color:#fffdf7a6;margin:0;font-size:13px;line-height:1.6}.grid-result{background:var(--grid-ball);color:var(--grid-ink);margin-top:28px;padding:26px;box-shadow:8px 9px #00000047}.grid-result>span{font:850 9px/1 var(--font-geist-mono),monospace;letter-spacing:.1em}.grid-result h2{font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif;margin:18px 0 0;font-size:36px;line-height:.9}.grid-result h2 em{color:var(--grid-blue);font-style:normal}.grid-result dl{border-block:1px solid #0d253640;grid-template-columns:1fr 1fr;margin:24px 0;display:grid}.grid-result dl>div{padding:16px 0}.grid-result dt{font:800 8px/1 var(--font-geist-mono),monospace}.grid-result dd{margin:8px 0 0;font-size:24px;font-weight:850}.grid-result button{background:var(--grid-deep);width:100%;min-height:48px;color:var(--grid-white);cursor:pointer;font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.07em;border:0}.grid-result .result-share{border-color:#0d253659}.grid-result .result-share-head button{border:1px solid var(--grid-deep);width:44px;min-height:44px;color:var(--grid-deep);background:0 0}.grid-result .result-share-head button[aria-pressed=true]{background:var(--grid-deep);color:var(--grid-white)}.grid-result .result-share-actions button{border:1px solid var(--grid-deep)}@media (max-width:980px){.grid-hero{grid-template-columns:1fr}.grid-score-rail{border-top:1px solid var(--grid-line);border-left:0}.grid-workspace{grid-template-columns:1fr}.grid-board-zone{border-right:0}.grid-control-rail{border-top:1px solid var(--grid-line)}}@media (max-width:620px){.grid-hero-copy{padding:38px 18px 32px}.grid-hero h1{font-size:70px}.grid-hero-copy>p{margin-top:24px;font-size:14px}.grid-score-rail>div{min-height:92px;padding:18px 12px}.grid-score-rail strong{font-size:32px}.grid-score-rail>button{min-height:56px;padding:15px 18px;font-size:10px}.grid-board-zone{padding:22px 10px 30px}.grid-table-wrap{box-shadow:5px 6px #04131d40}.grid-board th,.grid-board td{height:92px}.grid-board thead th,.grid-board tbody th{padding:8px 6px}.grid-board th>span{display:none}.grid-board th>strong{margin-top:0;font-size:12px;line-height:.92}.grid-board .grid-corner{padding:8px}.grid-board .grid-corner span{font-size:8px;display:block}.grid-board .grid-corner b{margin:5px 0;font-size:20px}.grid-board td>button{gap:5px;padding:5px}.grid-board td>button>b{font-size:25px}.grid-board td>button>span{font-size:8px}.grid-board td>button.active{box-shadow:inset 0 0 0 3px var(--grid-orange)}.grid-board td>button.filled i{width:28px;height:28px;font-size:9px}.grid-board td>button.filled strong{max-width:70px;font-size:12px}.grid-board td>button.filled small{display:none}.grid-catalog-note{padding-inline:4px;font-size:8px}.grid-control-rail{padding:30px 18px 42px}}@media (prefers-reduced-motion:reduce){.tennis-grid-game *,.tennis-grid-game :before,.tennis-grid-game :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}