/* HUBMAT Visual — 5º ano · Geometria. */
.geo-board{max-width:560px;margin:auto}.geo-board svg{width:100%;height:auto;display:block}
.geo-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.geo-controls .btn{flex:1 1 90px}
.geo-readout{text-align:center;font-size:clamp(20px,4vw,30px);font-weight:850;margin:10px 0}
.geo-compass{display:inline-grid;place-items:center;min-width:56px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.geo-face{fill:#d9e8f5;stroke:#315f83;stroke-width:2}.geo-face:nth-child(even){fill:#f7dda0}.geo-face.is-hidden{display:none}
.geo-solid-note{text-align:center;color:var(--muted);font-size:13px}
.geo-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.geo-compare>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.geo-compare svg{width:100%;height:auto}
.geo-attrs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.geo-attrs span{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-weight:700}
@media(max-width:520px){.geo-compare{grid-template-columns:1fr}.geo-controls .btn{flex-basis:42%}}
.geo-cylinder{width:100%;max-width:560px;height:auto;display:block;margin:auto}
.geo-cylinder-side{fill:#d9e8f5;stroke:#315f83;stroke-width:3}
.geo-cylinder-base{fill:#f7dda0;stroke:#946006;stroke-width:3}
.geo-cylinder-status{display:grid;gap:5px;text-align:center;max-width:620px;margin:10px auto}
.geo-cylinder-status strong{font-size:20px}