/* HUBMAT Visual — 6º ano · Números e Álgebra */
.g6-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.g6-controls .btn{flex:1 1 88px}
.g6-readout{text-align:center;font-size:clamp(21px,4vw,34px);font-weight:850;margin:10px 0}
.g6-line svg{width:100%;height:auto}.g6-place{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.g6-place>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 2px;text-align:center}.g6-place b{display:block;font-size:24px}.g6-place small{font-size:9px;color:var(--muted)}
.g6-place-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.g6-place-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:3px;text-align:center}.g6-place-controls span{grid-column:1/-1;font-size:10px;font-weight:800}.g6-place-controls .btn{padding:6px;min-width:0}
.g6-calc{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;max-width:720px;margin:auto}.g6-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;text-align:center;font-size:clamp(21px,4vw,32px);font-weight:800}.g6-op{font-size:30px;font-weight:900}
.g6-flow{max-width:600px;margin:auto;display:grid;gap:10px;text-align:center}.g6-flow .node{padding:12px;border:2px solid #779184;border-radius:12px;background:#fff}.g6-flow .decision{border-radius:999px;background:#fff3dc}.g6-flow .active{border-color:var(--green);background:#eaf4e7}
.g6-factors{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.g6-factors span{padding:7px 10px;border:1px solid var(--line);background:#fff;border-radius:9px}.g6-factors span.hit{background:var(--gold);border-color:#936b18}
.g6-fracbar{display:grid;grid-template-columns:repeat(var(--d,4),1fr);height:58px;max-width:540px;margin:12px auto;border:2px solid #567567}.g6-fracbar i{border-right:1px solid #82968a;background:#fff}.g6-fracbar i:last-child{border-right:0}.g6-fracbar i.on{background:var(--gold)}
.g6-tokens{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;max-width:540px;margin:12px auto}.g6-token{width:30px;height:30px;border-radius:50%;border:2px solid #235f9b;background:#d8e9f7}.g6-token.on{background:var(--gold);border-color:#936b18}
.g6-round{max-width:620px;margin:auto}.g6-round-track{height:10px;background:#d5dfd8;border-radius:999px;position:relative;margin:50px 20px 20px}.g6-round-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--blue);top:50%;transform:translate(-50%,-50%)}.g6-round-labels{display:flex;justify-content:space-between;font-weight:750}
.g6-percent{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;max-width:390px;margin:10px auto}.g6-percent i{aspect-ratio:1;border:1px solid #a4b4a7;background:#fff}.g6-percent i.on{background:var(--gold)}
.g6-balance{display:grid;grid-template-columns:1fr 55px 1fr;gap:8px;align-items:center;max-width:620px;margin:auto}.g6-pan{background:#fff;border:2px solid #8da392;border-radius:12px;padding:15px;text-align:center}.g6-pan strong{font-size:30px}.g6-sign{text-align:center;font-size:34px;font-weight:900}
.g6-ratio{display:grid;grid-template-columns:var(--p,1fr) var(--q,2fr);gap:5px;max-width:600px;margin:auto}.g6-ratio>div{padding:18px;text-align:center;border-radius:12px;font-weight:850;font-size:24px}.g6-ratio .a{background:#d9e8f5;border:2px solid var(--blue)}.g6-ratio .b{background:#f8df9f;border:2px solid #9a711b}
@media(max-width:600px){.g6-place{gap:2px}.g6-place b{font-size:19px}.g6-place small{font-size:8px}.g6-place-controls{gap:2px}.g6-calc{grid-template-columns:1fr auto 1fr}.g6-calc .result{grid-column:1/-1}.g6-balance{grid-template-columns:1fr 36px 1fr}.g6-pan{padding:8px}.g6-sign{font-size:25px}}
.g6-fracop-bars{display:grid;gap:8px;max-width:680px;margin:12px auto}.g6-fracop-row{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center}.g6-fracop-row>strong{font-size:12px;text-align:right}.g6-fracop-row>span{display:grid;grid-template-columns:repeat(var(--parts),1fr);height:34px;border:1px solid #789083}.g6-fracop-row i{border-right:1px solid #9db0a2;background:#fff}.g6-fracop-row i:last-child{border-right:0}.g6-fracop-row i.on{background:#bcd6ed}.g6-fracop-row.b i.on,.g6-fracop-row.common-b i.on{background:#f8df9f}.g6-fracop-row.result i.on{background:#dcebd6}.g6-fracop-row.common-a,.g6-fracop-row.common-b{opacity:.92}
.g6-balance{position:relative;padding-top:34px}.g6-balance::before{content:'';position:absolute;top:22px;left:16%;right:16%;height:5px;background:#607584;border-radius:5px;transform:rotate(var(--balance-tilt,0deg));transform-origin:center;transition:transform .2s ease}.g6-balance::after{content:'';position:absolute;top:20px;left:50%;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:25px solid #426251;transform:translateX(-50%)}.g6-balance[data-balance="equal"] .g6-pan{background:#eef7f2}.g6-balance[data-balance="left"] .g6-pan:first-child,.g6-balance[data-balance="right"] .g6-pan:last-child{background:#fff3d7}
@media(max-width:600px){.g6-fracop-row{grid-template-columns:1fr}.g6-fracop-row>strong{text-align:left}}
.g6-fracbar.g6-fraction-units{grid-template-columns:1fr;height:auto;border:0;gap:8px}.g6-fraction-whole{display:grid;grid-template-columns:repeat(var(--d),minmax(0,1fr));height:46px;border:2px solid #567567}.g6-review-table{width:100%;border-collapse:collapse;margin:16px 0;background:#fff;color:#15324b}.g6-review-table caption{font-weight:800;padding:8px}.g6-review-table th,.g6-review-table td{padding:10px;border:1px solid #98afa3;text-align:left}.g6-pan strong{overflow-wrap:anywhere}