*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#273c43;color:#fff;font-family:Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #f0c674;outline-offset:5px}#game,canvas{position:absolute;inset:0;width:100%;height:100%;display:block}header{position:absolute;left:32px;right:32px;top:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.identity{display:flex;gap:13px;align-items:center;text-shadow:0 2px 12px #0009}.house{font-size:42px;font-weight:300}h1{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0 0 5px}.identity div>span{font-size:11px;letter-spacing:2px}#pause{pointer-events:auto;border:1px solid #ffffff66;color:white;background:#24383c80;border-radius:50%;width:44px;height:44px;font-size:21px}.clean-panel{position:absolute;top:110px;left:32px;width:290px;padding:18px 20px 13px;background:#183038bd;border:1px solid #ffffff20;border-radius:14px;backdrop-filter:blur(14px)}.meter-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;line-height:1.4}.meter-label span{max-width:180px}.meter-label strong{font-family:Georgia,serif;font-weight:400;font-size:26px}.track{height:5px;background:#ffffff30;border-radius:5px;margin-top:15px;overflow:hidden}#fill{height:100%;width:0%;background:#e6c58b;transition:width .5s}.clean-panel p{font-size:12px;margin:10px 0 0;color:#e0e6e5}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:36px;text-shadow:0 1px 3px #000;pointer-events:none}#prompt{position:absolute;top:56%;left:50%;transform:translateX(-50%);background:#173039e8;padding:12px 20px;border-radius:30px;font-size:15px;white-space:nowrap;display:none}#toast{position:absolute;top:29%;left:50%;transform:translateX(-50%);color:#fff;font-family:Georgia,serif;font-size:24px;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .3s;text-align:center;pointer-events:none}#overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0d202cdc,#182d3855 60%,#182d3815);display:flex;align-items:center;padding:10vw}.welcome{max-width:490px}.eyebrow{font-size:12px;letter-spacing:3px;color:#e9cd9e}h2{font:normal 60px/1.06 Georgia,serif;margin:25px 0}.welcome p{font-size:18px;line-height:1.65;color:#e4e7e7}#start{border:0;border-radius:7px;background:#ead1a6;color:#243238;padding:17px 28px;font-size:16px;margin:20px 0 27px;min-width:185px}#start:disabled{opacity:.5;cursor:wait}.instructions{display:grid;grid-template-columns:auto auto;gap:16px 24px;font-size:14px;color:#d2dcdd}kbd{font:12px Arial,sans-serif;border:1px solid #ffffff55;border-radius:4px;padding:5px 8px;margin-right:5px}.touch-help{display:none}footer{position:absolute;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;text-shadow:0 1px 8px #000}footer i{padding:0 12px}#reset{background:#193039aa;border:1px solid #ffffff40;color:white;padding:9px 13px;border-radius:20px;font-size:12px;letter-spacing:0}#touch-controls{display:none}body.playing #overlay{display:none}body:not(.playing) #crosshair{display:none}#load-error{font-size:14px;color:#ffd3b7}@media(pointer:coarse){.instructions,.desktop-help{display:none}.touch-help{display:block!important;font-size:14px!important}body.playing #touch-controls{display:flex;position:absolute;left:22px;right:22px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 55px));justify-content:space-between;align-items:flex-end;pointer-events:none}#crosshair,#prompt{display:none!important}.touch-nudge{margin:0 0 15px;max-width:150px;text-align:right;font-size:12px;line-height:1.7;color:#f4eddd;text-shadow:0 1px 8px #172d36}.touch-nudge strong{font-weight:400;font-size:14px}}
@media(max-width:600px){header{top:20px;left:20px;right:20px}h1{font-size:24px}.clean-panel{top:90px;left:20px;width:240px;padding:12px 16px}.meter-label{font-size:12px}.meter-label strong{font-size:22px}.clean-panel p{margin-top:8px}h2{font-size:44px}.welcome p{font-size:16px}#overlay{padding:22px;align-items:center;padding-top:220px}.welcome{max-width:360px}footer{left:20px;right:20px;bottom:18px}.desktop-help{display:none}#room-label{font-size:10px}#toast{width:90%;font-size:20px;top:32%}}
#prompt{max-width:calc(100vw - 32px);width:max-content;white-space:normal;text-align:center}
#zoom-controls{position:absolute;right:32px;top:92px;display:flex;flex-direction:column;gap:4px}#zoom-controls button{width:44px;height:44px;border:1px solid #ffffff50;border-radius:12px;background:#183038bd;backdrop-filter:blur(12px);color:#fff;font-size:25px;touch-action:manipulation}#zoom-controls #zoom-reset{font-size:12px}body:not(.playing) #zoom-controls,body.sorting #zoom-controls{display:none}body.returning .house-story{opacity:0}@media(max-width:600px){#zoom-controls{top:82px;right:20px}}

.house-story{position:absolute;bottom:95px;left:32px;width:310px;padding:16px 18px;background:#173039df;border:1px solid #ffffff20;border-radius:12px;pointer-events:none}.house-story>span{font-size:12px;color:#edcfa4}.house-story h2{font:21px/1.2 Georgia,serif;margin:8px 0}.house-story p{font-size:14px;line-height:1.45;margin:0;color:#e3e8e7}body:not(.playing) .house-story{display:none}.account-controls{border-top:1px solid #ffffff30;margin-top:20px;padding-top:14px}.account-controls button{border:1px solid #ffffff70;background:#243c43;color:white;padding:10px 14px;border-radius:6px;font-size:14px;margin:4px 6px 4px 0}.account-controls button[hidden]{display:none}.account-controls #save-status{font-size:13px;line-height:1.4;margin:8px 0}.welcome h2{margin:18px 0}.welcome #start{margin:12px 0 20px}@media(max-width:600px){.house-story{bottom:195px;left:20px;width:240px;padding:12px}.house-story h2{font-size:18px}.house-story p{font-size:13px}.welcome h2{font-size:36px}.welcome .instructions{gap:10px}.account-controls{margin-top:10px;padding-top:8px}#overlay{overflow:auto;align-items:flex-start;padding-top:220px;padding-bottom:25px}}

canvas{touch-action:none}button{-webkit-tap-highlight-color:transparent}.clean-panel,#prompt{pointer-events:none}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
#joystick{position:relative;flex:none;width:124px;height:124px;border:1px solid #fff6;border-radius:50%;background:radial-gradient(circle,#28403d60,#1c30384d);box-shadow:inset 0 0 22px #ffffff0d,0 5px 20px #0002;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#joystick-knob{position:absolute;left:42px;top:42px;width:40px;height:40px;background:#f1dec0dc;border:1px solid #fff8;border-radius:50%;box-shadow:0 3px 12px #10252b50;transition:transform .12s ease-out}.held #joystick-knob{transition:none}.joystick-directions{position:absolute;inset:7px;display:grid;place-items:center;font-size:81px;font-weight:100;color:#ffffff1a}.joystick-label{position:absolute;top:131px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#fff9}
#sort-tray{position:fixed;z-index:30;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(550px,calc(100vw - 24px));padding:15px;background:#f8f1e6f5;color:#344642;border:1px solid #fffc;border-radius:22px;box-shadow:0 12px 50px #0d202c50;backdrop-filter:blur(18px)}#sort-tray[hidden],#held-item[hidden]{display:none}.sort-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.sort-heading>div{min-width:0}#sort-item-name{margin:0 0 4px;font:19px/1.15 Georgia,serif}#sort-feedback{margin:0;font-size:12px;line-height:1.4;color:#63716a;min-height:17px}#sort-cancel{flex:none;min-height:44px;padding:0 10px;border:0;border-radius:12px;background:#e9e1d5;color:#53635b;font-size:12px}.sort-places{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.sort-places button{position:relative;min-width:0;min-height:92px;padding:10px 4px 9px;border:1px solid #c5bba780;background:#fffaf2;color:#4e7c78;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:6px;touch-action:manipulation;transition:background .12s,transform .12s,box-shadow .12s}.sort-places button:nth-child(2){color:#ad813d}.sort-places button:nth-child(3){color:#b77d88}.sort-places button:nth-child(4){color:#6f8d5d}.sort-places button:nth-child(5){color:#bb684a}.sort-places button svg{width:33px;height:33px;pointer-events:none}.sort-places button span{font-size:12px;font-weight:600;color:#344642;pointer-events:none}.sort-places button kbd{position:absolute;right:5px;top:4px;margin:0;border:0;padding:0;font-size:9px;color:#9a9d91;pointer-events:none}.sort-places button:hover,.sort-places button:focus-visible,.sort-places button.hovered{background:#ede8d9;box-shadow:inset 0 0 0 2px currentColor;transform:translateY(-2px)}.sort-places button:disabled{cursor:default}.sort-help{margin:10px 0 0;text-align:center;color:#7c867c;font-size:11px;letter-spacing:.2px}
#held-item{position:fixed;z-index:40;width:70px;height:70px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:20px;background:#fff8e8;color:#b98545;border:2px solid #fff8;box-shadow:0 9px 24px #13282d55;pointer-events:none;will-change:left,top,transform}#held-item svg{width:47px;height:47px;filter:drop-shadow(0 2px 1px #543d241a)}body.sorting #touch-controls,body.sorting #crosshair,body.sorting #prompt,body.sorting footer{display:none!important}body.sorting .house-story{opacity:0}
@keyframes put-away{0%,100%{transform:translateY(0)}40%{transform:translateY(4px)}70%{transform:translateY(-3px)}}@keyframes gentle-no{0%,100%{margin-left:0}25%{margin-left:-6px}75%{margin-left:6px}}@keyframes a-little-calmer{0%,100%{box-shadow:0 0 0 0 #edcf9a00}35%{box-shadow:0 0 0 8px #edcf9a44}}.sort-places .received{animation:put-away .45s ease}#held-item.wrong{animation:gentle-no .28s ease}.clean-panel.tidied{animation:a-little-calmer .65s ease}
@media(pointer:coarse){.sort-places button kbd{display:none}body.playing .house-story{top:180px;bottom:auto;left:20px;right:20px;width:auto;max-width:350px;padding:10px 13px;background:#173039b5}body.playing .house-story>span{font-size:10px}body.playing .house-story h2{font-size:16px;margin:5px 0}body.playing .house-story p{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.identity div>span{letter-spacing:1px;font-size:9px}#sort-tray{padding:12px}.sort-places{gap:6px}.sort-places button{min-height:88px}.sort-places button span{font-size:11px}#sort-item-name{font-size:17px}#sort-feedback{font-size:11px}.sort-heading{margin-bottom:10px}#sort-cancel{padding:0 8px;font-size:11px}}
@media(pointer:coarse) and (max-height:500px){header{top:12px}.identity h1{font-size:20px}.identity div>span,.house{display:none}.clean-panel{left:20px;top:61px;width:200px;padding:9px 12px}.meter-label span{font-size:11px}.clean-panel p{display:none}.track{margin-top:8px}body.playing .house-story{display:none}body.playing #touch-controls{left:24px;right:24px;bottom:28px}footer{display:none}#joystick{width:108px;height:108px}#joystick-knob{left:34px;top:34px}.joystick-label{display:none}#sort-tray{width:430px;max-width:calc(100vw - 30px);bottom:10px;padding:10px}.sort-heading{margin-bottom:7px}.sort-places button{min-height:72px;padding:5px}.sort-places button svg{width:28px;height:28px}.sort-help{margin-top:5px}#overlay{padding:24px 10vw;align-items:flex-start}.welcome{max-width:480px;margin-left:160px}.welcome h2{font-size:29px}.welcome .eyebrow{font-size:10px}.welcome p{font-size:13px;margin:10px 0}.welcome #start{padding:12px 22px;margin:8px 0}.account-controls{margin-top:5px;padding-top:4px}.account-controls #save-status{font-size:11px}.account-controls button{padding:8px 10px;font-size:12px}#toast{top:35%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.sort-places button,#fill,#joystick-knob,#toast{transition:none}.sort-places .received,#held-item.wrong,.clean-panel.tidied{animation:none}}

/* The same pointer controls work with a mouse, pen or finger. */
#crosshair{display:none}canvas{cursor:grab}body.playing #touch-controls{display:flex;position:absolute;left:22px;right:22px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 55px));justify-content:space-between;align-items:flex-end;pointer-events:none}body.playing .house-story{bottom:250px}.touch-nudge{display:none}.sort-places button kbd{display:none}body.returning #touch-controls{display:none}body.playing .house-story{pointer-events:none}@media(pointer:coarse){body.playing .house-story{bottom:auto}}

.room-actions{display:flex;gap:10px;align-items:center}#sound{pointer-events:auto;width:44px;height:44px;padding:10px;border:1px solid #ffffff66;border-radius:50%;color:white;background:#24383c80}#sound svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#sound .sound-slash,#sound[aria-pressed="false"] .sound-waves{display:none}#sound[aria-pressed="false"] .sound-slash{display:block}.sort-places button:nth-child(6){color:#697880}@media(max-width:420px){.sort-places{grid-template-columns:repeat(3,minmax(0,1fr))}.sort-places button{min-height:66px;padding:5px}.sort-places button svg{width:27px;height:27px}.sort-places button span{font-size:11px}}