.site-nav{display:flex;gap:16px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid #29342f}.site-nav a{color:#a8c3b0;text-decoration:none}.site-nav a:hover{text-decoration:underline}:root{font-family:system-ui,sans-serif;color:#eef5f1;background:#111513}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;min-height:calc(100vh - 48px);padding:20px}.table-region{display:grid;place-items:center;min-width:0}.control-panel{background:#f4f7f5;color:#203029;border-radius:16px;padding:18px}.model-notice{margin:0;padding:0 20px 16px;color:#aebbb4}.table-region svg{width:100%;max-height:calc(100vh - 100px);aspect-ratio:2 / 1;overflow:visible;background:#4b2b1e;border:18px solid #6e4329;border-radius:18px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.cloth{fill:#1b6334}.ball{stroke:#29342f;stroke-width:2;cursor:grab}.ball--white{fill:#fff}.ball--yellow{fill:#f0cc33}.ball--red{fill:#d93b36}.ball--blocked{stroke:#ff7b68;stroke-width:8}.aim-line{fill:none;stroke:#a8c3b0;stroke-width:4;stroke-dasharray:10 12}[data-ghost-marker]{cursor:grab}.ghost-ball{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:8 8;pointer-events:all}.cue-path{fill:none;stroke:#75e3ef;stroke-width:6}.object-path{fill:none;stroke:#559cff;stroke-width:6}.path-arrow{fill:#dffbff}.cushion-hit{fill:#fff;stroke-width:4}.cushion-hit--cue{stroke:#75e3ef}.cushion-hit--object{stroke:#559cff}.control-panel label{display:block;margin-bottom:10px}.control-panel section{border-top:1px solid #d6dfda;margin-top:18px;padding-top:18px}.control-panel [data-control=tip] svg{width:min(100%,230px);display:block;margin:14px auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#dbe2de)}.control-panel [data-tip-ring]{fill:none;stroke:#70867b;stroke-dasharray:2 2}.control-panel .cue-ball-outline{fill:#f9fbfa;stroke:#5b6d64;stroke-width:1}.control-panel .miscue-limit{fill:none;stroke:#d45242;stroke-dasharray:1.5 2}.control-panel .tip-axis{stroke:#aab8b1;stroke-width:.5}.control-panel [data-selected-tip]{fill:#28302c24;stroke:#34413b;stroke-width:1}.control-panel .tip-center{fill:#e33838}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.control-panel{order:2}}