/* No transform or restart animation on the game shell. All targets stay still. */
.workbench{width:min(100%,850px);margin:0 auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}
.work-order{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;flex:none;font-size:16px;color:#214c42}
.work-order>span{display:inline-flex;align-items:center;gap:7px;border:2px solid #c4ae75;border-radius:18px;background:#fff2cc;padding:5px 14px;box-shadow:0 3px 0 #bdae82}
.work-order b{font-size:23px;font-variant-numeric:tabular-nums}
.work-tools{display:flex;gap:9px;justify-content:center;align-items:stretch;flex:none}
.work-control.play-button{width:88px;min-width:72px;min-height:70px;border-radius:26px}
.work-control .button-art{flex-direction:column;align-items:center;justify-content:center;border-radius:24px;gap:3px}
.work-control svg{width:26px;height:26px;flex:none}
.work-label{font:600 12px/1.15 var(--font-child);text-align:center;overflow-wrap:normal!important;word-break:normal}
.work-control[aria-pressed=true] .button-art{background:#398472;color:#fff8e2;box-shadow:0 5px 0 #20594b,inset 0 3px 1px #b3d6a0}
.work-control:disabled{opacity:.38;cursor:default}
.work-control:focus-visible,.work-plot:focus-visible,.program-command:focus-visible{outline:4px solid #185c59;outline-offset:4px}
.work-row-nav{display:flex;gap:14px;justify-content:center;align-items:center;flex:none}
.work-row-nav .work-control{width:66px;min-width:60px;min-height:57px}
.work-row-nav .work-label{display:none}.work-row-nav .button-art{min-height:50px!important}
.work-row-name{display:flex;flex-direction:column;align-items:center;min-width:150px;color:#254d49;font-size:16px}
.work-row-name span{font-size:13px}
.work-seabed{display:grid;grid-template-columns:repeat(6,minmax(54px,1fr));width:min(100%,540px);gap:9px;padding:13px 16px 17px;border:4px solid #b1bc83;border-radius:28px;background:linear-gradient(170deg,#d0db9c,#a3c1a3);box-shadow:inset 0 5px 9px #6b8f7744,0 7px 0 #8a9d75,0 12px 20px #406c4226;flex:none}
.work-plot.play-button{height:63px;min-height:63px;min-width:54px;padding:0 0 7px!important;background:none;border:0;box-shadow:none;border-radius:40%}
.work-plot>.button-art{position:relative!important;min-height:56px!important;height:56px!important;padding:5px!important;background:linear-gradient(#ba916d,#9c7759)!important;box-shadow:0 5px 0 #71624a,inset 0 3px 2px #edd3a1!important;border:2px solid #e9c59a;border-radius:42%!important;justify-content:center}
.plot-soil{width:28px;height:9px;border-radius:50%;background:#755c42;position:absolute;bottom:13px;opacity:.5}
.work-coral{height:38px;width:40px;position:relative;display:block;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 1px #71594555)}
.planted .work-coral{opacity:1}.work-coral:before{content:'';position:absolute;width:10px;height:30px;border-radius:8px;background:#cb7f83;left:15px;bottom:0;border:2px solid #ffd2b2}
.work-coral i{position:absolute;width:9px;height:23px;border-radius:7px;background:#e79798;border:2px solid #ffcfac;left:6px;top:10px;transform:rotate(-38deg)}
.work-coral i:nth-child(2){left:25px;transform:rotate(38deg)}.work-coral i:nth-child(3){left:16px;top:0;transform:rotate(8deg)}
.work-mini-garden{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:550px;flex:none}
.work-mini-row{display:flex;align-items:center;gap:2px;padding:3px 5px;border-radius:8px;background:#eff0d8;border:1px solid #b0c49a;min-width:20px}
.work-mini-row.current{border:2px solid #397763;padding:2px 4px}.work-mini-row small{font-size:11px;margin-right:3px}.work-mini-row i{width:5px;height:8px;border-radius:4px 4px 0 0;background:#cb7f83}
.work-finish-glow{position:absolute;inset:-5px;pointer-events:none;border:3px solid #d8b659;border-radius:25px;box-shadow:0 0 18px #fce88d66}
.program-stage{flex:0 1 auto;min-height:0;display:flex;justify-content:center;width:100%;}
.program-map{width:clamp(180px,27vh,280px);height:clamp(180px,27vh,280px);filter:drop-shadow(0 7px 1px #54796855);flex:none}
.program-island{fill:#daebbf;stroke:#8aab74;stroke-width:5}.program-grid{stroke:#94b58b;stroke-width:1;fill:none}.program-flag{stroke:#8a5941;stroke-width:4;fill:#e6a087;stroke-linejoin:round}
.program-trail{stroke:#487d80;stroke-width:6;stroke-dasharray:6 9;fill:none;stroke-linecap:round;opacity:.65}
.program-strip{width:min(100%,620px);display:flex;justify-content:center;gap:4px;flex-wrap:wrap;padding:5px 9px;background:#efe0bc;border:2px solid #c8b480;border-radius:18px;min-height:56px;flex:none}
.program-command.play-button{width:42px;min-width:42px;height:48px;min-height:48px;flex:none;padding:0 0 5px!important;border-radius:13px}
.program-command .button-art{min-height:41px!important;padding:4px!important;display:flex;gap:1px;border-radius:13px;flex-direction:column}
.program-command svg{width:21px;height:21px}.program-command small{font-size:10px;line-height:11px}
.program-empty{color:#9a8b6e;letter-spacing:12px;align-self:center;font-size:25px}
.program-tools .work-control{width:75px;min-width:60px;min-height:66px}
.program-tools .run-route{width:98px}.run-route .button-art{background:#67a692;color:#173f38}
.program-count{font-size:12px;color:#365f51;line-height:1;flex:none}
.work-garden .work-tools .work-control{min-height:68px}
body.high-contrast .work-order,body.high-contrast .work-row-name{color:#162e25}
body.high-contrast .work-control .button-art{border-color:#234a41}
@media(max-width:680px){
 .game-shell:has(.workbench)>.play-world{padding:6px 7px 13px;}
 .workbench{gap:6px}.work-order{gap:5px;font-size:12px;flex-wrap:nowrap}.work-order>span{padding:4px 8px;gap:4px}.work-order b{font-size:18px}
 .work-garden .work-tools{gap:4px;flex-wrap:wrap;width:100%}.work-garden .work-tools .work-control{width:60px;min-width:55px;min-height:63px}
 .work-control .button-art{padding:5px!important;min-height:56px!important}.work-label{font-size:10px;line-height:1.15}
 .work-control svg{width:23px;height:23px}.work-row-nav{gap:8px}.work-row-name{min-width:125px;font-size:14px}.work-row-name span{font-size:12px}
 .work-row-nav .work-control{width:60px;min-width:60px;min-height:49px}.work-row-nav .button-art{min-height:43px!important}
 .work-seabed{grid-template-columns:repeat(6,minmax(0,1fr));padding:8px 8px 12px;gap:5px}
 .work-plot.play-button{min-width:0;width:100%;min-height:49px;height:49px}.work-plot>.button-art{min-height:42px!important;height:42px!important;padding:2px!important}
 .work-coral{height:31px;width:31px;scale:.82}.work-mini-garden{gap:3px}.work-mini-row{padding:2px 3px}.work-mini-row.current{padding:1px 2px}.work-mini-row i{width:4px;height:7px}.work-mini-row small{font-size:10px}
 .program-map{width:200px;height:200px}.program-strip{max-width:100%;gap:4px;padding:4px 6px;min-height:50px}
 .program-command.play-button{width:42px;min-width:42px;min-height:43px;height:43px}.program-command .button-art{min-height:36px!important;padding:3px!important}
 .program-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:100%}.program-tools .work-control,.program-tools .run-route{width:100%;min-width:0;min-height:60px}
 .program-tools .button-art{min-height:53px!important}.program-tools .work-label{font-size:9px}.program-order{font-size:12px}
}
@media(max-height:740px){.program-map{width:155px;height:155px}.workbench{gap:4px}.work-seabed{padding:6px 10px 10px}}
/* Examples use a noninteractive, compact diagram; not a hidden answer to the active task. */
.example-play-preview .workbench{gap:3px}.example-play-preview .work-tools,.example-play-preview .work-row-nav,.example-play-preview .program-tools,.example-play-preview .program-count{display:none!important}
.example-play-preview .work-seabed{max-width:320px;padding:5px;gap:4px}.example-play-preview .work-plot{min-height:35px!important;height:35px!important}.example-play-preview .work-plot>.button-art{min-height:30px!important;height:30px!important}.example-play-preview .work-coral{scale:.7}
.example-play-preview .work-order{font-size:11px}.example-play-preview .work-order b{font-size:16px}.example-play-preview .program-map{width:145px;height:145px}.example-play-preview .program-strip{min-height:32px;width:240px}.example-play-preview .program-command{width:26px!important;min-width:26px!important;height:30px!important;min-height:30px!important}.example-play-preview .program-command .button-art{min-height:25px!important}.example-play-preview .program-command svg{width:16px;height:16px}
/* The SVG must shrink WITH its flex slot. A fixed SVG height let the command
   strip cover the robot when 7–12 commands wrapped onto a second row. */
.work-program{--map-size:clamp(180px,27vh,280px)}
.program-stage{height:var(--map-size);flex:0 1 var(--map-size);min-height:0}
.program-stage>.program-map{height:100%;max-height:100%;width:auto;max-width:100%;aspect-ratio:1;flex:0 1 auto}
@media(max-width:680px){.work-program{--map-size:200px}}
@media(max-height:740px){.work-program{--map-size:155px}}
.example-play-preview .program-stage{height:145px;flex:0 0 145px}