.pond-toolbox{position:absolute;z-index:3;bottom:84px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 24px));max-width:none;padding:0;color:#405a47;pointer-events:auto}.pond-toolbox[hidden]{display:none}.pond-toolbox .toolbox{background:#faf8edee;border:1px solid #c5cbb7;box-shadow:0 5px 24px #293d2224}.pond-toolbox-row{grid-template-columns:minmax(0,1fr) 46px}.pond-tool-strip{display:flex;min-width:0;gap:5px}.pond-tool-strip .tool-button{flex:1;height:68px;min-width:64px}.pond-tool-strip .tool-button svg{width:31px;height:31px}.pond-tool-context{margin:0 auto 6px;width:max-content;max-width:100%;padding:3px;border:1px solid #c7cfb8;border-radius:12px;background:#faf8edee}.pond-tool-context[hidden]{display:none}.pond-material-options{display:flex;gap:2px}.pond-material-options button{display:grid;grid-template-columns:18px auto;align-items:center;gap:0 4px;min-width:76px;min-height:44px;padding:4px 8px;border:0;border-radius:9px;background:transparent;color:#46604a;font:inherit;font-size:11px}.pond-material-options button[aria-pressed=true]{background:#dce9ce;box-shadow:inset 0 0 0 1px #698864}.pond-material-options svg{grid-row:1/3;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pond-material-options b{font:600 11px/13px system-ui,sans-serif;color:#64775f}.pond-toolbox .pond-action{position:relative;width:100%;height:62px;margin:0 0 8px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 10px;padding:5px;border:2px solid #ffffe8;border-radius:16px;color:#496149;background:#f9f6e89e;box-shadow:0 4px 16px #263d3430,inset 0 0 0 3px #c5ceb27a;touch-action:none;user-select:none;pointer-events:auto}.pond-action[hidden]{display:none}.pond-action svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pond-action strong{font-size:18px}.pond-action small{font-size:11px;color:#71816a}.pond-action[aria-pressed=true]{background:#dce9cead;border-color:#698864;box-shadow:0 0 0 4px #a4be8370,inset 0 2px 8px #405b4520}.pond-toolbox input[type=range]{position:absolute;inset:0;margin:0;width:100%;height:100%;writing-mode:vertical-lr;direction:rtl;appearance:none;-webkit-appearance:none;opacity:0;cursor:ns-resize;touch-action:none}.pond-toolbox input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px}.pond-toolbox .pond-brush-value{font:600 10px/11px ui-monospace,monospace;color:#506143}.pond-toolbox :focus-visible{outline:3px solid #658d81;outline-offset:3px}.pond-target{position:fixed;z-index:90;width:44px;height:48px;transform:translate(-32px,-43px);pointer-events:none;filter:drop-shadow(0 1px 2px #233a4c80)}.pond-target[hidden]{display:none}.pond-target svg{width:100%;height:100%;overflow:visible}.pond-target path:first-child{fill:none;stroke:#fffdf2;stroke-width:2;stroke-opacity:.58;stroke-linecap:round}.pond-target path:nth-child(2){fill:#d77a42;stroke:#fff9dc;stroke-width:1}.pond-target circle{fill:#ffe58a;fill-opacity:.75}.pond-target.is-held path:nth-child(2){fill:#ebac39}.school-view-active .material-feedback{z-index:91}#school-view[data-zone=pond] .zone-hint{bottom:auto;top:105px;font-size:11px}@media(max-width:600px){.pond-toolbox{bottom:90px;width:calc(100% - 16px)}.pond-toolbox-row{grid-template-columns:44px minmax(0,1fr)}.pond-toolbox .brush-gauge-picker{grid-column:1;grid-row:1}.pond-tool-strip{grid-column:2;grid-row:1}.pond-tool-strip .tool-button{height:56px;min-width:58px}.pond-tool-strip .tool-button svg{width:27px;height:27px}#school-view[data-zone=pond] .school-view-heading p{max-width:220px}}@media(max-height:540px) and (orientation:landscape){.pond-toolbox{bottom:66px}.pond-toolbox .pond-action{height:48px;margin-bottom:6px}.pond-tool-strip .tool-button{height:48px}.pond-tool-context{position:absolute;right:0;bottom:54px}}
#school-view .pond-toolbox.tool-dock{bottom:max(18px,env(safe-area-inset-bottom));width:min(760px,calc(100% - 80px));max-width:760px}
#school-view .pond-toolbox .toolbox{padding:6px;border-radius:18px}.pond-toolbox-row{grid-template-columns:minmax(0,1fr) 46px;gap:7px}.pond-tool-strip .tool-button{height:78px;min-width:69px}.pond-tool-strip .tool-button svg{width:37px;height:37px}
@media(max-width:1100px){#school-view .pond-toolbox.tool-dock{width:min(760px,calc(100% - 42px))}}
@media(pointer:coarse),(max-width:760px){#school-view .pond-toolbox.tool-dock{bottom:max(11px,env(safe-area-inset-bottom));width:calc(100% - 24px)}#school-view .pond-toolbox .toolbox{grid-template-columns:44px minmax(0,1fr);gap:5px;padding:5px;border-radius:16px}.pond-toolbox .brush-gauge-picker{grid-column:1;grid-row:1}.pond-tool-strip{grid-column:2;grid-row:1}.pond-tool-strip .tool-button{height:76px;min-width:56px;flex-basis:56px}.pond-tool-strip .tool-button svg{width:32px;height:32px}}
@media(pointer:coarse) and (max-height:540px) and (orientation:landscape){#school-view .pond-toolbox.tool-dock{bottom:max(6px,env(safe-area-inset-bottom));max-width:640px}.pond-tool-context{bottom:54px}.pond-tool-strip .tool-button{height:64px;min-width:57px}.pond-toolbox .brush-gauge{height:64px}}
.pond-status{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);font:700 12px/1.3 system-ui,sans-serif;color:#fff8dc;text-shadow:0 1px 4px #263d34;white-space:nowrap;pointer-events:none}
@media(pointer:fine){.pond-toolbox .pond-action{display:none}}
.pond-target .target-pole{fill:none;stroke:#fffdf2;stroke-width:2;stroke-opacity:.58;stroke-linecap:round}.pond-target .target-cloth{fill:#d77a42;stroke:#fff9dc;stroke-width:1;stroke-linejoin:round}.pond-target .target-dot{fill:#ffe58a;fill-opacity:.75;stroke:none}.pond-target.is-held .target-cloth{fill:#ebac39}.pond-target .target-side{transform-origin:32px 43px;transition:transform 180ms ease}.pond-target.is-left .target-side{transform:scaleX(-1)}.pond-target.is-offscreen{opacity:.65}
@media(prefers-reduced-motion:reduce){.pond-target .target-side{transition:none}}
.pond-toolbox .pond-tool-strip{position:relative;display:block;min-width:0}.pond-toolbox .tools-scroll{display:flex;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth}.pond-toolbox .tools-scroll::-webkit-scrollbar{display:none}.pond-toolbox .tool-strip:has(.tool-navigation:not([hidden])) .tools-scroll{margin-inline:28px}.pond-toolbox .tool-navigation{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.pond-toolbox .tool-navigation[hidden]{display:none}.pond-toolbox .tool-navigation button{width:28px;height:100%;padding:0;border:0;border-radius:8px;background:#fbf8ef;color:#667858;pointer-events:auto;touch-action:manipulation}.pond-toolbox .tool-navigation button:disabled{visibility:hidden}.pond-toolbox .tool-navigation svg{width:13px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.pond-toolbox [data-pond-group=castle]::after{content:'⌃';position:absolute;right:7px;top:5px;font-size:15px;line-height:1;color:#9a8d66}.pond-toolbox [data-pond-group=castle][aria-expanded=true]::after{transform:rotate(180deg)}
.pond-tool-context>div[hidden]{display:none}.pond-water-options,.pond-dry-options,.pond-drawing-options,.pond-ant-options,.pond-seed-options{display:flex;align-items:center;gap:3px;padding:3px}.pond-water-options button,.pond-dry-options button,.pond-drawing-options button,.pond-ant-options button,.pond-seed-options button{min-height:34px;padding:4px 10px;border:1px solid #a4ae9155;border-radius:8px;background:#f8f7ed;color:#52644b;font:600 10px/1.2 system-ui,sans-serif;white-space:nowrap}.pond-water-options button[aria-pressed=true],.pond-dry-options button[aria-pressed=true],.pond-drawing-options button[aria-pressed=true],.pond-seed-options button[aria-pressed=true]{background:#dce9ce;border-color:#698864;box-shadow:inset 0 0 0 1px #698864}.pond-ant-options span{padding-inline:7px;font:600 10px/1.3 system-ui,sans-serif;white-space:nowrap}.pond-ant-options button:disabled{opacity:.4}.pond-seed-options>div{display:flex;gap:3px}.pond-seed-guide{padding-inline:6px;font:600 10px/1.3 system-ui,sans-serif;white-space:nowrap;color:#65745f}.pond-toolbox .shape-picker{z-index:4}
@media(pointer:coarse),(max-width:760px){.pond-seed-options{align-items:stretch;flex-direction:column}.pond-seed-options>div{display:grid;grid-template-columns:repeat(4,1fr)}.pond-seed-options button{min-height:32px;padding-inline:7px}.pond-seed-guide{text-align:center}}