@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}.game-table-wrap{margin:0 -1px 22px}.game-table{width:100%;height:auto;display:block;overflow:visible}.table-rail{fill:#6b4b32;stroke:#ffffff1f;stroke-width:1px}.table-felt{fill:var(--felt);stroke:#ffffff29;stroke-width:.8px}.table-pocket{fill:#0c110e}.table-aim-line{stroke:#f2b55ca6;stroke-dasharray:2 2;stroke-width:.45px}.table-cue{fill:var(--text);stroke:#0f1511a6;stroke-width:.8px}.table-ball{fill:var(--blue);stroke:#ffffff7a;stroke-width:.55px}.table-ball--nine-9,.table-ball--eight-8{fill:var(--purple)}.table-ball--eight-9,.table-ball--eight-10,.table-ball--eight-11,.table-ball--eight-12,.table-ball--eight-13,.table-ball--eight-14,.table-ball--eight-15{fill:var(--surface);stroke:var(--amber);stroke-width:1px}.table-ball-number{fill:#152019;text-anchor:middle;font-size:2.4px;font-weight:700}.table-ball-group--target .table-ball-number{fill:#172119}.table-ball-ring{fill:none;stroke:var(--amber);stroke-width:.75px;stroke-dasharray:1.7 1.2}.game-table-wrap figcaption{color:var(--muted);align-items:center;gap:6px;margin-top:7px;font-size:11px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot--cue{background:var(--text);margin-left:3px}.legend-dot--target{background:var(--amber);margin-left:9px}.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}}