.landscape-ui .ui-stage .combined-game.brook-game .mini-board-area{container-type:size;align-items:center;justify-content:center;gap:6px}
.brook-board{min-height:0;position:relative;isolation:isolate;flex:none;width:min(100cqw,calc(100cqh - 82px),480px);aspect-ratio:1;display:block;padding:0;border:2px solid #aaac76;border-radius:24px;background:linear-gradient(#f4e7c4d9,#d9dda6ec),url('art/minus/frost-valley.webp') center/cover;box-shadow:0 4px #73674930}
.brook-controls{min-height:40px;display:flex;align-items:center;justify-content:center;flex:none}.brook-controls button{min-height:36px;padding:7px 12px;font-size:13px}.brook-victory{text-align:center;padding:10px}.brook-victory>img{width:110px;height:110px;object-fit:contain}.brook-victory h2{font-size:23px}.brook-victory .primary{min-height:46px;font-size:16px}
html[data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.brook-game .mini-workspace.no-task{grid-template-rows:minmax(0,1fr)}
html[data-tablet-layout="true"][data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.brook-game .mini-workspace.no-task{grid-template-rows:minmax(0,1fr)}
html:not([data-tablet-layout="true"])[data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.brook-game .mini-workspace:not(.no-task){grid-template-rows:minmax(220px,1.1fr) minmax(220px,.9fr)}
.landscape-ui .ui-stage .combined-game.brook-game .mini-board-note{white-space:normal;overflow-wrap:anywhere;flex-shrink:0}

@media(max-height:740px) and (orientation:portrait){
 html:not([data-tablet-layout="true"])[data-game-orientation="portrait"] .landscape-ui .ui-stage .combined-game.brook-game .mini-workspace:not(.no-task){grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);gap:6px}
 .landscape-ui .ui-stage .combined-game.brook-game .mini-board-note{display:none}
 .brook-game .brook-board{width:min(100cqw,calc(100cqh - 38px),480px);padding:6px;gap:4px;border-radius:18px}
 .brook-game .brook-controls{min-height:32px}.brook-game .brook-controls button{min-height:30px;font-size:11px;padding:5px 8px}
 .landscape-ui .ui-stage .combined-game.brook-game .mini-task-area .memory-math .keypad button{height:30px}
 .landscape-ui .ui-stage .combined-game.brook-game .mini-task-area .memory-math .equation{min-height:40px;font-size:29px}
 .landscape-ui .ui-stage .combined-game.brook-game .mini-task-area .memory-math .answer{height:40px;font-size:28px}
 .landscape-ui .ui-stage .combined-game.brook-game .mini-task-area .memory-math .mini-task-status{min-height:13px;font-size:9px;line-height:13px}
 .brook-game .brook-victory>img{width:65px;height:65px}.brook-game .brook-victory h2{font-size:18px}
}

.brook-board{overflow:hidden;background-color:#d9e6cc;border-color:#a5bec1}
.brook-channels{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.brook-channels path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.brook-bank{stroke:#a78e60;stroke-width:7}.brook-bed{stroke:#f9e7b7;stroke-width:4.5}.brook-preview{stroke:#71b6c4;stroke-width:2;opacity:.8;stroke-dasharray:1 2}.brook-water{stroke:#3096be;stroke-width:4;stroke-dasharray:100;animation:brook-flow .9s ease-out both}
.brook-source{position:absolute;left:50%;top:3%;transform:translateX(-50%);font-size:clamp(22px,8cqw,40px);line-height:1;display:grid;text-align:center}.brook-source small{font-size:11px;background:#fff7dc;border-radius:7px}
.brook-gate{position:absolute;transform:translate(-50%,-50%);width:clamp(44px,13cqw,58px);height:clamp(44px,13cqw,58px);border:3px solid #718452;border-radius:50%;background:#fff4ca;box-shadow:0 3px #75835966;color:#305c48;font-size:clamp(27px,9cqw,40px);padding:0;display:grid;place-items:center;z-index:2}.brook-gate:disabled{opacity:1}.brook-gate:focus-visible{outline:3px solid #245f44;outline-offset:3px}
.brook-plant{position:absolute;top:73%;transform:translateX(-50%);width:23%;text-align:center;color:#325d45;line-height:1}.brook-plant>span{display:grid;place-items:center;width:70%;aspect-ratio:1;margin:auto;background:#e8e8c8;border:2px solid #a4b893;border-radius:50%}.brook-plant .drawn-icon{width:75%;height:75%}.brook-plant small{display:block;font-size:clamp(8px,2.6cqw,12px);margin-top:3px;font-weight:800}.brook-plant strong{position:absolute;right:5%;top:-7%;font-size:20px}.brook-plant.thirsty>span{outline:3px solid #d7a32c;background:#fff0ba;box-shadow:0 0 0 6px #fff5cd99}.brook-plant.bloomed>span{background:#d0e6b5}.brook-plant.thirsty small{background:#fff0ba;border-radius:5px}.brook-lio{position:absolute;right:3%;top:3%;width:20%;height:22%;object-fit:contain;pointer-events:none}
@keyframes brook-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.brook-water{animation:none}}

@media(prefers-reduced-motion:no-preference){.brook-plant.splashed>span{animation:brook-drink .9s ease-out}.brook-botanical.is-bloomed{animation:brook-bloom .4s ease-out}}
@keyframes brook-drink{50%{box-shadow:0 0 0 8px #80cadb66}}
@keyframes brook-bloom{from{transform:scale(.8)}70%{transform:scale(1.08)}to{transform:none}}