:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-shell{color:#f4f7fb;background:radial-gradient(circle at 0 0,#22c55e38,#0000 34rem),radial-gradient(circle at 100% 100%,#3b82f62e,#0000 30rem),#06120d;min-height:100vh;padding:32px}.intro{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:end;gap:24px;max-width:1180px;margin:0 auto 20px;display:grid}.eyebrow{color:#86efac;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1{letter-spacing:-.06em;margin:0;font-size:clamp(34px,6vw,68px);line-height:.95}.intro-copy{color:#cbd5e1;max-width:720px;margin:16px 0 0;font-size:18px;line-height:1.55}.controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04100bb8;border:1px solid #86efac38;border-radius:20px;padding:18px;box-shadow:0 24px 80px #00000047}.controls label{color:#d1fae5;gap:8px;font-size:14px;display:grid}.controls input[type=range]{accent-color:#22c55e;width:100%}.hint{color:#94a3b8;font-size:12px;line-height:1.35}.button-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}button{color:#052e16;cursor:pointer;background:linear-gradient(135deg,#bbf7d0,#22c55e);border:0;border-radius:12px;width:100%;padding:11px 14px;font-weight:900;transition:transform .15s,filter .15s,opacity .15s}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{color:#d1fae5;background:#0f766e61;border:1px solid #5eead440}button.best{color:#422006;background:linear-gradient(135deg,#fde68a,#f59e0b)}.settings{border-top:1px solid #94a3b82e;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:14px;padding-top:14px;display:grid}.settings label{color:#cbd5e1;align-items:center;gap:8px;font-size:12px;line-height:1.3;display:flex}.settings input{accent-color:#22c55e}.table-card{background:linear-gradient(145deg,#0f172ae6,#042f2ead);border:1px solid #bbf7d038;border-radius:32px;max-width:1180px;margin:0 auto;padding:clamp(10px,2vw,18px);box-shadow:0 30px 110px #00000073}.pool-table{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.outer-rail{fill:#4a2511;stroke:#8b5a2b;stroke-width:10px}.pro-rails .outer-rail{filter:drop-shadow(0 0 8px #fbbf2440)}.felt{fill:#087443;stroke:#052e16;stroke-width:7px}.pocket{fill:#020617;stroke:#ffffff2e;stroke-width:3px}.path{fill:none;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 10;opacity:.62;filter:drop-shadow(0 0 7px);pointer-events:none}.cue-path{stroke-width:4.2px;opacity:.82;stroke:#fff!important}.ghost{fill:none;stroke:#ffffff8a;stroke-width:1.4px;stroke-dasharray:3 5;pointer-events:none}.cue-stick-layer{pointer-events:none;opacity:.95}.cue-stick-layer line{stroke:#d6a15d;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 4px 5px #00000080)}.cue-stick-layer circle{fill:#e5e7eb;stroke:#78350f;stroke-width:1px}.aim-layer{pointer-events:none}.aim-layer line{stroke:#fef08a;stroke-width:3px;stroke-linecap:round;stroke-dasharray:10 8;filter:drop-shadow(0 0 8px #fef08acc)}.aim-layer circle{fill:#facc15;stroke:#fff7ad;stroke-width:3px}.ball{cursor:grab;filter:drop-shadow(0 7px 5px #00000059)}.ball.dragging{cursor:grabbing}.ball circle{stroke:#ffffffeb;stroke-width:1.2px}.ball .cue{stroke:#dbeafe;stroke-width:2px}.ball text{fill:#111827;paint-order:stroke;stroke:#ffffffbf;stroke-width:1.5px;pointer-events:none;font-size:8px;font-weight:900}.timeline-card,.score-card,.events,.info-grid article{color:#cbd5e1;background:#02061785;border:1px solid #94a3b82e;border-radius:20px}.timeline-card{grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:center;gap:16px;max-width:1180px;margin:16px auto 0;padding:16px;display:grid}.timeline-card strong,.events strong{color:#bbf7d0}.timeline-card p,.events p{margin:8px 0 0;line-height:1.45}.timeline-controls{grid-template-columns:48px 1fr 48px 90px;align-items:center;gap:10px;display:grid}.timeline-controls input{accent-color:#22c55e}button.arrow{padding:8px 10px;font-size:20px}.score-card{flex-wrap:wrap;gap:10px;max-width:1180px;margin:16px auto 0;padding:14px 18px;display:flex}.score-card span{background:#0f766e38;border-radius:999px;padding:7px 10px}.good{color:#86efac}.bad{color:#fca5a5}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1180px;margin:16px auto 0;display:grid}.info-grid article,.events{padding:18px}.info-grid h2{color:#f8fafc;margin:0 0 10px;font-size:16px}.info-grid p,.info-grid ul{margin:0;line-height:1.55}.info-grid ul{padding-left:20px}.events{max-width:1180px;margin:16px auto 0}.last-shot{color:#fde68a}.best-message{color:#fbbf24}@media (width<=860px){.app-shell{padding:18px}.intro,.info-grid,.timeline-card,.settings,.button-grid{grid-template-columns:1fr}.timeline-controls{grid-template-columns:42px 1fr 42px}.timeline-controls button:last-child{grid-column:1/-1}}