.cleanup-map-note{font-size:13px!important;color:#14667e!important;line-height:1.7;letter-spacing:0!important}
.cleanup-active .adv-board{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)}
.adventure.cleanup-active .adv-scene.cleanup-sailing{min-height:480px;touch-action:pan-y;background-position:center;background-size:cover}
.cleanup-tracks{position:absolute;inset:0 2%;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none}
.cleanup-tracks i{border-right:2px dashed #d8ffff65;color:#f8ffff99;font-style:normal;font-size:14px;text-align:center;padding-top:64px}
.cleanup-tracks i:last-child{border-right:0}
.cleanup-currents{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 58px,#ebffff33 59px,transparent 62px);background-position-y:var(--cleanup-distance);opacity:.6}
.cleanup-lanes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);z-index:1}
.cleanup-lane{background:transparent;border:0;padding:0;border-radius:0;touch-action:pan-y}
.cleanup-lane:focus-visible{outline:4px solid #ffdf77;outline-offset:-5px}
.cleanup-lane:hover:not(:disabled){transform:none}
.cleanup-floating:hover:not(:disabled){transform:translate(-50%,-50%)}
.cleanup-score{position:absolute;z-index:5;top:13px;left:14px;background:#fff3bc;color:#80521c;border:2px solid #fffce7;padding:9px 15px;border-radius:22px;font-size:22px;box-shadow:0 4px 0 #064d7633}
.cleanup-stage-badge{position:absolute;top:17px;right:14px;z-index:4;border-radius:20px;background:#ecffffe8;color:#145a76;padding:8px 12px;font-size:14px;font-weight:800}
.cleanup-floating{position:absolute;z-index:3;transform:translate(-50%,-50%);width:26%;max-width:134px;min-height:105px;border:2px solid #a9e9ef;border-radius:22px;background:#eafffff0;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 5px 0 #1f728e30;transition:top .12s linear;cursor:pointer;touch-action:pan-y}
.cleanup-trash-art{display:block;width:52px;height:50px;animation:cleanup-drift 3s ease-in-out infinite;flex-shrink:0}
.cleanup-trash-art svg{width:100%;height:100%}
.cleanup-trash-label{font-size:16px;line-height:1.3;font-weight:850;color:#154b63;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;text-align:center}
.cleanup-next{border-color:#f8cf70;background:#fffbe9}
.cleanup-trash-ready{border-color:#f5ac36;box-shadow:0 0 0 5px #ffe987a0,0 8px 0 #0c697833}
.cleanup-swimmer{display:block;position:absolute;left:50%;top:86%;width:118px;z-index:5;transform:translate(-50%,-50%);transition:left .24s cubic-bezier(.2,.9,.3,1);pointer-events:none;filter:drop-shadow(0 7px 5px #075e8a55)}
.cleanup-swimmer .mascot-motion{animation:cleanup-swim 2.3s ease-in-out infinite}
.cleanup-swimmer{top:min(86%,calc(100% - 65px))}
.cleanup-swimmer{aspect-ratio:1/1}
.cleanup-swimmer .mascot-motion,.cleanup-swimmer .mascot-motion>img{width:100%;height:100%;object-fit:contain}
.cleanup-swimmer.cleanup-dock-swimmer{top:50%;width:86px;z-index:1}
.cleanup-dock-swimmer .cleanup-net{display:none}
.cleanup-net{position:absolute;top:-65px;left:9px;width:100px;height:100px;border:3px dashed #e8feffb0;border-radius:50%;color:#f3ffff8f;font-size:30px;display:grid;place-items:center;opacity:.25;transition:opacity .2s;background:radial-gradient(#c7ffff0d,#ffffff26)}
.cleanup-can-collect .cleanup-net{opacity:1;border-color:#fff3a8;box-shadow:0 0 18px #fff9b9b0}
.cleanup-finish-gate{position:absolute;left:50%;transform:translateX(-50%);font-size:94px;color:#fff6d1;text-shadow:0 4px 0 #e8ab5c;z-index:3;text-align:center;transition:top .12s linear}
.cleanup-finish-gate>span{display:block;font-size:18px;color:#285e77;background:#fff9e4;padding:7px 13px;border-radius:18px;text-shadow:none;font-weight:800}
.cleanup-kicker{display:inline-block;font-size:14px;font-weight:800;color:#237b8c;margin:2px 0 12px}
.cleanup-task-title{min-height:60px}
.cleanup-bag{background:#dff4f8;border:2px solid #b3e5ec;border-radius:17px;padding:12px;font-weight:800;font-size:17px;color:#215e75;line-height:1.5}
.cleanup-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:9px;margin:20px 0 16px}
.cleanup-controls>button{min-height:76px;border-radius:20px;border:2px solid #a7dbe7;background:#fff;color:#1a5e7c;font-size:18px;font-weight:850;padding:8px;line-height:1.4;box-shadow:0 5px 0 #a9d9e7;touch-action:manipulation}
.cleanup-controls>.cleanup-collect{background:#ffda78;border-color:#ffe9ae;color:#674b15;box-shadow:0 5px 0 #d8ac49}
.cleanup-controls>button:disabled{opacity:.6;box-shadow:0 3px 0 #bed3d9}
.cleanup-controls>.cleanup-collect:not(:disabled){animation:cleanup-button 1.5s ease-in-out infinite}
.cleanup-note,.cleanup-dock-note{min-height:74px;padding:10px 12px;border-radius:15px;background:#fff5d6;color:#78521d;font-size:16px;font-weight:750;line-height:1.6;margin:0 0 13px}
.cleanup-restbar{display:flex;gap:10px}.cleanup-restbar>button{flex:1;font-size:14px;min-height:46px}
.cleanup-key-help{font-size:14px;line-height:1.7;color:#416d7d}
.cleanup-paused{position:absolute;z-index:7;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;background:#0d6480bb;backdrop-filter:blur(3px);color:#fff;font-size:24px;text-align:center;padding:20px}
.cleanup-paused>.adv-button{width:auto;max-width:90%;font-size:19px}
.cleanup-is-paused .mascot-motion,.cleanup-is-paused .cleanup-trash-art{animation-play-state:paused}
.cleanup-pop{position:absolute;left:50%;top:39%;z-index:6;transform:translateX(-50%);padding:12px 18px;background:#fff6d1;color:#8b581e;font-size:23px;font-weight:900;border:3px solid #fff;border-radius:25px;pointer-events:none;opacity:0;max-width:90%;text-align:center}
.cleanup-pop.show{animation:cleanup-pop 1.6s ease-out both}
.adventure.cleanup-active .adv-scene.cleanup-dock{min-height:460px}
.cleanup-dock .adv-cleanup-helper{display:none}
.cleanup-dock .adv-waste{width:39%;max-width:180px;min-height:156px}
.cleanup-dock-title{display:block;font-size:17px;line-height:1.6;color:#1c6880;font-weight:850;background:#dff4f7;border-radius:16px;padding:10px 13px;margin:0 0 15px}
.cleanup-final-score{display:block;max-width:520px;margin:20px auto;padding:16px;border-radius:20px;background:#fff0b3;color:#8a5b20;font-size:26px;line-height:1.5}
@keyframes cleanup-swim{0%,100%{transform:translateY(2px) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
@keyframes cleanup-drift{50%{transform:translateY(-4px) rotate(6deg)}}
@keyframes cleanup-button{50%{box-shadow:0 5px 0 #d8ac49,0 0 0 5px #ffe79a66}}
@keyframes cleanup-pop{0%{opacity:0;translate:0 20px;scale:.75}20%,65%{opacity:1;translate:0 0;scale:1}100%{opacity:0;translate:0 -25px;scale:1.05}}
@media(max-width:740px),(max-width:1366px) and (max-height:600px),(hover:none) and (pointer:coarse) and (orientation:landscape){
  body[data-screen="adventure"]:has(.cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"])){overflow:hidden;overscroll-behavior:none}
  body[data-screen="adventure"]:has(.cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]))>.site-header,body[data-screen="adventure"]:has(.cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"])) footer{display:none}
  .adventure.cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]){position:fixed;inset:0;bottom:auto;z-index:10;margin:0;max-width:none;width:100%;height:var(--photo-viewport-height,100dvh);padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));display:flex;flex-direction:column;background:linear-gradient(145deg,#36c4d5,#077da4)}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) .adv-header{min-height:44px;flex-shrink:0;align-items:center;margin:0 0 4px;gap:8px}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) .adv-header .eyebrow{display:none}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) .adv-header h2{font-size:20px;line-height:1.3;margin:0;letter-spacing:-1px}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) .adv-header>button{font-size:13px;min-height:44px;padding:7px 10px}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) #adv-play{flex:1;min-height:0;display:flex;flex-direction:column}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) :is(.adv-play-top,.adv-chapter-story,.adv-save-note,.adv-live){display:none}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) .adv-progress-row{margin:2px 3px 6px;gap:9px;flex-shrink:0}
  .cleanup-active .adv-progress-row strong{font-size:13px}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) .adv-board{flex:1;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;border-radius:23px;border-width:2px;box-shadow:none}
  .adventure.cleanup-active .adv-scene.cleanup-sailing{min-height:0;grid-column:1;grid-row:1}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) .adv-task{grid-column:1;grid-row:2;padding:9px 11px;min-height:0}
  .cleanup-active .cleanup-kicker,.cleanup-active .cleanup-instructions,.cleanup-active .cleanup-key-help,.cleanup-active[data-cleanup-phase="sailing"] .adv-task>.adv-fact-note,.cleanup-active[data-cleanup-phase="home"] .adv-task>.adv-fact-note{display:none}
  .cleanup-active .adv-task .cleanup-task-title{font-size:18px;line-height:1.4;min-height:26px;margin:0 0 6px}
  .cleanup-active .cleanup-bag{font-size:14px;padding:5px 9px;border-radius:12px}
  .cleanup-active .cleanup-controls{margin:8px 0;gap:7px}
  .cleanup-controls>button{min-height:60px;padding:6px;font-size:16px;border-radius:16px}
  .cleanup-note{font-size:14px;min-height:56px;line-height:1.45;padding:7px 9px;margin-bottom:7px}
  .cleanup-restbar{gap:7px}.cleanup-restbar>button{min-height:44px;font-size:13px;padding:7px}
  .cleanup-swimmer{width:88px;top:min(86%,calc(100% - 49px))}.cleanup-net{width:76px;height:76px;top:-52px;left:6px}
  .cleanup-floating{width:28%;max-width:116px;min-height:92px;padding:4px;border-radius:17px}
  .cleanup-trash-art{width:38px;height:36px}.cleanup-trash-label{font-size:16px;line-height:1.2}
  .cleanup-score{font-size:18px;top:9px;left:10px;padding:6px 11px}
  .cleanup-stage-badge{font-size:12px;top:11px;right:10px;padding:6px 9px}
  .cleanup-tracks i{padding-top:48px;font-size:12px}
  .cleanup-pop{font-size:18px;padding:9px 14px}
  .cleanup-active .adv-board{grid-template-columns:minmax(0,1fr)}
  .cleanup-final-score{font-size:22px}
  .cleanup-active[data-cleanup-phase="sorting"] .adv-board{grid-template-rows:minmax(180px,.85fr) minmax(0,1.15fr)}
  .adventure.cleanup-active .adv-scene.cleanup-dock{min-height:0}
  .cleanup-active[data-cleanup-phase="sorting"] .adv-task,.cleanup-active[data-cleanup-phase="sorting"] .adv-feedback{overflow:auto;overscroll-behavior:contain}
  .cleanup-active[data-cleanup-phase="sorting"] .adv-feedback{min-height:0;justify-content:flex-start;padding:12px;grid-row:2;grid-column:1}
  .cleanup-dock .adv-waste{min-height:88px;height:auto;width:39%;padding:5px;max-width:180px;gap:3px}
  .cleanup-dock .adv-waste-art{width:38px;height:36px}
  .cleanup-dock .adv-waste-name{font-size:16px;word-break:keep-all;line-height:1.25;padding:2px}
  .cleanup-dock .adv-waste{width:34%}
  .cleanup-swimmer.cleanup-dock-swimmer{width:64px}
  .cleanup-active[data-cleanup-phase="sorting"] .adv-task h3{font-size:18px;line-height:1.4;margin:7px 0}
  .cleanup-active[data-cleanup-phase="sorting"] .adv-task>p{font-size:14px;line-height:1.5;margin:6px 0 9px}
  .cleanup-dock-title{font-size:14px;line-height:1.4;padding:7px 9px;margin:0 0 8px}
  .cleanup-active .adv-bins{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0;gap:8px}
  .cleanup-active .adv-bin{min-height:70px;padding:5px 2px}
  .cleanup-active .adv-bin>span{font-size:23px}
  .cleanup-active .adv-bin strong{font-size:14px}
  .cleanup-active .adv-peel{min-height:100px;margin:8px 0}
  .cleanup-active .adv-peel-bottle{width:44px;height:68px}
  .cleanup-active .adv-fact-note{font-size:12px;line-height:1.5}
  .cleanup-active .cleanup-dock-note{min-height:0;font-size:14px;line-height:1.5;padding:7px 9px;margin:8px 0 0}
}
@media(orientation:landscape) and (max-width:1366px) and (max-height:600px),(hover:none) and (pointer:coarse) and (orientation:landscape){
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) .adv-board{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:minmax(0,1fr)}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="home"],[data-cleanup-phase="sorting"]) .adv-task{grid-column:2;grid-row:1;overflow:auto}
  .cleanup-swimmer{width:78px;top:min(86%,calc(100% - 45px))}.cleanup-trash-art{width:31px;height:30px}.cleanup-floating{min-height:80px}
  .cleanup-active .cleanup-controls>button{font-size:15px;min-height:58px;padding:4px}
  .cleanup-active .cleanup-controls{gap:5px}
  .cleanup-note{font-size:14px}
  .cleanup-active .cleanup-bag{font-size:13px}
  .cleanup-active .adv-task .cleanup-task-title{font-size:16px;min-height:44px}
  .cleanup-active .cleanup-note{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
  .cleanup-active[data-cleanup-phase="sorting"] .adv-board{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr)}
  .cleanup-active[data-cleanup-phase="sorting"] .adv-task>p,.cleanup-active[data-cleanup-phase="sorting"] .adv-task>.adv-fact-note{display:none}
  .cleanup-active[data-cleanup-phase="sorting"] .adv-task h3{font-size:16px;margin:4px 0;line-height:1.4}
  .cleanup-active .cleanup-dock-title{font-size:12px;margin-bottom:5px;padding:5px 7px}
  .cleanup-active .adv-bins{margin:7px 0;gap:6px}
  .cleanup-active .adv-bin{min-height:60px}
  .cleanup-active .adv-bin>span{font-size:20px}
  .cleanup-active[data-cleanup-phase="sorting"] .adv-feedback{grid-column:2;grid-row:1}
  .cleanup-swimmer.cleanup-dock-swimmer{width:48px}
}
@media(prefers-reduced-motion:reduce){.cleanup-floating,.cleanup-swimmer{transition:none}.cleanup-pop.show{animation:none;opacity:0}.cleanup-trash-art,.cleanup-swimmer .mascot-motion,.cleanup-controls>.cleanup-collect{animation:none}}
@media(max-width:740px) and (max-height:660px) and (orientation:portrait){
  .cleanup-active .cleanup-note{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
  .cleanup-swimmer.cleanup-dock-swimmer{width:36px}
}
@media(min-width:741px) and (min-height:601px){
  body[data-screen="adventure"]:has(.cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"])){overflow:hidden}
  body[data-screen="adventure"]:has(.cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"]))>.site-header,body[data-screen="adventure"]:has(.cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"])) footer{display:none}
  .adventure.cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"]){position:fixed;inset:0;bottom:auto;z-index:10;width:min(100%,1500px);max-width:none;margin:0 auto;height:var(--photo-viewport-height,100dvh);padding:16px;display:flex;flex-direction:column;background:linear-gradient(145deg,#36c4d5,#077da4)}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"]) .adv-header{min-height:48px;margin:0 0 7px;align-items:center}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"]) .adv-header .eyebrow{display:none}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"]) .adv-header h2{font-size:28px;margin:0}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"]) #adv-play{display:flex;flex:1;min-height:0;flex-direction:column}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"]) :is(.adv-play-top,.adv-chapter-story,.adv-save-note,.adv-live){display:none}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"]) .adv-progress-row{flex-shrink:0;margin:6px 0 12px}
  .cleanup-active:is([data-cleanup-phase="sailing"],[data-cleanup-phase="sorting"],[data-cleanup-phase="home"]) .adv-board{flex:1;min-height:0}
  .adventure.cleanup-active .adv-scene.cleanup-sailing,.adventure.cleanup-active .adv-scene.cleanup-dock{min-height:0}
  .cleanup-active .adv-task,.cleanup-active .adv-feedback{min-height:0;overflow:auto;padding:20px}
  .cleanup-active .cleanup-kicker{margin:0 0 9px}
  .cleanup-active .adv-task .cleanup-task-title{font-size:24px;min-height:0;margin:0 0 12px}
  .cleanup-active .cleanup-instructions{font-size:15px;margin:8px 0 14px}
  .cleanup-active .cleanup-bag{padding:8px 12px;font-size:16px}
  .cleanup-active .cleanup-controls{margin:14px 0 12px}
  .cleanup-active .cleanup-controls>button{min-height:64px}
  .cleanup-active .cleanup-note{font-size:14px;min-height:58px;padding:9px 12px;margin-bottom:10px}
  .cleanup-active .cleanup-key-help{font-size:13px;margin:12px 0}
  .cleanup-active .adv-fact-note{font-size:12px}
}
.cleanup-active[data-cleanup-phase="finished"] :is(.adv-play-top,.adv-chapter-story,.adv-progress-row){display:none}
.cleanup-active[data-cleanup-phase="finished"] .adv-celebration{padding:18px}
.cleanup-active[data-cleanup-phase="finished"] .adv-clear-picture{height:160px}
.cleanup-active[data-cleanup-phase="finished"] .adv-clear-mascot{width:140px}
.cleanup-active[data-cleanup-phase="finished"] .adv-celebration h2{font-size:26px;margin:12px 0}