/* HUBMAT Visual — 6º ano · Geometria */
.g6g-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.g6g-controls .btn{flex:1 1 90px}
.g6g-readout{text-align:center;font-size:clamp(21px,4vw,32px);font-weight:850;margin:10px 0}
.g6g-board svg{display:block;width:100%;height:auto;max-width:620px;margin:auto}.g6g-gridline{stroke:#cfdbd1;stroke-width:1}.g6g-axis{stroke:#607584;stroke-width:2}.g6g-point{fill:#235f9b;stroke:#fff;stroke-width:3}
.g6g-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:560px;margin:auto}.g6g-counts div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.g6g-counts strong{display:block;font-size:28px}
.g6g-poly{fill:#d8e9f7;stroke:#235f9b;stroke-width:3}.g6g-attrs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.g6g-attrs span{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-weight:750}
.g6g-class-list{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.g6g-class-list span{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#fff}.g6g-class-list span.on{background:#eaf4e7;border-color:var(--green);color:#164d30}
.g6g-scale{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g6g-scale>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.g6g-scale svg{width:100%;height:auto}
.g6g-lines{max-width:600px;margin:auto}.g6g-lines svg{width:100%;height:auto}.g6g-relation{text-align:center;font-size:20px;font-weight:800}
.g6g-flow{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.g6g-step{padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:700}.g6g-step.current{background:var(--gold);border-color:#946b17}
@media(max-width:560px){.g6g-counts{grid-template-columns:1fr 1fr 1fr}.g6g-scale{grid-template-columns:1fr}.g6g-controls .btn{flex-basis:42%}}
.g6g-solid-view,.g6g-quad-view,.g6g-route-board{max-width:620px;margin:10px auto;background:#fff;border:1px solid var(--line);border-radius:13px;padding:8px}.g6g-solid-view svg,.g6g-quad-view svg,.g6g-route-board svg{width:100%;height:auto;display:block}.g6g-solid-base{fill:#d9e8f5;stroke:#235f9b;stroke-width:2}.g6g-solid-top{fill:#f8df9f;stroke:#9a711b;stroke-width:2}.g6g-solid-edge{stroke:#426251;stroke-width:2}.g6g-solid-vertex{fill:#146348;stroke:#fff;stroke-width:1.5}.g6g-solid-label{font-size:15px;font-weight:850;fill:#15324b}.g6g-quad-shape{fill:#d9e8f588;stroke:#235f9b;stroke-width:4}.g6g-quad-label{font-size:11px;fill:#50665b}.g6g-route-grid{stroke:#d6e0d8;stroke-width:1}.g6g-route-path{fill:none;stroke:#235f9b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.g6g-route-point{fill:#f2c257;stroke:#7b5a13;stroke-width:2}.g6g-route-start{fill:#146348;stroke:#fff;stroke-width:2}.g6g-route-turn{fill:#fff3dc;stroke:#a4481a;stroke-width:2}.g6g-route-turn-label{font-size:18px;font-weight:900;fill:#a4481a}