:root{color-scheme:dark;--bg:#162a42;--gold:#ffe098;--mint:#9bffe0;--text:#fff8eb;--dim:#c5cedb;--line:#ffffff25;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:600 14px/1.2 system-ui;color:inherit;border:1px solid var(--line);border-radius:14px;background:#ffffff0d;cursor:pointer;touch-action:manipulation;min-height:44px}button:hover{background:#ffffff18}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.ambient{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 44%,#ffffff14,transparent 64%),linear-gradient(0deg,#09131c70,transparent 48%);pointer-events:none}.hud{position:fixed;top:max(16px,env(safe-area-inset-top));left:22px;right:22px;display:flex;align-items:center;gap:16px;z-index:5}.brand{font:26px Georgia,serif;letter-spacing:4px;color:var(--gold)}.brand span{display:block;font:10px system-ui;letter-spacing:2px;margin-top:3px}.top-score{margin-left:auto;text-align:right}.top-score b{display:block;font-size:25px;font-variant-numeric:tabular-nums;line-height:1}.top-score span{font-size:10px;letter-spacing:2px;color:var(--dim)}.icon-button{width:44px;height:44px;background:#13253880;backdrop-filter:blur(12px);font-size:22px;border-radius:50%}#world{position:fixed;top:130px;bottom:100px;left:12px;right:12px;touch-action:none;cursor:crosshair}#world canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.mission-status{position:absolute;z-index:3;top:max(80px,calc(env(safe-area-inset-top) + 70px));left:50%;transform:translateX(-50%);width:min(310px,calc(100% - 44px));pointer-events:none}.mission-status>span{font-size:12px;letter-spacing:.7px;color:#e4e9f2;display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-line{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:7px 0}.phase-line b{font-variant-numeric:tabular-nums;color:var(--gold)}.progress-track{height:4px;border-radius:10px;background:#ffffff1f;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:var(--mint);border-radius:10px;transition:width .2s}.view-controls{position:fixed;right:20px;bottom:116px;display:flex;gap:7px;align-items:center;z-index:3}.view-controls>span{font-size:13px;font-variant-numeric:tabular-nums;padding:8px;background:#152638;border-radius:12px}.play-controls{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:3;display:flex;align-items:center;flex-direction:column;gap:10px;pointer-events:none}.play-controls button{pointer-events:auto}.gesture-cue{font-size:14px;color:#f1eee7;min-height:18px}.sort-legend{display:flex;gap:18px;color:#d3deec;font-size:12px}.sort-legend span{display:flex;align-items:center;gap:6px}.sort-legend i{width:8px;height:8px;border-radius:50%}.yellow{background:#ffcb65}.purple{background:#b3a0ed}.mint{background:#68f0ce}.wash-tools{display:flex;align-items:stretch;gap:7px;padding:5px;background:#122133cc;border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(12px)}.tool{padding:8px 17px;display:flex;gap:7px;align-items:center;background:transparent;border-color:transparent}.tool span{font-size:23px}.tool.selected{background:#9bffe021;border-color:#9bffe0;color:#bbffe9}.tool[data-tool=grease].selected{border-color:#ffc767;color:#ffe3a6;background:#ffc76720}.tool[data-tool=wet].selected{border-color:#78c8ff;color:#b1deff;background:#78c8ff20}.power{position:relative;width:52px;overflow:hidden;background:#ffe09814;border-color:#ffe09855;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px}.power>span{font-size:25px;line-height:1;z-index:1}.power small{font-size:11px;z-index:1}.power i{position:absolute;bottom:0;left:0;right:0;height:0;background:#ffd16b30;transition:height .2s}.power.ready{opacity:1;background:#ffe098;color:#293849;border-color:#ffe098;box-shadow:0 0 23px #ffd87755;animation:breathe 1.2s ease-in-out infinite}.power.armed{outline:3px solid #fff;outline-offset:3px}.intro{position:fixed;inset:0;display:flex;align-items:flex-end;padding:36px;background:linear-gradient(0deg,#091522e8,transparent 85%);pointer-events:none;z-index:6}.intro-card{width:min(380px,100%);pointer-events:auto;padding:24px;background:#142b3dcc;backdrop-filter:blur(20px);border:1px solid #ffffff20;border-radius:24px;box-shadow:0 18px 70px #0003}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--gold)}h1{font:400 48px/1.03 Georgia,serif;letter-spacing:-1px;margin:15px 0}h1 em{font-style:normal;color:var(--mint)}.intro-card p{font-size:16px;color:var(--dim);margin:15px 0 22px}.intro-meta{display:flex;justify-content:space-between;font-size:12px;color:#dbe3ed;margin-bottom:12px}.intro-meta span:last-child{color:var(--gold)}.primary{display:block;width:100%;background:var(--gold);border:none;color:#172c3d;font-weight:800;font-size:16px;min-height:54px;box-shadow:0 5px 20px #ffe09813}.primary:hover{background:#ffedba}.text-button{border:none;background:transparent;width:100%;color:#d1dee9;font-size:14px;margin-top:7px}.text-button span{margin-left:8px}#toast{position:fixed;z-index:12;bottom:138px;left:50%;transform:translateX(-50%);background:#122133ed;border:1px solid #ffffff25;border-radius:40px;padding:11px 20px;max-width:90vw;font-size:14px;text-align:center;pointer-events:none;box-shadow:0 8px 25px #0002}#stageBanner{position:fixed;top:43%;left:0;right:0;text-align:center;z-index:7;pointer-events:none;text-shadow:0 3px 28px #000c;animation:banner 2.4s both}#stageBanner span{display:block;font-size:12px;letter-spacing:3px;color:var(--gold);margin-bottom:10px}#stageBanner b{font:44px Georgia,serif}#floaters{position:fixed;inset:0;pointer-events:none;z-index:4;overflow:hidden}.floating{position:absolute;color:#fff3cc;font-size:23px;font-weight:900;text-shadow:0 3px 0 #33414d,0 0 14px #121d34;animation:floatUp 1.1s forwards;white-space:nowrap;transform:translate(-50%,-50%)}.floating.combo{font-size:32px;color:var(--gold)}dialog{width:min(500px,calc(100vw - 28px));max-height:90dvh;overflow-y:auto;background:#152738;color:var(--text);border:1px solid #ffffff30;border-radius:26px;padding:25px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#08101ca8;backdrop-filter:blur(8px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-heading h2{font:30px Georgia;margin:5px 0 15px}dialog p{color:#c9d6e3;line-height:1.5;font-size:16px}dialog .sub{font-size:12px}dialog .primary{margin-top:17px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.settings-grid button{padding:12px;font-size:14px}.settings-grid button[aria-pressed=true]{border-color:var(--mint);color:var(--mint)}details{margin:18px 0}summary{cursor:pointer;color:#f1e6c7;min-height:44px;padding:8px 0}.help p{font-size:14px}.link-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}.link-row a{color:var(--gold);font-size:13px}.map-rooms{display:grid;gap:12px;margin-top:20px}.map-room{padding:14px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(125deg,var(--room-color),#152738 85%)}.map-room h3{font-size:16px;margin:0 0 5px}.map-room p{font-size:12px;margin:0 0 12px}.contracts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.contract{padding:9px 3px;background:#142b3ce6;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:14px}.contract b{font-size:12px;font-weight:500;color:var(--gold)}.contract.current{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.contract:disabled{opacity:.35}.map-footer{font-size:13px;color:var(--mint)}.results{text-align:center}.results h2{font:38px Georgia;margin:12px 0}.results .stars{font-size:44px;letter-spacing:6px;color:var(--gold)}.results blockquote{font:italic 19px/1.5 Georgia;color:#e5e7d7;margin:16px 0}.result-score{font-size:36px;font-weight:800;letter-spacing:-1px}.result-score small{display:block;font:11px system-ui;letter-spacing:2px;color:#b5c7d4;margin-top:3px}.result-goals{margin:20px 0;text-align:left;display:grid;gap:9px;font-size:14px}.result-goals span{color:#b0c3d0}.result-goals span.ok{color:var(--mint)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.result-actions button{font-size:14px;padding:10px}.memory-mini{display:flex;gap:8px;justify-content:center;font-size:12px;color:#c9e7da}.memory-mini span{background:#87e7cb14;padding:6px 9px;border-radius:9px}.new-record{font-size:12px;letter-spacing:2px;color:var(--mint)}.reveal-controls{display:flex;gap:9px;justify-content:center}.reveal-controls button{padding:10px}.reveal-exit{background:var(--gold);color:#172c3d;border:0;padding:12px 22px}body[data-phase=intro] #world{top:60px;bottom:30px;left:20%;right:-5%}body[data-phase=reveal] .mission-status{opacity:.8}@keyframes floatUp{0%{opacity:0;translate:0 10px;scale:.7}15%{opacity:1;scale:1.08}60%{opacity:1}100%{opacity:0;translate:0 -70px;scale:1}}@keyframes banner{0%,100%{opacity:0;transform:translateY(14px)}15%,78%{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{box-shadow:0 0 28px #ffd87799}}@media(max-width:650px){.hud{left:18px;right:18px;top:max(12px,env(safe-area-inset-top))}.brand{font-size:23px}.intro{padding:16px}.intro-card{padding:19px;width:100%;max-width:400px;margin:0 auto}.intro-card h1{font-size:34px;line-height:1.08;margin:10px 0}.intro-card h1 br{display:none}.intro-card h1 em:before{content:' '}.intro-card p{font-size:14px;margin:9px 0 13px}.intro .primary{min-height:50px}.intro-meta{margin-bottom:9px}.intro .text-button{min-height:44px;margin-top:3px}body[data-phase=intro] #world{top:50px;bottom:240px;left:-4%;right:-4%}.tool{padding:8px 10px;font-size:14px;flex-direction:column;gap:2px;min-width:70px}.tool span{font-size:20px}.wash-tools{gap:2px}.power{width:49px;margin-left:3px}.play-controls{bottom:max(15px,env(safe-area-inset-bottom));gap:8px}.gesture-cue{font-size:14px}#world{top:140px;bottom:125px;left:-2%;right:-2%}.view-controls{right:14px;bottom:129px}.mission-status{top:max(72px,calc(env(safe-area-inset-top) + 64px));width:calc(100% - 42px)}#stageBanner b{font-size:34px}#toast{bottom:144px;font-size:14px}.floating{font-size:20px}.floating.combo{font-size:27px}.results h2{font-size:30px}dialog{padding:21px}.sort-legend{gap:12px}.results blockquote{font-size:17px}}@media(max-height:530px) and (orientation:landscape){#world{top:65px;bottom:74px;left:12%;right:12%}.mission-status{left:18px;top:92px;transform:none;width:160px}.phase-line{font-size:12px}.play-controls{bottom:9px}.gesture-cue{display:none}.wash-tools{padding:3px}.tool{padding:7px 13px}.view-controls{bottom:90px}.intro{padding:18px;align-items:center}.intro-card{width:300px;padding:18px}.intro-card h1{font-size:30px}.intro-card p{margin:10px 0}.intro-card .primary{min-height:45px}.intro-meta{margin-bottom:10px}body[data-phase=intro] #world{left:30%;top:15px;bottom:10px;right:0}#toast{bottom:82px}.top-score b{font-size:21px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.floating{display:none}}

.sorting-tray{width:min(370px,calc(100vw - 32px));background:#122133ed;border:1px solid #ffffff25;border-radius:20px;padding:5px 9px 9px;pointer-events:auto;backdrop-filter:blur(12px)}.selection-summary{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:36px;padding-left:5px}.selection-summary b{font-size:14px;font-weight:500}.selection-summary button{min-height:36px;min-width:36px;font-size:23px;border:0;background:transparent}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.destinations button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 5px;font-size:14px;min-height:46px}.destinations button span{font-size:20px}.destinations [data-bin=recycle]{border-color:#ffcb6580;color:#ffdf9b}.destinations [data-bin=waste]{border-color:#b3a0ed80;color:#d3c3ff}.destinations [data-bin=keep]{border-color:#68f0ce80;color:#aeffe9}body[data-phase=sort] .view-controls{bottom:157px}body[data-phase=sort] #world{bottom:155px}body[data-phase=sort] #toast{bottom:175px}@media(max-height:530px) and (orientation:landscape){.sorting-tray{width:330px}.selection-summary{min-height:30px}.selection-summary button{min-height:30px}.destinations button{min-height:40px}body[data-phase=sort] #world{bottom:97px}body[data-phase=sort] .view-controls{bottom:25px}body[data-phase=sort] #toast{bottom:105px}}

/* Keep swipes inside the scene; decorative feedback never intercepts play. */
html,body{overscroll-behavior:none}#world,#world canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#floaters,#stageBanner,#toast,.mission-status,.gesture-cue{pointer-events:none}#world canvas{display:block}body[data-phase=wash] #world{top:155px;bottom:145px}body[data-phase=wash] .view-controls{bottom:150px}.tool{min-height:52px;touch-action:manipulation}#menu{touch-action:manipulation}@media(max-height:530px) and (orientation:landscape){body[data-phase=wash] #world{top:70px;bottom:90px}body[data-phase=wash] .view-controls{bottom:94px}}