.landscape-ui .ui-stage .combined-game.balance-game .mini-board-area{justify-content:center;align-items:center;container-type:size;container-name:balance-space}
.balance-board{width:min(100%,520px);height:min(100%,460px);min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 26px 66px 42px;gap:5px;padding:10px;border:2px solid #b6bf9c;border-radius:24px;background:linear-gradient(#f8edc9c9,#e1e7caeb),url('art/mal/shell-coast.webp') center/cover;overflow:hidden}
.balance-scene{position:relative;min-height:0;margin:0 8%;isolation:isolate}.balance-suri{position:absolute;right:0;top:0;width:23%;height:40%;object-fit:contain}.balance-post{position:absolute;left:48%;width:4%;top:38%;bottom:5%;background:#8b9971;border:2px solid #657950;border-radius:10px}.balance-post:after{content:'';position:absolute;bottom:-4px;left:-35px;width:76px;height:12px;border-radius:50%;background:#92a57a}
.balance-beam{position:absolute;left:4%;right:4%;top:42%;height:8px;border-radius:9px;background:#998565;transform:rotate(var(--tilt));transition:transform .45s cubic-bezier(.22,.8,.35,1);border:1px solid #6e7958}
.balance-pan{position:absolute;top:8px;width:43%;height:clamp(50px,19cqh,100px);border:2px solid #a08d68;border-top:0;border-radius:0 0 40% 40%;background:linear-gradient(transparent 45%,#dbcb9dcc 45%);transform:rotate(calc(-1 * var(--tilt)));transition:transform .45s;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.balance-left{left:-7%}.balance-right{right:-7%}.balance-pan>span{position:absolute;top:-28px;font-size:clamp(10px,2.5cqw,15px);white-space:nowrap;background:#fff6df;border-radius:8px;padding:2px 5px}.balance-load{height:65%;width:100%;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;overflow:hidden}.balance-load .balance-pebble{width:30%;height:48%;max-height:38px}.balance-goal{width:60%;height:62%;background:#c3d2b7;border:2px solid #7d9372;border-radius:45% 40% 30% 35%;flex-direction:column}.balance-goal strong{font-size:clamp(17px,5cqw,27px);line-height:1}.balance-goal small,.balance-load>small{font-size:10px}.balance-pivot{position:absolute;left:50%;top:42%;transform:translate(-50%,-40%);font-size:26px;color:#aa853b;line-height:1}.balance-status{text-align:center;font-size:14px;align-self:center}.balance-stones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.balance-stone{position:relative;padding:0 2px;border:2px solid #abb88f;border-radius:14px;background:#fff9e9;min-width:0;min-height:44px;display:grid;place-items:center;grid-template-rows:minmax(0,1fr) 15px;font-size:12px}.balance-stone svg{height:100%;width:100%;max-width:72px}.balance-stone.selected{background:#d8e7b6;border-color:#3f7455;box-shadow:inset 0 0 0 1px #3f7455}.balance-stone:disabled{opacity:.5}.balance-stone.selected:disabled{opacity:1}.balance-controls{display:flex;align-items:center;justify-content:center}.balance-controls button{min-height:38px;padding:6px 20px;font-size:14px}.balance-victory{text-align:center}.balance-victory img{width:110px;height:110px;object-fit:contain}.balance-victory h2{font-size:22px}.balance-board.balanced .balance-suri{animation:balance-cheer .7s ease-in-out}.balance-board.balanced{border-color:#658b4f}
@keyframes balance-cheer{50%{transform:translateY(-10px) rotate(6deg)}}
html:not([data-tablet-layout="true"]) .landscape-ui .ui-stage .balance-game .mini-task-area{container-type:size;container-name:balance-math}
html[data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.balance-game .mini-workspace:not(.no-task){grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
@container balance-space (max-height:300px){.balance-board{grid-template-rows:minmax(0,1fr) 20px 48px 34px;padding:6px;gap:3px}.balance-status{font-size:11px}.balance-stone{grid-template-rows:minmax(0,1fr) 12px;font-size:10px}.balance-controls button{min-height:32px;font-size:12px;padding:4px 12px}.balance-pan{height:clamp(40px,23cqh,62px)}.balance-pan>span{top:-22px;font-size:10px}.landscape-ui .ui-stage .combined-game.balance-game .mini-board-note{display:none}}
@container balance-math (max-height:205px){.landscape-ui .ui-stage .balance-game .mini-task-area .memory-math{gap:3px}.landscape-ui .ui-stage .balance-game .mini-task-area .memory-math .equation{font-size:25px;min-height:32px}.landscape-ui .ui-stage .balance-game .mini-task-area .memory-math .answer{height:32px;font-size:25px}.landscape-ui .ui-stage .balance-game .mini-task-area .memory-math .keypad button{height:25px;font-size:18px}.landscape-ui .ui-stage .balance-game .mini-task-status{display:none}.balance-victory img{width:48px;height:48px}.balance-victory h2{font-size:16px;margin:4px}.balance-victory button{min-height:34px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.balance-beam,.balance-pan{transition:none}.balance-board.balanced .balance-suri{animation:none}}

.balance-scene{container-type:size}.balance-beam{top:26%;animation:balance-tilt .45s ease-out both}.balance-pan{height:clamp(28px,38cqh,90px);animation:balance-countertilt .45s ease-out both}.balance-pivot{top:26%}.balance-goal{display:flex;flex-direction:column;gap:0}.balance-goal strong,.balance-goal small{flex-shrink:0;display:block;line-height:1.1}.balance-goal small{font-size:8px}.balance-suri{top:0;right:35%;width:25%;height:28%}
@keyframes balance-tilt{from{transform:rotate(var(--from-tilt))}to{transform:rotate(var(--tilt))}}
@keyframes balance-countertilt{from{transform:rotate(calc(-1 * var(--from-tilt)))}to{transform:rotate(calc(-1 * var(--tilt)))}}
@media(prefers-reduced-motion:reduce){.balance-beam,.balance-pan{animation:none}}

@container balance-space (max-height:210px){.balance-board{grid-template-rows:minmax(0,1fr) 18px 44px 32px;padding:4px;gap:2px}.balance-beam{top:20%}.balance-pivot{top:20%}.balance-status{font-size:10px}.balance-controls button{min-height:30px}}