/* HUBMAT Visual — 9º ano · Geometria */
.g9g-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.g9g-controls .btn{flex:1 1 95px}
.g9g-readout{text-align:center;font-size:clamp(21px,4vw,32px);font-weight:850;margin:10px 0}
.g9g-board svg{width:100%;height:auto;display:block;max-width:640px;margin:auto}.g9g-line{stroke:#235f9b;stroke-width:5}.g9g-alt{stroke:#a4481a}.g9g-circle{fill:none;stroke:#235f9b;stroke-width:4}.g9g-ray{stroke:#a4481a;stroke-width:4}
.g9g-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.g9g-stats div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px;text-align:center}.g9g-stats strong{display:block;font-size:23px}
.g9g-triangles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g9g-triangles>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.g9g-triangles svg{width:100%;height:auto}
.g9g-flow{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.g9g-flow span{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:700}.g9g-flow .current{background:var(--gold);border-color:#936b18}
.g9g-grid{stroke:#d5dfd8;stroke-width:1}.g9g-axis{stroke:#607584;stroke-width:2}.g9g-point{fill:#f2c257;stroke:#805c13;stroke-width:2}.g9g-seg{stroke:#235f9b;stroke-width:4}
.g9g-views{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.g9g-views>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}.g9g-views strong{display:block;font-size:25px}
@media(max-width:560px){.g9g-stats,.g9g-views{grid-template-columns:1fr 1fr}.g9g-triangles{grid-template-columns:1fr}.g9g-controls .btn{flex-basis:42%}}