@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+JP:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--font-sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--font-display:"Space Grotesk", "Noto Sans JP", "Hiragino Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;font-family:var(--font-sans);color:#f4f3ea;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0e1411;--surface:#151d18;--surface-raised:#1b2820;--surface-soft:#223228;--felt:#3a755d;--felt-dark:#295541;--text:#f4f3ea;--muted:#9aa69d;--muted-strong:#bcc5bd;--line:#dcecdf21;--line-strong:#dcecdf38;--amber:#f2b55c;--amber-soft:#f2b55c26;--blue:#8bb5d9;--red:#da806b;--purple:#9874c3;--shadow:0 20px 60px #0000003d;background:#101713}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button{color:inherit;cursor:pointer;font:inherit;border:0}button:focus-visible{outline:3px solid var(--amber);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{min-height:100vh;overflow:hidden}.page{width:min(100%,720px);min-height:100vh;margin:0 auto;padding:18px 18px 34px}.page--home{flex-direction:column;display:flex}.app-header{justify-content:space-between;align-items:center;gap:16px;min-height:34px;margin-bottom:24px;display:flex}.app-header--compact{margin-bottom:16px}.text-button{color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;background:0 0;padding:0;font-size:14px;font-weight:600}.brand-name{color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;font-size:14px;font-weight:600}.text-button--muted{color:var(--muted-strong);font-size:13px;font-weight:500}.header-actions{align-items:center;gap:14px;display:flex}.mode-mark{border:1px solid var(--line-strong);color:var(--muted-strong);letter-spacing:.08em;border-radius:999px;padding:5px 9px;font-size:11px}.home-hero{padding:34px 0 44px}.section-kicker{color:var(--amber);font-family:var(--font-mono);letter-spacing:.14em;margin:0 0 10px;font-size:11px;font-weight:600;line-height:1.4}.home-hero h1,.screen-heading h1,.result h1,.page--result h1{color:var(--text);font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(2.65rem,12vw,4.8rem);font-weight:600;line-height:.96}.home-hero h1 span{color:var(--amber)}.home-hero p{max-width:29rem;color:var(--muted-strong);margin:23px 0 0;font-size:15px;line-height:1.8}.home-table-figure{margin:0 0 34px}.home-table-svg{width:100%;height:auto;display:block}.home-table-rail{fill:#654833;stroke:#ffffff24;stroke-width:1px}.home-table-felt{fill:#2f6a55;stroke:#f4f3ea2e;stroke-width:1px}.home-table-pocket{fill:#101713}.home-table-head-string{stroke:#f4f3ea4d;stroke-dasharray:1.2 1.2;stroke-width:.45px}.home-table-foot-spot{fill:var(--amber)}.home-table-aim-line{stroke:#f4f3ead1;stroke-dasharray:2 1.5;stroke-width:.7px}.home-table-cue{fill:#f4f3ea;stroke:#0e1411b3;stroke-width:.7px}.home-table-target-ring{fill:none;stroke:var(--amber);stroke-width:.8px}.home-table-target{fill:#eebc3e;stroke:#ffffff8c;stroke-width:.65px}.home-table-ball-number{fill:#151c18;font-family:var(--font-display);text-anchor:middle;font-size:3px;font-weight:700}.home-table-mini-rack circle{fill:#f4f3ea8a;stroke:#0e141166;stroke-width:.5px}.home-table-figure figcaption{color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em;justify-content:space-between;gap:12px;margin-top:8px;font-size:10px;display:flex}.home-panel{border-top:1px solid var(--line);padding:22px 0 26px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.section-heading--compact{align-items:center;margin-bottom:12px}.section-heading h2,.rule-item h2,.shot-sheet h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:21px;font-weight:500}.section-heading .section-kicker,.screen-heading .section-kicker{margin-bottom:5px}.quiet-note,.group-note{color:var(--muted);font-size:12px}.mode-options{gap:10px;display:grid}.mode-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:16px;grid-template-columns:45px minmax(0,1fr) 22px;align-items:center;gap:13px;width:100%;padding:14px 14px 14px 12px;transition:border-color .2s,transform .2s,background .2s;display:grid}.mode-card:hover{border-color:var(--line-strong);background:var(--surface-raised);transform:translateY(-1px)}.mode-card__number{color:#122019;border-radius:50%;place-items:center;width:45px;height:45px;font-size:21px;font-weight:600;display:grid}.mode-card__number--nine{background:var(--amber)}.mode-card__number--eight{background:var(--purple);color:var(--text)}.mode-card__copy{gap:4px;display:grid}.mode-card__copy strong{font-family:var(--font-display);font-size:16px;font-weight:500}.mode-card__copy span{color:var(--muted);font-size:12px;line-height:1.5}.mode-card__arrow{color:var(--muted-strong);font-size:20px}.secondary-button,.danger-button,.primary-button,.undo-button{letter-spacing:-.02em;border-radius:13px;min-height:49px;padding:12px 15px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.secondary-button:hover,.danger-button:hover,.primary-button:hover,.undo-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{background:var(--amber);color:#1b211b}.primary-button--wide{width:100%}.secondary-button{border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}.secondary-button--full{text-align:left;justify-content:space-between;align-items:center;width:100%;margin-top:12px;display:flex}.secondary-button--full span{color:var(--muted);font-size:11px;font-weight:500}.danger-button{color:#efa18e;background:#da806b14;border:1px solid #da806b52}.undo-button{min-height:34px;color:var(--muted);background:0 0;padding:6px 10px;font-size:12px}.rule-link{color:var(--muted-strong);background:0 0;align-self:flex-start;margin-top:auto;padding:14px 0;font-size:13px}.rule-link span{color:var(--amber);margin-left:7px}.progress-rail{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:26px;display:grid}.progress-step{border-top:1px solid var(--line);color:var(--muted);gap:5px;padding-top:9px;display:grid}.progress-step span{font-family:var(--font-mono);letter-spacing:.08em;font-size:10px}.progress-step strong{font-family:var(--font-display);font-size:11px;font-weight:500}.progress-step--active{border-top-color:var(--amber);color:var(--text)}.screen-heading{margin-bottom:22px}.page--players{flex-direction:column;display:flex}.player-step-mark{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;margin:22px 0 34px;font-size:10px}.player-heading{margin-bottom:30px}.player-form{gap:22px;display:grid}.field-label{color:var(--muted-strong);font-family:var(--font-mono);letter-spacing:.06em;gap:9px;font-size:11px;display:grid}.text-input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:54px;color:var(--text);font-family:var(--font-sans);letter-spacing:-.02em;border-radius:10px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .2s,background .2s}.text-input::placeholder{color:var(--muted)}.text-input:focus{border-color:var(--amber);background:var(--surface-raised)}.player-form .primary-button{margin-top:9px}.screen-heading h1{letter-spacing:-.06em;font-size:clamp(2rem,9vw,3.2rem)}.screen-heading p:not(.section-kicker){color:var(--muted-strong);margin:14px 0 0;font-size:14px;line-height:1.75}.rack-stage{margin:11px 0 24px;padding:0;position:relative}.rack-label-row{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.rack-svg{width:100%;height:auto;display:block;overflow:visible}.rack-rail{fill:#6a4d36;stroke:#ffffff29;stroke-width:1px}.rack-felt{fill:#2f6a55;stroke:var(--line-strong);stroke-width:1px}.rack-pocket{fill:#0c110e}.rack-ball{stroke:#ffffff57;stroke-width:.65px}.rack-ball--solid,.rack-ball--one{fill:#d3d9d6}.rack-ball--stripe{fill:#f0e6cc;stroke:#cc633f;stroke-width:1.3px}.rack-ball--nine,.rack-ball--black{fill:#141b18;stroke:#ffffff7a}.rack-ball--one{fill:#eebc3e}.rack-ball--nine{fill:#e8bc3d}.rack-spot{fill:#f4f3ead1}.rack-spot--foot{fill:var(--amber)}.rack-head-string{stroke:#f4f3ea4d;stroke-dasharray:1.2 1.2;stroke-width:.45px}.rack-axis{stroke:#f2b55c5c;stroke-dasharray:1.8 1.5;stroke-width:.55px}.rack-svg-label{fill:#f4f3eab8;font-family:var(--font-mono);letter-spacing:.04em;text-anchor:middle;font-size:3px}.rack-ball-number{fill:var(--text);font-family:var(--font-display);text-anchor:middle;font-size:3px;font-weight:700}.rack-caption{color:var(--muted-strong);justify-content:space-between;align-items:baseline;gap:12px;margin-top:9px;font-size:12px;line-height:1.5;display:flex}.rack-caption strong{color:var(--text);font-weight:600}.rack-caption span{color:var(--muted);text-align:right}@media (width<=480px){.rack-caption{flex-direction:column;align-items:flex-start;gap:2px}.rack-caption span{text-align:left}}.setup-checklist{gap:11px;margin-bottom:24px;display:grid}.check-row{color:var(--muted-strong);align-items:center;gap:10px;font-size:14px;display:flex}.check-mark{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;display:grid}.check-mark--done{background:var(--amber-soft);color:var(--amber);border-color:#f2b55c80}.game-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.turn-label{color:var(--text);font-size:14px;font-weight:500}.turn-count{color:var(--muted);letter-spacing:.14em;font-size:10px}.recommendation{background:var(--surface-raised);border:1px solid #f2b55c66;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;min-height:145px;margin-bottom:15px;padding:20px;display:flex;position:relative;overflow:hidden}.recommendation:after{content:"";border:1px solid #f2b55c1f;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-62px;right:-42px}.recommendation--break{border-color:#8bb5d95c}.recommendation--break:after{border-color:#8bb5d91f}.recommendation--success{border-color:#9874c380}.recommendation__copy{z-index:1;gap:5px;display:grid;position:relative}.recommendation__copy p{color:var(--amber);letter-spacing:.14em;margin:0 0 2px;font-size:10px;font-weight:600}.recommendation--break .recommendation__copy p{color:var(--blue)}.recommendation__copy h1{color:var(--muted-strong);margin:0;font-size:13px;font-weight:500}.recommendation__copy strong{color:var(--text);letter-spacing:-.08em;margin-top:2px;font-size:clamp(2rem,9vw,3.4rem);font-weight:500;line-height:.96}.recommendation__copy span{max-width:255px;color:var(--muted);font-size:12px;line-height:1.5}.recommendation__ball{z-index:1;border:2px solid var(--amber);background:var(--blue);color:#132019;border-radius:50%;flex:none;place-items:center;width:66px;height:66px;font-size:23px;font-weight:600;display:grid;position:relative;box-shadow:0 0 0 7px #f2b55c1c,0 12px 28px #0003}.remaining-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px;padding:16px 0 17px}.ball-list{flex-wrap:wrap;gap:7px;display:flex}.ball-chip{width:30px;height:30px;color:var(--text);background:#8bb5d929;border:1px solid #8bb5d959;border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.ball-chip--nine-9,.ball-chip--eight-8{background:#9874c32e;border-color:#9874c38c}.ball-chip--eight-9,.ball-chip--eight-10,.ball-chip--eight-11,.ball-chip--eight-12,.ball-chip--eight-13,.ball-chip--eight-14,.ball-chip--eight-15{background:#f2b55c1a;border-color:#f2b55c73}.ball-chip--target{border-color:var(--amber);background:var(--amber);color:#1a211b;box-shadow:0 0 0 3px #f2b55c21}.last-action,.toast{border-radius:12px;padding:11px 13px;font-size:12px;line-height:1.5}.last-action{border:1px solid var(--line);background:var(--surface);color:var(--muted-strong);margin-bottom:15px}.last-action--group,.last-action--pocket{color:var(--amber);border-color:#f2b55c40}.last-action--foul,.last-action--loss{color:#efa18e;border-color:#da806b52}.toast{z-index:20;max-width:684px;box-shadow:var(--shadow);color:var(--text);background:#26362b;border:1px solid #f2b55c73;margin:auto;position:fixed;bottom:18px;left:18px;right:18px}.game-actions{padding-top:14px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:var(--bg);gap:9px;margin-top:20px;display:grid}.action-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sheet-backdrop{z-index:50;background:#040806b3;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.shot-sheet{width:min(100%,720px);max-height:90vh;padding:10px 18px max(20px, env(safe-area-inset-bottom));border:1px solid var(--line-strong);background:var(--surface);border-bottom:0;border-radius:22px 22px 0 0;overflow:auto;box-shadow:0 -22px 70px #00000059}.sheet-handle{background:var(--line-strong);border-radius:99px;width:44px;height:4px;margin:0 auto 18px}.sheet-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.sheet-heading .section-kicker{margin-bottom:4px}.close-button{background:var(--surface-soft);width:34px;height:34px;color:var(--muted-strong);border-radius:50%;font-size:24px;line-height:1}.sheet-help{color:var(--muted);margin:10px 0 16px;font-size:13px}.shot-ball-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:18px;display:grid}.shot-ball{aspect-ratio:1;min-width:45px;color:var(--text);background:#8bb5d929;border:1px solid #8bb5d966;border-radius:50%;font-size:16px;font-weight:600}.shot-ball--nine-9,.shot-ball--eight-8{background:#9874c333;border-color:#9874c399}.shot-ball--eight-9,.shot-ball--eight-10,.shot-ball--eight-11,.shot-ball--eight-12,.shot-ball--eight-13,.shot-ball--eight-14,.shot-ball--eight-15{background:#f2b55c1a;border-color:#f2b55c80}.shot-ball--selected{border-color:var(--amber);background:var(--amber);color:#172119;box-shadow:0 0 0 4px #f2b55c1f}.page--rules .screen-heading{margin-bottom:25px}.rule-list{border-top:1px solid var(--line);gap:0;display:grid}.rule-item{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);gap:12px;padding:19px 0;display:grid}.rule-item__number{color:var(--amber);letter-spacing:.1em;padding-top:2px;font-size:11px}.rule-item p{color:var(--muted-strong);margin:7px 0 0;font-size:14px;line-height:1.75}.page--result{flex-direction:column;align-items:flex-start;display:flex}.result-mark{background:var(--amber-soft);width:68px;height:68px;color:var(--amber);border:1px solid #f2b55c73;border-radius:50%;place-items:center;margin:58px 0 24px;font-size:32px;display:grid}.page--result h1{font-size:clamp(2.5rem,12vw,4rem)}.result-copy{color:var(--muted-strong);margin:16px 0 0;font-size:15px}.result-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;color:var(--muted);justify-content:space-between;align-items:center;margin-top:42px;padding:15px 0;font-size:13px;display:flex}.result-summary strong{color:var(--text);font-weight:500}.result-actions{gap:10px;width:100%;margin-top:24px;display:grid}@media (width>=640px){.page{padding:28px 32px 52px}.home-hero{padding-top:70px;padding-bottom:62px}.home-panel{padding-top:28px}.mode-options{grid-template-columns:repeat(2,1fr)}.game-actions{padding-top:18px;position:static}.toast{left:32px;right:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root,body{background:#f7f6f1}.app-shell--table{--bg:#f7f6f1;--surface:#fffefa;--surface-raised:#fffefa;--surface-soft:#ebeae3;--text:#202a27;--muted:#68716c;--muted-strong:#4c5852;--line:#202a2726;--line-strong:#202a2745;--amber:#b85f44;--amber-soft:#b85f441a;background:var(--bg);color:var(--text)}.app-shell--table .page--setup,.app-shell--table .page--game{width:min(100%,980px)}.app-shell--table .mode-mark{border-radius:3px}.app-shell--table .screen-heading{margin-bottom:18px}.app-shell--table .screen-heading h1{font-size:clamp(2rem,7vw,3.8rem)}.app-shell--table .progress-rail{margin-bottom:24px}.app-shell--table .progress-step--active{border-top-color:#b85f44}.table-diagram{background:#ddd8cc;width:100%;height:auto;display:block;overflow:visible}.diagram-rail{fill:#705540;stroke:#3e392f;stroke-width:.65px}.diagram-felt{fill:#28775b;stroke:#174b3b;stroke-width:.55px}.diagram-guide{stroke:#f4f1e29e;stroke-width:.35px;stroke-dasharray:1.5 1.4}.diagram-head-spot{fill:#e7e7db}.diagram-foot-spot{fill:#d36c52}.diagram-diamond{fill:#efe9d7}.diagram-pocket{fill:#141916;stroke:#5b4b39;stroke-width:.55px}.diagram-ball-number{fill:#1f2421;font-family:var(--font-display);text-anchor:middle;pointer-events:none;font-size:1.55px;font-weight:700}.home-table-figure .table-diagram{border-radius:4px}.rack-stage{margin:0 0 20px}.diagram-heading,.diagram-axis,.rack-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.diagram-heading{font-family:var(--font-display);margin-bottom:9px;font-size:14px}.diagram-heading span{color:var(--muted);font-family:var(--font-mono);font-size:11px}.rack-label-row{color:var(--muted-strong);font-family:var(--font-sans);letter-spacing:0;margin-bottom:7px;font-size:11px;font-weight:600}.diagram-axis{color:var(--muted);white-space:nowrap;margin-top:9px;padding:0 24% 0 23%;font-size:10px;line-height:1.45}.diagram-axis span:last-child{text-align:right}.rack-detail{background:#ebe9e0;grid-template-columns:minmax(0,1fr) minmax(160px,47%);align-items:center;gap:16px;margin-top:28px;padding:18px;display:grid}.rack-detail__kicker{color:#a65a42;font-size:11px;font-weight:700}.rack-detail h2{font-family:var(--font-display);letter-spacing:-.04em;margin:6px 0 10px;font-size:clamp(17px,4vw,25px)}.rack-detail p,.rack-caption{color:var(--muted-strong);margin:0;font-size:12px;line-height:1.7}.rack-zoom{background:#28775b;border:5px solid #705540;width:100%;max-height:220px;display:block}.rack-zoom .diagram-ball-number{font-size:1.8px}.rack-caption{margin-top:11px}.app-shell--table .check-row{color:var(--text)}.app-shell--table .check-mark--done{border-color:#b85f44}.app-shell--table .primary-button{color:#fffefa;background:#b85f44;border-radius:5px}.app-shell--table .secondary-button,.app-shell--table .danger-button{border-radius:5px}.app-shell--table .danger-button{color:#a14d37;background:#f9eee9;border-color:#a14d3759}.app-shell--table .game-meta{margin:0 0 13px}.app-shell--table .turn-label{font-size:16px;font-weight:700}.app-shell--table .page--game{flex-direction:column;min-height:100svh;display:flex}.app-shell--table .recommendation{border:0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:0 0;border-radius:0;min-height:0;margin-bottom:0;padding:13px 0 16px}.app-shell--table .recommendation:after{display:none}.app-shell--table .recommendation__copy{gap:3px}.app-shell--table .recommendation__copy strong{font-size:clamp(1.8rem,7vw,2.8rem)}.app-shell--table .recommendation__copy span{max-width:none}.app-shell--table .recommendation__ball{width:48px;height:48px;box-shadow:none;color:var(--text);background:#f0e5ce;border-color:#b85f44;font-size:18px}.win-condition{border-bottom:1px solid var(--line-strong);grid-template-columns:66px minmax(0,1fr);align-items:baseline;gap:12px;padding:15px 0;display:grid}.win-condition span,.pocketed-summary>span{color:#a6523c;font-size:11px;font-weight:700}.win-condition p{color:var(--text);margin:0;font-size:13px;line-height:1.6}.app-shell--table .remaining-section{border-top:0;margin:0 0 12px;padding:18px 0 14px}.app-shell--table .ball-chip{color:var(--text);background:#e9eee7;border-color:#bbbfb7}.app-shell--table .ball-chip--target{color:#fffefa;box-shadow:none;background:#b85f44;border-color:#b85f44}.pocketed-summary{border-top:1px solid var(--line);align-items:center;gap:14px;min-height:42px;margin-top:13px;padding-top:13px;display:flex}.pocketed-summary>span{flex:none}.pocketed-summary .ball-list{gap:5px}.app-shell--table .ball-chip--pocketed{width:25px;height:25px;color:var(--muted);background:0 0;font-size:10px}.pocketed-empty{color:var(--muted);font-size:12px}.app-shell--table .game-actions{background:var(--bg);margin-top:auto}.app-shell--table .toast{background:var(--surface);color:var(--text)}@media (width<=480px){.app-shell--table .page--setup,.app-shell--table .page--game{padding:16px 12px 28px}.rack-detail{grid-template-columns:1fr}.rack-zoom{max-height:260px}.diagram-axis{padding:0 19% 0 18%;font-size:9px}.rack-label-row{font-size:10px}}.app-shell--table .page--home{min-height:100svh;padding-bottom:max(12px, env(safe-area-inset-bottom))}.app-shell--table .page--home .app-header{margin-bottom:8px}.app-shell--table .home-hero{padding:10px 0 18px}.app-shell--table .home-hero h1{font-size:clamp(2.4rem,10vw,4rem);line-height:1.02}.app-shell--table .home-hero p{max-width:36rem;color:var(--muted-strong);margin-top:12px;font-size:13px;line-height:1.6}.app-shell--table .home-table-figure{margin-bottom:17px}.app-shell--table .home-table-figure figcaption{margin-top:6px;font-size:10px}.app-shell--table .home-panel{padding:13px 0 0}.app-shell--table .home-panel .section-heading{margin-bottom:10px}.app-shell--table .home-panel .section-heading h2{font-size:19px;font-weight:600}.app-shell--table .mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-shell--table .mode-card{background:var(--surface);border-radius:6px;grid-template-columns:38px minmax(0,1fr);gap:8px;min-height:78px;padding:9px}.app-shell--table .mode-card:hover{border-color:var(--amber);background:var(--surface)}.app-shell--table .mode-card__number{width:38px;height:38px;font-size:18px}.app-shell--table .mode-card__number--nine{background:#e9ba3f}.app-shell--table .mode-card__number--eight{color:#fffefa;background:#26312b}.app-shell--table .mode-card__copy{gap:2px}.app-shell--table .mode-card__copy strong{font-size:14px;font-weight:700}.app-shell--table .mode-card__copy span{color:var(--muted);font-size:10px;line-height:1.4}.app-shell--table .mode-card__arrow{display:none}.app-shell--table .home-panel .secondary-button--full{background:0 0;border-radius:5px;min-height:39px;margin-top:8px;padding:8px 10px;font-size:12px}.app-shell--table .rule-link{color:var(--text);padding:10px 0 0;font-size:12px;font-weight:600}.rule-modes{gap:30px;display:grid}.rule-mode-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-8px 0 22px;display:grid}.rule-mode-nav a{border:1px solid var(--line-strong);min-height:48px;color:var(--text);border-radius:4px;align-content:center;gap:3px;padding:7px 10px;font-size:12px;font-weight:650;text-decoration:none;display:grid}.rule-mode-nav a span{color:#a6523c;font-family:var(--font-mono);letter-spacing:.1em;font-size:9px}.rule-mode-nav a:focus-visible{outline-offset:2px;outline:2px solid #b85f44}.rule-mode__heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.rule-mode__heading h2{margin:0;font-size:21px;font-weight:650}.rule-mode__heading span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;font-size:10px}.rule-item h3{color:var(--text);margin:0;font-size:14px;font-weight:650}.rules-caveat{color:var(--muted);margin:20px 0 0;font-size:11px;line-height:1.6}.call-guide{border-bottom:1px solid var(--line-strong);gap:7px;margin:0 0 15px;padding:10px 0 12px;display:grid}.call-guide h2{margin:0;font-size:14px;font-weight:650}.call-guide__row{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:8px;display:grid}.call-guide__row p{color:var(--muted-strong);margin:0;font-size:10px;line-height:1.55}.call-guide__label{border-radius:3px;justify-content:center;padding:2px 4px;font-size:9px;font-weight:700;display:inline-flex}.call-guide__label--miss{color:#41564a;background:#edf1eb}.call-guide__label--foul{color:#a14d37;background:#f9eee9}.call-guide__details{padding-left:56px}.call-guide__details summary{color:#a6523c;cursor:pointer;width:fit-content;font-size:10px;font-weight:650}.call-guide__details p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.6}.app-shell--table .recommendation__ball{width:64px;height:64px;box-shadow:none;color:inherit;filter:drop-shadow(0 5px 5px #1018122e);background:0 0;border:0;border-radius:50%;display:block}.recommendation__ball-group{flex:none;grid-template-columns:repeat(3,27px);place-content:center;gap:1px;width:87px;min-height:82px;display:grid}.recommendation__ball-group svg{filter:drop-shadow(0 2px 2px #10181226)}.app-shell--table .ball-chip{width:38px;height:38px;box-shadow:none;background:0 0;border:1px solid #0000;padding:2px}.app-shell--table .ball-chip--target{background:0 0;border:2px solid #b85f44;box-shadow:0 0 0 2px #b85f441f}.app-shell--table .ball-chip--pocketed{width:32px;height:32px;color:inherit;background:0 0;padding:1px}.shot-ball{background:0 0;border:1px solid #0000;place-items:center;padding:4px;display:grid}.shot-ball--selected{background:#f9eee9;border:2px solid #b85f44;box-shadow:0 0 0 2px #b85f441a}.page--rules .rule-mode+.rule-mode{border-top:1px solid var(--line-strong);padding-top:20px}.app-shell--table .page--game{padding-bottom:max(12px, env(safe-area-inset-bottom))}.app-shell--table .game-meta{margin-bottom:8px}.app-shell--table .recommendation{padding-top:10px;padding-bottom:12px}.app-shell--table .win-condition{padding-top:11px;padding-bottom:11px}.app-shell--table .call-guide{gap:5px;margin-bottom:9px;padding-top:7px;padding-bottom:8px}.app-shell--table .call-guide__row p{font-size:10px;line-height:1.45}.app-shell--table .remaining-section{margin-bottom:7px;padding-top:13px;padding-bottom:9px}.app-shell--table .pocketed-summary{min-height:36px;margin-top:9px;padding-top:8px}.app-shell--table .last-action{margin-bottom:8px;padding:7px 10px;font-size:10px;line-height:1.4}@media (width<=480px){.app-shell--table .page--home{padding:15px 12px max(12px, env(safe-area-inset-bottom))}}@media (width<=360px){.app-shell--table .mode-card{grid-template-columns:32px minmax(0,1fr);gap:6px;padding:8px}.app-shell--table .mode-card__number{width:32px;height:32px;font-size:16px}}@media (height<=680px) and (width<=480px){.app-shell--table .home-hero{padding:4px 0 11px}.app-shell--table .home-hero p{display:none}.app-shell--table .home-table-figure{margin-bottom:9px}.app-shell--table .home-panel{padding-top:8px}}@media (width>=900px){.app-shell--table .page--home{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);align-content:start;column-gap:38px;width:min(100%,1100px);display:grid}.app-shell--table .page--home .app-header,.app-shell--table .home-panel,.app-shell--table .rule-link{grid-column:1/-1}.app-shell--table .home-hero{grid-area:2/1;padding-top:30px}.app-shell--table .home-hero h1{font-size:clamp(2.6rem,4vw,3.2rem)}.app-shell--table .home-hero p{line-height:1.75}.app-shell--table .home-table-figure{grid-area:2/2}.app-shell--table .home-panel{margin-top:16px}.app-shell--table .rule-link{justify-self:start;margin-top:12px}}