:root{color-scheme:light;--paper:#f6f2e9;--ink:#304b4b;--muted:#88938a;--red:#d65c47;--line:#deded0;--blue:#6ca5ae}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button{padding:0;font:inherit;color:inherit;border:0;cursor:pointer;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #81b7be;outline-offset:3px}button[aria-pressed=true]{background:#e4ebe1}.game{display:grid;grid-template-columns:minmax(0,1fr) 252px;grid-template-rows:76px minmax(0,1fr);padding:0 18px 18px;gap:0 20px;height:100%;min-height:0}.topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-right:46px!important}.brand{display:flex;align-items:center;gap:12px}.brand img{width:36px;height:36px}.brand strong{display:block;font-size:20px;letter-spacing:2px}.brand small{display:block;font-size:10px;color:var(--muted);margin-top:3px;letter-spacing:1px}.header-actions{display:flex;gap:8px}.header-actions button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:20px}.header-actions button[aria-pressed=false]{color:#aca99b}.scene{position:relative;min-width:0;min-height:0;border-radius:20px;overflow:hidden;background:#dbe9e3;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.scene-label{position:absolute;top:22px;left:24px;display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:1px;font-weight:600;color:#496563;pointer-events:none}.live-dot{width:6px;aspect-ratio:1;border-radius:50%;background:var(--red)}.hint{position:absolute;bottom:17px;left:10px;right:10px;text-align:center;color:#f6f1da;font-size:12px;letter-spacing:.4px;pointer-events:none;text-shadow:0 1px 4px #203b3b}.toast{position:absolute;top:60px;left:50%;transform:translateX(-50%) translateY(-4px);opacity:0;padding:10px 18px;white-space:nowrap;max-width:94%;border-radius:24px;background:#fff8e5ef;color:#5a685c;font-size:12px;pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.station{display:flex;flex-direction:column;gap:20px;min-height:0;padding:14px 2px 0}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.mission h2{font-size:26px;font-weight:600;letter-spacing:2px;margin:12px 0 6px}.mission p{font-size:11px;color:#7c887d;margin:0 0 21px;line-height:1.6}.progress{display:flex;justify-content:space-between;font-size:11px}.progress b{font-size:12px;margin-left:4px;font-weight:500}.fire-mark{color:var(--red);font-style:normal}.mission-track,.water-track{height:4px;background:#e2e3d8;border-radius:4px;overflow:hidden;margin-top:11px}.mission-track i{display:block;height:100%;width:0;background:#dba46f;transition:width .25s}.locations{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.locations button{background:#ecece1;border:1px solid transparent;border-radius:12px;display:flex;align-items:center;flex-direction:column;padding:7px 0 9px;gap:4px;font-size:11px}.locations button[aria-pressed=true]{border-color:#789987;background:#e2eade}.locations svg{width:52px;height:40px}.nozzles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.nozzles button{background:#eeeee4;border-radius:12px;padding:9px 0;border:1px solid transparent;font-size:12px}.nozzles button[aria-pressed=true]{border-color:#85aeb2;background:#e0edef}.nozzles button>span{font-size:25px;vertical-align:middle;margin-right:7px}.nozzles small{display:block;font-size:9px;color:#8a978d;margin-top:3px}.water>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:11px}.water span{display:flex;gap:6px;align-items:center}.water svg{width:9px;height:14px;color:var(--blue)}.water b{font-size:11px;font-weight:500}.water button{border-radius:6px;background:#e5e9e0;font-size:10px;padding:6px 8px}.water button[aria-pressed=true]{color:#4f7e78;background:#dae8e0}.water-track i{display:block;height:100%;width:100%;background:var(--blue);transition:width .1s}.spray{flex-shrink:0;border-radius:16px;background:var(--red);color:#fff4df;display:flex;align-items:center;justify-content:center;gap:16px;height:78px;box-shadow:0 5px 0 #b34c3b;touch-action:none;transition:background .15s,transform .1s}.spray.active{background:#bc4c38;transform:translateY(3px);box-shadow:0 2px 0 #a84532}.spray svg{width:37px;height:32px;overflow:visible}.spray span{font-size:17px;letter-spacing:1px;font-weight:600}.spray small{display:block;font-weight:400;font-size:9px;letter-spacing:.5px;margin-top:5px;opacity:.8}.drive-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.drive button{height:43px;font-size:23px;border-radius:9px;background:#e8e8dc;touch-action:none}.drive button.active{background:#d5ded1}.extras{display:grid;grid-template-columns:1fr 1fr;gap:7px}.extras button{height:35px;font-size:11px;background:#eeeee4;border-radius:9px;border:1px solid var(--line)}.station-note{margin:auto 0 0;text-align:center;font-size:9px;line-height:1.5;color:#979d90;white-space:nowrap;padding-bottom:3px}.celebration{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#e9f0e5df;backdrop-filter:blur(5px);z-index:5;text-align:center}.celebration[hidden]{display:none}.medal{width:76px;aspect-ratio:1;display:grid;place-items:center;background:#e8b966;border-radius:50%;color:#fff8dd;font-size:44px;box-shadow:0 0 0 8px #f2d8a6;margin-bottom:28px}.celebration small{font-size:11px;letter-spacing:3px;color:#81927e}.celebration h1{font-size:30px;font-weight:600;margin:12px 0}.celebration p{font-size:12px;color:#7a8b79;margin-bottom:25px}.celebration button{font-size:13px;border-radius:10px;background:var(--red);color:#fff9e6;padding:13px 23px}.celebration button span{margin-left:20px}.celebration #again{background:transparent;color:#7b8d79;margin-top:7px;font-size:11px}body.night .scene-label{color:#d1ddcf}
@media(max-height:760px) and (orientation:landscape){.game{grid-template-rows:59px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 226px;padding:0 13px 13px;gap:0 14px}.station{gap:13px;padding-top:7px}.mission h2{font-size:23px;margin:6px 0 4px}.mission p{margin-bottom:11px}.locations svg{height:32px}.locations button{padding:4px 0 6px}.spray{height:65px}.station-note{display:none}}
@media(max-height:520px) and (orientation:landscape){.game{grid-template-rows:46px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 196px;padding:0 9px 9px;gap:0 12px}.brand img{width:28px;height:28px}.brand strong{font-size:15px}.brand small{display:none}.header-actions button{width:29px;height:29px;font-size:17px}.station{display:grid;grid-template-columns:1fr 1fr;gap:7px 6px;grid-template-rows:auto 47px 43px 25px 48px 44px 27px;padding:0}.mission{grid-column:1/-1}.mission .eyebrow,.mission p,.tools>.eyebrow,.drive>.eyebrow{display:none}.mission h2{font-size:15px;margin:1px 0 5px}.progress{font-size:9px}.progress b{font-size:10px}.mission-track{margin-top:5px;height:3px}.locations{grid-column:1/-1;gap:5px}.locations button{border-radius:7px;padding:1px 0;gap:0;font-size:9px}.locations svg{height:28px;width:42px}.tools{grid-column:1/-1}.nozzles{margin:0;gap:5px;height:100%}.nozzles button{padding:0;border-radius:7px;font-size:10px}.nozzles button>span{font-size:20px}.nozzles small{font-size:8px;margin-top:0}.water{grid-column:1/-1}.water>div:first-child{font-size:9px}.water button{padding:3px 6px;font-size:9px}.water-track{margin-top:3px;height:3px}.spray{grid-column:1/-1;height:45px;border-radius:9px;gap:12px}.spray span{font-size:14px}.spray svg{width:28px;height:24px}.spray small{font-size:8px;margin-top:1px}.drive{grid-column:1/-1}.drive-buttons{margin:2px 0 0;gap:4px}.drive button{height:35px;font-size:22px}.extras{grid-column:1/-1}.extras button{height:27px;font-size:10px}.scene{border-radius:13px}.scene-label{top:15px;left:16px;font-size:10px}.hint{bottom:10px;font-size:10px}}
@media(orientation:portrait){.game{grid-template-columns:1fr;grid-template-rows:64px minmax(0,1fr) 267px;padding:0 12px 12px;gap:12px}.topbar{grid-row:1;padding-right:42px!important}.brand{gap:8px}.brand strong{font-size:17px}.brand small{font-size:9px}.header-actions{gap:5px}.header-actions button{width:29px;height:29px;font-size:17px}.scene{grid-row:2;border-radius:16px}.station{grid-row:3;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:50px 59px 48px 36px 38px;gap:7px 12px;padding:0}.mission{grid-column:1;grid-row:1}.mission>.eyebrow,.mission p{display:none}.mission h2{font-size:17px;margin:0 0 7px}.progress{font-size:9px}.progress b{font-size:10px}.mission-track{height:3px;margin-top:6px}.locations{grid-column:2;grid-row:1;gap:5px}.locations button{border-radius:8px;padding:1px 0;font-size:9px;gap:0}.locations svg{height:31px;width:40px}.tools{grid-column:1;grid-row:2}.tools>.eyebrow{display:none}.nozzles{margin:0;height:100%;gap:6px}.nozzles button{padding:2px 0;border-radius:9px;font-size:10px}.nozzles button>span{display:block;font-size:19px;margin:0}.nozzles small{font-size:8px;margin-top:0}.spray{grid-column:2;grid-row:2/4;height:100%;gap:8px;border-radius:12px}.spray svg{width:27px}.spray span{font-size:15px}.spray small{font-size:8px;letter-spacing:0}.water{grid-column:1;grid-row:3;align-self:center}.water>div:first-child{font-size:9px}.water b{font-size:9px}.water button{font-size:9px;padding:5px}.water-track{margin-top:8px}.drive{grid-column:1;grid-row:4/6}.drive>.eyebrow{font-size:9px;letter-spacing:.6px;margin-top:5px}.drive-buttons{margin-top:8px;gap:4px}.drive button{height:42px;font-size:22px}.extras{grid-column:2;grid-row:4/6;grid-template-columns:1fr;gap:5px}.extras button{height:32px;font-size:10px}.station-note{display:none}.scene-label{top:16px;left:17px;font-size:10px}.hint{font-size:10px;bottom:11px}.celebration h1{font-size:24px}}
@media(orientation:portrait) and (min-width:700px){.game{grid-template-rows:78px minmax(0,1fr) 285px;padding:0 22px 22px;gap:18px}.station{grid-template-rows:55px 60px 49px 40px 40px;gap:9px 24px}.brand strong{font-size:23px}.brand img{width:42px;height:42px}.brand small{font-size:11px}.mission h2{font-size:24px}.progress{font-size:12px}.progress b{font-size:13px}.locations button{flex-direction:row;justify-content:center;gap:10px;font-size:13px}.locations svg{width:55px;height:43px}.nozzles button{font-size:14px}.nozzles button>span{display:inline;margin-right:10px}.nozzles small{font-size:10px}.water>div:first-child,.water b{font-size:12px}.water button{font-size:11px}.spray span{font-size:24px}.spray small{font-size:12px}.spray svg{width:47px}.drive>.eyebrow{font-size:11px}.extras button{height:38px;font-size:13px}.hint{font-size:13px}}
.nozzles button>span svg{width:23px;height:23px;vertical-align:middle}