/* V6: Tháp nằm ngay trong nội dung bài học, không còn nổi đè lên giao diện. */
#quiz{position:relative}
#balance-mini{position:relative;inset:auto;z-index:1;box-sizing:border-box;width:180px;max-width:100%;min-height:225px;margin:12px auto;padding:10px 8px;color:#79512e;font:600 12px system-ui,Arial;pointer-events:auto;background:linear-gradient(150deg,#fffaf0,#fff3dc);border:1px solid #ecd7b9;border-radius:16px;box-shadow:0 5px 18px #79512e16}
#balance-mini[hidden]{display:none!important}
#balance-mini button{border:0;background:#f0dcc0;border-radius:8px;cursor:pointer;padding:3px 7px}
.tower-title{font-size:12px;white-space:nowrap}.tower-title button{float:right}
.tower-scene{height:155px;position:relative;overflow:hidden;background:transparent;perspective:300px}
.tower-ground{position:absolute;bottom:5px;left:9%;width:82%;height:5px;background:#ae8e68;border-radius:5px;box-shadow:0 3px 8px #5335}
#tower-stack{position:absolute;bottom:11px;left:calc(50% - 37px);width:75px;height:150px;transform-origin:bottom center;transform:rotate(calc(var(--tilt,0)*1deg));transition:transform .4s ease}
.tower-block{position:absolute;width:24px;height:11px;border-radius:2px;border:1px solid #986331;box-shadow:inset 0 2px 2px #fff8,1px 2px 2px #5335}
.tower-stats{display:flex;justify-content:space-between;font-size:10px;gap:4px}.tower-note{font-size:10px;margin-top:5px}
#balance-mini.fall #tower-stack{transform:rotate(76deg) translate(50px,25px);transition:transform .85s ease-in}
#balance-mini.placing .tower-block:last-child{animation:jengaDrop .23s ease-out}
@keyframes jengaDrop{from{transform:translateY(-45px) rotate(-8deg);opacity:.3}to{transform:translateY(0);opacity:1}}
#balance-mini.minimized{min-height:0;width:180px}#balance-mini.minimized .tower-scene,#balance-mini.minimized .tower-stats,#balance-mini.minimized .tower-note{display:none}
/* Màn hình rộng: chia vùng nội dung với tháp ngay trong bài, không phải widget fixed. */
@media(min-width:850px){#quiz:has(#balance-mini:not([hidden])){padding-right:215px;min-height:310px}#quiz #balance-mini:not([hidden]){position:absolute;right:16px;top:58px;margin:0}}
@media(max-width:849px){#quiz #balance-mini:not([hidden]){margin:16px auto;min-height:210px}#quiz .question{padding-left:5px;padding-right:5px}}
@media(prefers-reduced-motion:reduce){#tower-stack,.tower-block{animation:none!important;transition:none!important}}