.diagram-wrap{max-width:440px;margin:.4rem auto 1rem;overflow:hidden;border-radius:12px}.rule{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--panel2);color:var(--text);border-left:4px solid var(--accent);padding:.55rem .85rem;margin:.55rem 0;font-size:.98rem}.grid-svg{width:100%;height:auto;display:block;background:var(--panel);border:1px solid var(--line);border-radius:12px}.grid-svg .minor{stroke:var(--line);stroke-width:1}.grid-svg .axis{stroke:var(--dim);stroke-width:1.6}.grid-svg .poly{fill:color-mix(in srgb,var(--accent) 18%,transparent);stroke:var(--text);stroke-width:2.4}.grid-svg .poly.image{fill:color-mix(in srgb,var(--bad) 14%,transparent);stroke:var(--bad)}.grid-svg .lab{font-size:12px;font-weight:700;fill:var(--text)}.grid-svg .lab.image{fill:var(--bad)}.note{color:var(--dim);font-size:.95rem}.const-svg,.diagram{width:100%;height:auto;display:block;touch-action:manipulation;background:var(--panel);border:1px solid var(--line);border-radius:12px}.const-svg .ink{stroke:var(--accent2);fill:none;stroke-width:2.6;stroke-linecap:round}.const-svg .thin{stroke:var(--accent2);fill:none;stroke-width:1.6}.const-svg .arc{stroke:var(--accent);fill:none;stroke-width:2}.const-svg .arc-bad{stroke:var(--bad);fill:none;stroke-width:2}.const-svg .dash{stroke-dasharray:5 4}.const-svg .pt{fill:var(--accent2)}.const-svg .pt-teal{fill:var(--accent)}.const-svg text{font-size:13px;font-weight:700;fill:var(--accent2);font-family:inherit}.const-svg .tick{fill:var(--bad);font-size:15px}.id-grid{display:grid;gap:.55rem;margin:.7rem 0}.id-opt{text-align:left}.id-opt.good{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,var(--panel2))}.id-opt.bad{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--panel2))}.pair-btns{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0 1rem}.letter{font-weight:800;font-size:1.6rem;width:2.6rem;height:2.6rem;padding:0;border-radius:10px;border:2px solid var(--accent2)}.letter.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.diagram line{stroke:var(--accent2);stroke-width:5;stroke-linecap:round}.diagram .road{stroke-width:6}.diagram .bike{stroke-width:4}.diagram circle{fill:var(--accent2)}.diagram .ang{font-weight:800;font-size:18px;fill:var(--bad);pointer-events:none}.diagram .pt{font-size:14px;fill:var(--accent2);font-weight:700;pointer-events:none}.wedge{fill:transparent;cursor:pointer}.wedge.lit{fill:color-mix(in srgb,var(--accent) 35%,transparent)}.city-hit{fill:transparent;cursor:pointer}.city-hit.lit{fill:color-mix(in srgb,var(--accent) 40%,transparent)}.reveal-row{display:grid;grid-template-columns:1.2fr .9fr;gap:.5rem;border:1px solid var(--line);border-radius:10px;padding:.7rem;margin:.45rem 0;background:var(--panel2)}.reveal-row .why{color:var(--accent2);font-weight:700;font-size:.9rem}@media(max-width:540px){.reveal-row{grid-template-columns:1fr}}