/* HUBMAT Visual — 5º ano · Números. Extensão sem dependências externas. */
.g5-place{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.g5-place>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 3px;text-align:center;min-width:0}
.g5-place b{display:block;font-size:25px}.g5-place small{font-size:9px;color:var(--muted)}
.g5-place-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.g5-place-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;text-align:center}.g5-place-controls span{grid-column:1/-1;font-size:10px;font-weight:800}
.g5-place-controls .btn{padding:6px;min-width:0}
.g5-line{width:100%;height:auto}.g5-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;max-width:420px;margin:10px auto}.g5-grid i{aspect-ratio:1;border:1px solid #9db0a2;background:#fff}.g5-grid i.on{background:var(--gold)}
.g5-meter{font-size:clamp(24px,5vw,40px);font-weight:850;text-align:center;margin:8px 0}.g5-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.g5-pair>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.g5-pair strong{display:block;font-size:28px}
.g5-combos{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:6px}.g5-combos span{padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:center;font-size:13px}
@media(max-width:520px){.g5-place{gap:3px}.g5-place>div{padding:6px 1px}.g5-place b{font-size:20px}.g5-place small{font-size:8px}.g5-place-controls{gap:3px}.g5-pair{grid-template-columns:1fr}.g5-compare-row{gap:2px}.g5-compare-row span{padding:9px 2px}.g5-eq-readout{grid-template-columns:1fr}.g5-combo3-summary{grid-template-columns:1fr 1fr}}
.g5-compare{display:grid;gap:8px;max-width:720px;margin:10px auto}
.g5-compare-row{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.g5-compare-row span{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px 4px;text-align:center;font-size:clamp(18px,4vw,30px);font-weight:850}
.g5-compare-row span.is-current{outline:3px solid #146348;background:#eef7f2}
.g5-compare-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;color:var(--muted);font-size:10px;font-weight:800;text-align:center}
.g5-scan-note{text-align:center;display:grid;gap:4px;margin-top:10px}
.g5-eq-bars{display:grid;gap:14px;max-width:700px;margin:10px auto}
.g5-eq-bar{display:grid;gap:3px;min-height:62px}
.g5-eq-bar i{display:block;min-height:62px;background:#fff;border:1px solid #9db0a2}
.g5-eq-bar i.on{background:#f2c257;border-color:#946006}
.g5-eq-readout{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}
.g5-share{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px auto}
.g5-share-box{width:130px;min-height:110px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-wrap:wrap;gap:3px;align-content:flex-start;justify-content:center}
.g5-share-box b{width:100%;text-align:center;font-size:12px}
.g5-share-box i{width:13px;height:13px;border-radius:50%;background:#235f9b}
.g5-jump-line{width:100%;height:auto}.g5-jump-line .axis{stroke:#607584;stroke-width:3}.g5-jump-line .tick{stroke:#607584;stroke-width:2}.g5-jump-line .jump{fill:none;stroke:#235f9b;stroke-width:3}.g5-jump-line .marker{fill:#146348}.g5-jump-line text{font-size:12px}
.g5-combo3-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px auto;max-width:720px}
.g5-combo3-summary>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}.g5-combo3-summary strong{display:block;font-size:24px}

.g5-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.g5-controls .btn{flex:1 1 110px}
.g5-eq-value{text-align:center;font-size:clamp(18px,4vw,28px);font-weight:850;margin:8px 0}