*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#e6e5d9;font-family:system-ui,-apple-system,Arial,sans-serif;color:#29483f}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c49a59;outline-offset:3px}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block}header{position:absolute;top:0;left:0;right:0;padding:15px 24px;display:flex;align-items:center;gap:20px;background:linear-gradient(#f5f4e9ee,#f5f4e900);z-index:3;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#446153}.brand img{width:83px;height:54px;object-fit:contain}.brand span{font-size:10px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-size:7px;letter-spacing:1px;margin-top:6px}.day-head{margin:auto;text-align:center}.day-head b{font-size:15px;display:block;font-weight:650}.day-head small{font-size:10px;display:block;margin-top:5px;color:#788878}.head-buttons{display:flex;gap:7px}.head-buttons button,.view-controls button,.view-controls a{border:1px solid #ffffffb0;background:#fffdf2df;padding:10px 13px;border-radius:20px;font-size:10px;text-decoration:none;color:#315446;backdrop-filter:blur(10px)}.hud{position:absolute;top:88px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;border:1px solid #ffffffb0;background:#fffdf0e8;border-radius:18px;padding:12px 5px;z-index:2;box-shadow:0 5px 25px #273b2610}.hud>div{padding:0 18px;min-width:100px;border-right:1px solid #e0e5d5}.hud small{font-size:7px;letter-spacing:1.2px;display:block;color:#8d9a82}.hud b{font-size:16px;font-weight:600;display:block;margin-top:5px}.hud .time-controls{display:flex;gap:5px;min-width:auto;border:0;padding:0 12px}.time-controls button{padding:10px 13px;background:#315947;color:#fffde8;border-radius:10px;font-size:10px}.panel{position:absolute;top:166px;bottom:100px;width:265px;background:#fffdf3e8;border:1px solid #fffdf6;border-radius:22px;padding:18px;backdrop-filter:blur(18px);box-shadow:0 15px 45px #1c38210b;overflow:auto;scrollbar-width:thin;scrollbar-color:#c6d1bb transparent}.queue-panel{left:20px}.detail-panel{right:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px}.panel-title h2{font-size:14px;margin:0;font-weight:650}.panel-title span{font-size:8px;color:#8c9e83}.panel-title h3{font-size:11px;margin:0}.panel-title button{background:#e8eddd;padding:7px 9px;border-radius:9px;font-size:9px}#collapseDetail{display:none}.guest{width:100%;padding:12px 10px;background:#f3f4e8;border:1px solid #e5e8d9;border-radius:15px;margin-bottom:9px;text-align:left;position:relative}.guest.selected{background:#e8eedb;border-color:#839c77;box-shadow:inset 3px 0 #78926c}.guest-top{display:flex;align-items:center;gap:9px}.guest .pet-emoji{font-size:23px}.guest strong{font-size:12px;display:block}.guest small{font-size:9px;color:#819078;display:block;margin-top:3px}.guest-status{font-size:8px;margin-left:auto;border-radius:6px;background:#e0e8d5;padding:5px;color:#597650;white-space:nowrap}.guest-status.alert{background:#f0ddbc;color:#91622e}.guest .line{display:flex;justify-content:space-between;margin-top:9px;font-size:8px;color:#8e9a83}.guest .bar{height:3px;background:#e0e5d6;border-radius:3px;margin-top:6px;overflow:hidden}.guest .bar i{display:block;height:100%;background:#93b38e}.guest .bar i.danger{background:#d7a177}#nextArrival{font-size:10px;color:#9aa68e;text-align:center;padding:17px 0;line-height:1.7}.detail-name{display:flex;align-items:center;gap:11px;margin-bottom:10px}.detail-name>span{font-size:35px}.detail-name h2{font:24px Georgia;margin:0}.detail-name small{display:block;font-size:9px;color:#8a9a80;margin-top:4px}.request{font-size:11px;line-height:1.7;color:#788a70;margin:12px 0}.chips{display:flex;gap:4px;flex-wrap:wrap}.chips span{font-size:8px;padding:5px 7px;border-radius:7px;background:#eee6d3;color:#9b7950}.steps{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0}.steps span{font-size:8px;padding:6px 8px;border-radius:8px;background:#ecefe1;color:#9aa28c}.steps .done{background:#dfe9d5;color:#64805b}.steps .current{background:#f1e0b5;color:#8c7138}.primary{padding:12px 15px;border-radius:12px;background:#2f5946;color:#fffdf0;width:100%;font-size:11px;font-weight:650;box-shadow:0 3px 0 #1e3c2c}.assign{display:flex;gap:7px;margin-top:10px}.assign button{background:#dfe9d7;border:1px solid #c9d6bd;border-radius:12px;padding:12px 5px;flex:1;font-size:11px}.assign small{display:block;font-size:8px;margin-top:4px;color:#7d9071}.quiet{display:flex;align-items:flex-start;gap:5px;font-size:10px;line-height:1.5;margin:12px 0}.quiet input{accent-color:#4a7452}.maintenance{border-top:1px solid #e0e5d5;margin-top:22px;padding-top:16px}.station{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-top:9px}.station span{color:#8d9b81}.station button{font-size:9px;padding:5px 8px;border-radius:6px;background:#eee1c6;color:#886e43}#notice{font-size:8px;line-height:1.8;color:#a1ac92;margin-top:19px}.staff-panel{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}.worker{background:#fffdf1ed;backdrop-filter:blur(12px);padding:12px 15px;border:1px solid #ffffff;border-radius:17px;min-width:150px}.worker b{font-size:11px;display:block}.worker p{font-size:8px;line-height:1.5;min-height:22px;margin:4px 0;color:#809075}.worker .energy{height:3px;background:#e0e6d5;overflow:hidden;border-radius:3px}.energy i{display:block;background:#88a581;height:100%}.worker button{font-size:8px;padding:5px 8px;background:#e8ecd9;border-radius:6px;margin-top:7px}.view-controls{position:absolute;bottom:30px;left:20px;display:flex;gap:5px;flex-direction:column;align-items:flex-start}.view-controls a{font-size:8px;padding:7px 10px}.view-controls #mobileQueue{display:none}.view-controls #shopBtn{background:#eee1bf}#paused{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);background:#fffdf2d9;border:1px solid white;backdrop-filter:blur(7px);padding:20px 35px;border-radius:22px;pointer-events:none;text-align:center}#paused[hidden]{display:none}#paused span{display:block;font-size:26px;color:#a2b393}#paused b{display:block;font-size:12px;margin-top:8px}#paused small{display:block;font-size:9px;margin-top:6px;color:#8e9c81}#toast{position:absolute;left:50%;bottom:140px;transform:translateX(-50%);background:#264e3eef;color:#fffdf0;padding:12px 22px;border-radius:22px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:9;max-width:70%;text-align:center}#toast.show{opacity:1}dialog{border:0;border-radius:25px;background:#fffdf2;color:#29483f;box-shadow:0 20px 80px #193b2d44;padding:28px;width:min(560px,94vw);max-height:88dvh;overflow:auto}dialog::backdrop{background:#18382e55;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{font-size:23px;font-weight:550;letter-spacing:-.5px;margin:8px 0 20px}.dialog-head small{font-size:8px;letter-spacing:2px;color:#8e9e80}.dialog-head button{background:#e9eddc;border-radius:50%;width:30px;height:30px;font-size:22px;flex-shrink:0}dialog p,dialog li{font-size:12px;line-height:1.8;color:#7c8d70}dialog li{margin:12px 0}dialog .fine{font-size:9px;color:#9aa68a}.plain{background:transparent;padding:14px;width:100%;font-size:11px}input[type=number]{width:100%;border:1px solid #cfd9c0;background:#f5f6e9;padding:14px;border-radius:10px;margin-top:10px;font-size:20px;color:#36563f}#cash label{font-size:11px}#cashError{color:#a46848;min-height:20px}.receipt{font-family:monospace;background:#fffef9;border:1px dashed #bac5b0;padding:22px;margin-bottom:20px}.receipt img{display:block;width:100px;margin:0 auto 10px}.receipt h3{text-align:center;font-size:13px}.receipt p{font:11px/1.7 monospace;color:#62765a}.receipt .row{display:flex;justify-content:space-between;font-size:12px;padding:6px 0}.receipt .total{border-top:1px dashed #bac5b0;margin-top:12px;font-size:18px;font-weight:700}.receipt .fine{text-align:center}#levelGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.level-card{text-align:left;border-radius:16px;background:#eaf0df;padding:18px}.level-card b{font-size:13px;display:block}.level-card p{font-size:9px;margin:6px 0}.stars{color:#b18d43;letter-spacing:4px;font-size:24px}.level-card .stars{font-size:16px}.upgrade{border-radius:17px;background:#eef1e1;padding:20px;margin:12px 0}.upgrade h3{font-size:14px;margin:0}.upgrade p{font-size:11px;margin:7px 0 12px}#end{text-align:center}#end h2{font-size:28px;font-family:Georgia,serif;font-weight:500}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.summary-grid div{background:#edf0df;padding:13px;border-radius:12px;font-size:10px;color:#87967b}.summary-grid b{display:block;font-size:20px;color:#3b624a;margin-top:7px}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f2e6;z-index:15}#loading img{width:150px}#loading h2{font-size:20px;font-weight:500;margin-top:30px}#loading p{font-size:11px;color:#8a987b}@media(max-width:1150px){.panel{width:225px;padding:14px}.staff-panel{bottom:15px}.worker{min-width:125px;padding:10px}.hud{top:85px}.hud>div{padding:0 12px}.brand span{display:none}.head-buttons{gap:4px}.head-buttons button{padding:9px 10px;font-size:9px}.day-head b{font-size:13px}.view-controls a{display:none}}@media(max-width:700px){header{padding:10px 13px;gap:8px}.brand img{width:58px;height:39px}.day-head{text-align:left;margin:0 auto}.day-head b{font-size:10px;max-width:160px}.day-head small{font-size:7px;max-width:170px;line-height:1.5}.head-buttons button{padding:8px 9px;font-size:8px}#helpBtn{display:none}.hud{top:65px;left:10px;right:10px;transform:none;padding:9px 0;justify-content:space-between;border-radius:14px}.hud>div{padding:0 8px;min-width:0;flex:1}.hud small{font-size:6px;letter-spacing:.5px}.hud b{font-size:12px}.hud .time-controls{padding:0 7px;gap:4px}.time-controls button{font-size:8px;padding:9px 7px}.panel{top:auto;bottom:125px;max-height:40dvh;border-radius:18px;left:10px;right:10px;width:auto;padding:13px;background:#fffdf3ed}.queue-panel{display:none;z-index:5;max-height:48dvh}.queue-panel.open{display:block}.detail-panel .panel-title{margin-bottom:10px}.detail-panel.collapsed>#detail,.detail-panel.collapsed>.maintenance,.detail-panel.collapsed>#notice{display:none}#collapseDetail{display:block}.detail-name{margin-bottom:5px}.detail-name>span{font-size:25px}.detail-name h2{font-size:20px}.request{font-size:10px;margin:8px 0}.chips span{font-size:7px}.steps{margin:9px 0}.assign button{padding:9px 5px}.maintenance{margin-top:12px;padding-top:10px}.station{display:inline-flex;margin:6px 8px 0 0;gap:8px;font-size:8px}.quiet{font-size:9px}.primary{padding:11px;font-size:10px}.staff-panel{bottom:13px;left:10px;right:10px;transform:none;gap:5px}.worker{min-width:0;width:33.333%;padding:9px}.worker b{font-size:10px}.worker p{font-size:7px;margin:3px 0;min-height:21px}.worker button{font-size:7px;padding:4px 6px}.view-controls{bottom:100px;left:10px;right:10px;flex-direction:row;gap:5px}.view-controls button{font-size:8px;padding:7px 10px}.view-controls #mobileQueue{display:block}.view-controls #shopBtn{margin-left:auto}#notice{display:none}#paused{top:33%;padding:16px 20px}#paused b{font-size:10px}#paused small{font-size:8px}#toast{bottom:50%;font-size:10px;max-width:90%}.panel-title h2{font-size:12px}.guest{padding:9px}.guest .line{margin-top:6px}#nextArrival{padding:8px;font-size:9px}#levelGrid{gap:8px}.level-card{padding:12px}.level-card b{font-size:11px}dialog{padding:22px}.dialog-head h2{font-size:20px}.pet-meters{display:none}}
.care-record{padding:12px;background:#eef2e5;border:1px solid #e0e8d5;border-radius:12px;margin:10px 0}.care-record>b{font-size:10px}.care-record p{font-size:9px;line-height:1.8;color:#7a8d70;margin:7px 0 0}.intake-steps{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.intake-steps span{font-size:8px;color:#9da58f;background:#e3e8d8;padding:4px 6px;border-radius:6px}.intake-steps .checked{background:#d8e7cd;color:#58794b}.service-options small{display:block;font-size:9px;color:#8d795a;margin-bottom:6px}.service-options>div{display:flex;gap:5px;flex-wrap:wrap}.service-options button{padding:8px;background:#eee9dc;border:1px solid #e0d7bf;border-radius:8px;font-size:9px;display:flex;align-items:center;gap:5px}.service-options .chosen{background:#dce9d3;border-color:#7c9c6b}.service-options i{display:inline-block;width:12px;height:12px;border-radius:50%}.steps{gap:4px}.steps span{font-size:7px;padding:5px 6px}.panel-title h2{font-size:12px}
/* Clear play area: panels reserve space instead of covering the room. */
header{height:58px;padding:7px 16px;background:#f7f6ebf0;gap:12px;border-bottom:1px solid #dce3d2}.brand img{width:64px;height:43px}.brand span{font-size:9px}.day-head b{font-size:13px}.day-head small{font-size:9px;margin-top:3px}.head-buttons button{padding:8px 11px;font-size:10px}.head-buttons #buddyBtn{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#e2ebd8;color:#49633c}.hud{top:58px;left:0;right:0;transform:none;border:0;border-radius:0;height:41px;padding:4px 12px;box-shadow:none;background:#f4f4e8ed;justify-content:center;gap:0}.hud>div{min-width:0;padding:0 22px;display:flex;align-items:center;gap:8px}.hud small{font-size:7px;letter-spacing:.7px}.hud b{font-size:12px;margin:0}.hud .time-controls{padding:0 10px}.time-controls button{padding:6px 10px;font-size:9px}#scene{top:99px;bottom:56px;left:0;right:0;transition:none;overflow:hidden}#scene canvas{width:100%;height:100%}.panel{display:none;top:99px;bottom:56px;width:280px;max-height:none;border-radius:0;box-shadow:none;background:#fbfaf0;border:0;padding:16px;z-index:4}.queue-panel{left:0;border-right:1px solid #dce4d2}.detail-panel{right:0;width:300px;border-left:1px solid #dce4d2}.panel-title{position:sticky;top:-16px;background:#fbfaf0;padding:10px 0;margin-top:-4px;z-index:2}.panel-title h2{font-size:12px}.panel-title button{font-size:17px;width:25px;height:25px;padding:0}#collapseDetail{display:block}#notice{display:none}#queueCount{margin-left:auto}.guest{padding:10px 9px;margin-bottom:7px;border-radius:12px}.guest .line{margin-top:6px}.guest .pet-emoji{font-size:20px}.detail-name>span{font-size:27px}.detail-name h2{font-size:22px}.maintenance{margin:0;padding:0;border:0}.maintenance .panel-title{position:static}.maintenance .panel-title button{font-size:9px;width:auto;height:auto;padding:7px}.station{display:flex;margin-top:12px}.station button{font-size:10px}.staff-panel{display:none;bottom:56px;left:0;right:0;transform:none;justify-content:center;background:#fbfaf0;border-top:1px solid #dce4d2;padding:10px;height:115px;z-index:4}.worker{width:220px;min-width:0;padding:9px 14px;border:1px solid #e2e8d6;box-shadow:none;border-radius:12px}.worker p{min-height:18px;margin:3px 0}.worker button{margin-top:5px}.view-controls{left:0;right:0;bottom:0;height:56px;flex-direction:row;align-items:center;justify-content:center;gap:7px;padding:8px 12px;background:#f5f5e9f2;border-top:1px solid #dce4d2;overflow-x:auto;overflow-y:hidden;z-index:5;scrollbar-width:thin}.view-controls button,.view-controls a{flex-shrink:0;font-size:11px;padding:9px 13px;border:1px solid #dce4d1;border-radius:10px;background:#fffef5;box-shadow:none;white-space:nowrap}.view-controls #mobileQueue{display:block}.view-controls button.active{background:#315a45;color:#fffef0;border-color:#315a45}#shopBtn{margin-left:0!important}.view-controls #levelsShortcut,.view-controls #helpShortcut{display:none}body[data-panel="queue"] .queue-panel{display:block}body[data-panel="detail"] .detail-panel,body[data-panel="maintenance"] .detail-panel{display:block}body[data-panel="detail"] .maintenance{display:none}body[data-panel="maintenance"] #detail{display:none}body[data-panel="staff"] .staff-panel{display:flex}#toast{bottom:72px;z-index:10;padding:10px 18px;font-size:11px}#paused{padding:14px 23px;border-radius:15px;background:#fffdf0c9}#paused span{font-size:18px}#paused b{font-size:11px}#paused small{font-size:9px}#closeQueue{display:block}.guest.buddy{border-color:#d6bc7c}.buddy-flag{font-size:8px;color:#9b7a31}.buddy-fields label{display:block;margin:12px 0 7px;font-size:12px;color:#657a56}.buddy-fields label:first-child{margin-top:0}.buddy-fields input:not([type=color]),.buddy-fields select{display:block;width:100%;padding:11px 12px;border:1px solid #cdd9c0;border-radius:10px;color:#36563e;background:#f5f7e9;font-size:14px}.buddy-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.buddy-preview{background:linear-gradient(#dce7d3,#f0ead4);border:1px solid #dce7ce;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:10px}#buddyPreview{width:100%;height:240px}#buddyPreview canvas{display:block;width:100%;height:100%;border-radius:12px}.buddy-preview strong{font:24px Georgia;margin:5px 0}.buddy-preview small{font-size:11px;color:#839274;margin:3px 0 18px}.coat-swatches{display:flex;gap:8px;flex-wrap:wrap}.coat-swatches button{width:28px;height:28px;border:3px solid transparent;border-radius:50%;box-shadow:0 0 0 1px #c8d2b9}.coat-swatches .chosen{border-color:#fffef3;box-shadow:0 0 0 2px #63805a}.custom-coat{display:flex;align-items:center;gap:9px;font-size:10px;color:#87977a;margin-top:11px}.custom-coat input{width:40px;height:30px;border:1px solid #d2dcc7;padding:2px;border-radius:6px;background:#fafcf2}#buddyDialog{width:min(750px,94vw)}#buddyError{font-size:11px;color:#ac6f4c;min-height:17px}#buddySaveNote{line-height:1.7}#buddyForm .primary{margin-top:10px}#followSavedBuddy{margin-top:6px;background:#e7eedc;color:#4d6b41;box-shadow:none}#buddyPreview:empty:before{content:'♡';display:grid;place-items:center;height:100%;font-size:70px;color:#9cb78f}
@media(max-width:1100px){.hud>div{padding:0 12px}.brand span{display:none}.view-controls{gap:5px}.view-controls button{font-size:10px;padding:8px 11px}.day-head b{font-size:12px}.panel{width:250px}.detail-panel{width:280px}}
@media(max-width:700px){header{height:54px;padding:6px 10px;gap:8px}.brand img{width:49px;height:38px}.day-head{min-width:0;flex:1;overflow:hidden}.day-head b{font-size:10px;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-head small{font-size:7px;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-buttons{gap:4px}.head-buttons #levelsBtn,.head-buttons #helpBtn{display:none}.head-buttons #buddyBtn{max-width:83px;font-size:9px;padding:8px}.head-buttons #sound{width:29px;padding:7px 9px;white-space:nowrap;overflow:hidden;font-size:10px}.hud{top:54px;height:39px;padding:4px 5px;justify-content:space-between}.hud>div{display:block;flex:1;padding:0 7px}.hud small{font-size:6px;letter-spacing:0}.hud b{font-size:10px;margin-top:3px}.hud .time-controls{display:flex;flex:0;padding:0 4px;gap:3px}.time-controls button{padding:7px 6px;font-size:8px}.view-controls{justify-content:flex-start;height:54px;padding:7px 9px;gap:5px}.view-controls button{font-size:10px;padding:9px 11px}.view-controls #levelsShortcut,.view-controls #helpShortcut{display:block}#scene{top:93px;bottom:54px}.panel,.queue-panel,.detail-panel{left:0;right:0;top:auto;bottom:54px;width:100%;height:43dvh;max-height:none;border:0;border-top:1px solid #dce4d2;padding:12px 15px;border-radius:18px 18px 0 0}.panel-title{top:-12px;margin-top:0;padding:7px 0}.panel-title h2{font-size:12px}.staff-panel{bottom:54px;height:110px;padding:8px;gap:5px}.worker{width:33.333%;padding:8px;min-width:0}.worker b{font-size:9px}.worker p{font-size:8px;min-height:21px}.worker button{font-size:8px}.station{display:flex;margin:11px 0;font-size:10px}.station button{font-size:10px}.quiet{font-size:11px}#toast{bottom:66px;font-size:10px;max-width:94%}.detail-panel.collapsed>#detail,.detail-panel.collapsed>.maintenance{display:revert}.buddy-layout{grid-template-columns:1fr;gap:18px}.buddy-preview{min-height:180px;padding:8px}#buddyPreview{height:160px}.buddy-preview strong{font-size:21px;margin:0}.buddy-preview small{font-size:10px;margin-bottom:7px}.buddy-fields{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.buddy-fields label{grid-column:1/-1;font-size:11px;margin:7px 0 3px}.buddy-fields input:not([type=color]),.buddy-fields select{grid-column:1/-1;padding:10px;font-size:14px}.coat-swatches,.custom-coat{grid-column:1/-1}.custom-coat{margin-top:8px}#buddyDialog{padding:20px;max-height:94dvh}.dialog-head h2{font-size:20px}.buddy-fields label:first-child{margin-top:0}}
/* Stable room; controls open a raised board without resizing the canvas. */
body[data-panel] #scene{left:0;right:0;top:99px;bottom:56px}
dialog{border:1px solid #f8f7ed;border-bottom:7px solid #bac9ab;border-radius:22px;background:linear-gradient(145deg,#fffef5,#eef2e3);box-shadow:0 25px 60px #173b3859,0 5px 0 #879b78,inset 0 1px 0 #fff;animation:none;transition:none}
dialog::backdrop{background:#183c343d;backdrop-filter:none}
#taskBoard{width:min(660px,92vw);max-height:calc(100dvh - 180px);padding:22px;overflow-y:auto;overscroll-behavior:contain}
#taskBoard .dialog-head{margin-bottom:12px}#taskBoard .dialog-head h2{font-size:24px}#taskBoard .dialog-head small{font-size:9px;letter-spacing:1px}
#taskBoard .panel,#taskBoard .staff-panel{position:static;inset:auto;width:100%;height:auto;max-height:none;padding:0;margin:0;border:0;background:transparent;transform:none;overflow:visible;box-shadow:none;border-radius:0}
#taskBoard .panel-title{position:static;background:transparent;padding:8px 0;top:auto}#taskBoard .queue-panel>.panel-title,#taskBoard .detail-panel>.panel-title{display:none}
.board-tabs{display:flex;gap:6px;padding-bottom:16px;flex-wrap:wrap}.board-tabs button{padding:9px 12px;background:#e3e9d7;border-radius:10px;font-size:12px}.board-tabs .active{background:#315a45;color:#fff}
#taskBoard .worker{flex:1;width:auto;min-width:0;background:#f9fbed;padding:14px}#taskBoard .staff-panel{gap:10px;flex-wrap:wrap}#taskBoard .worker b{font-size:12px}#taskBoard .worker p{font-size:11px;min-height:34px}#taskBoard .worker button{font-size:11px}
#taskBoard .request,#taskBoard .care-record p{font-size:12px}#taskBoard .steps span{font-size:10px}#taskBoard .service-options button,#taskBoard .service-options small{font-size:12px}#taskBoard .guest small,#taskBoard .guest .line{font-size:11px}#taskBoard .guest strong{font-size:15px}#taskBoard .station{font-size:12px}#taskBoard .assign button{font-size:13px;padding:13px}#taskBoard .assign small{font-size:10px}
body[data-panel]:not([data-panel=""]) #paused{display:none}.view-controls button{transition:none}#toast{pointer-events:none}.guest-status.alert{animation:none}.bar i,.energy i{transition:none}
@media(max-width:700px){body[data-panel] #scene{left:0;right:0;top:93px;bottom:54px}#taskBoard{width:94vw;max-height:calc(100dvh - 170px);padding:16px;border-radius:17px}#taskBoard .dialog-head h2{font-size:20px}.board-tabs{gap:4px;padding-bottom:10px}.board-tabs button{font-size:11px;padding:9px}#taskBoard .worker{flex:1 1 100%;display:grid;grid-template-columns:1fr auto;gap:5px}#taskBoard .worker p{grid-column:1;min-height:0;margin:0}#taskBoard .worker .energy{grid-column:1}#taskBoard .worker button{grid-column:2;grid-row:1/4}#taskBoard .guest-status{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;animation:none!important;transition:none!important}}
/* Owner mode: compact selectors remain visible; only the detail sheet closes. */
.guest-dock{position:absolute;top:99px;left:0;right:0;height:49px;display:flex;align-items:center;gap:9px;padding:5px 14px;background:#f9faefe8;border-bottom:1px solid #d9e3cd;z-index:7}.guest-dock>b{font-size:9px;color:#839576;letter-spacing:1px}#quickGuests,#quickWorkers{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;min-width:0}#quickGuests{flex:1}.guest-dock button,.worker-dock button{border-radius:9px;background:#fffef5;border:1px solid #d6e0c9;padding:5px 11px;text-align:left;flex-shrink:0;min-width:88px}.guest-dock button b,.worker-dock button b{font-size:11px;display:block}.guest-dock button small,.worker-dock button small{display:block;font-size:9px;color:#7e9170;white-space:nowrap;max-width:145px;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.guest-dock button.chosen{border-color:#a4b18b;background:#e6edd8;box-shadow:inset 3px 0 #819b65}.dock-empty{font-size:11px;color:#7c8f71;padding:6px}.worker-dock{position:absolute;bottom:56px;left:0;right:0;height:48px;padding:5px 14px;display:flex;gap:8px;align-items:center;background:#f8f9edea;border-top:1px solid #d9e3cd;z-index:7}#quickWorkers{flex:1;justify-content:center}#currentJob{font-size:11px;font-weight:650;max-width:210px;min-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#quickHire{font-size:11px;min-width:auto;background:#e1ead2}.view-controls{z-index:9;gap:5px}.view-controls button{padding:8px 11px;font-size:11px}.loss{color:#ae6b51!important}.gain{color:#487b4c}body[data-panel] #scene,#scene{top:148px;bottom:104px;left:0;right:0}
#taskBoard{position:fixed;left:auto;right:12px;top:158px;bottom:auto;margin:0;width:365px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 274px);padding:15px;border-radius:16px;z-index:8;box-shadow:0 12px 32px #254c3333,0 4px 0 #8ba27d}#taskBoard .dialog-head{position:sticky;top:-15px;background:#f9faee;padding:9px 0 6px;z-index:3;margin-top:-5px}#taskBoard .dialog-head h2{font-size:18px;margin:4px 0}#taskBoard .dialog-head small{font-size:7px;letter-spacing:.5px}#taskBoard .dialog-head button{width:28px;height:28px;font-size:21px}#taskBoard .board-tabs{gap:4px;padding-bottom:10px}#taskBoard .board-tabs button{font-size:10px;padding:7px 8px}#taskBoard .detail-name h2{font-size:21px}#taskBoard .request,#taskBoard .care-record p{font-size:11px}#taskBoard .steps span{font-size:9px}#taskBoard .assign button{font-size:12px;padding:10px}#taskBoard .service-options button{font-size:10px}#taskBoard .care-record{padding:9px;margin:8px 0}#taskBoard .staff-panel{flex-direction:column}#taskBoard .worker{display:grid;grid-template-columns:1fr auto;gap:4px;padding:10px}#taskBoard .worker b{font-size:11px}#taskBoard .worker p{font-size:10px;min-height:0;grid-column:1;margin:0}#taskBoard .worker .energy{grid-column:1}#taskBoard .worker button{grid-column:2;grid-row:1/4;font-size:10px}#businessPanel{display:none}body[data-panel="business"] #businessPanel{display:block}#taskBoard h3{font-size:13px;margin:12px 0 9px}.hiring{width:100%;border-top:1px solid #d8e2cc}.hiring p,.quote-form p{font-size:10px;line-height:1.6;margin:7px 0}.hiring>button{display:block;width:100%;text-align:left;padding:11px;margin:6px 0;border:1px solid #d4dfc5;background:#e5edd8;border-radius:10px}.hiring button b{display:block;font-size:12px}.hiring button small{display:block;font-size:10px;margin-top:4px}.packages{display:flex;gap:4px;flex-wrap:wrap;margin:9px 0}.packages button{font-size:10px;padding:8px;background:#e2ead4;border-radius:8px}.service-picker{display:grid;grid-template-columns:1fr;gap:4px}.service-picker label{display:flex;gap:7px;align-items:center;font-size:11px;padding:6px 8px;background:#f0f3e5;border:1px solid #e2e8d4;border-radius:7px;cursor:pointer}.service-picker input{accent-color:#4c7959;margin:0}.service-picker b{font-size:10px;margin-left:auto}.rate-label{font-size:11px;display:flex;justify-content:space-between;align-items:center;margin:10px 0}.rate-label select{font:inherit;color:inherit;padding:7px;background:#f2f5e7;border:1px solid #cddbbf;border-radius:8px}.quote-total{padding:10px;border-radius:10px;background:#e1ebd2;display:flex;align-items:center;gap:10px}.quote-total span{font-size:10px;line-height:1.6}.quote-total b{margin-left:auto;font-size:14px}.business-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.business-summary>div{background:#e8efdb;border-radius:10px;padding:12px}.business-summary small{display:block;font-size:9px;color:#80916f}.business-summary b{display:block;font-size:18px;margin-top:5px}.cost-list{padding:10px 0}.cost-list>div,.ledger-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #dce5d0;font-size:11px}.ledger-row small{display:block;font-size:9px;color:#879a75;margin-top:4px}.ledger-row b{white-space:nowrap;text-align:right}.hud>div{padding:0 12px}.hud .time-controls{padding:0 8px}
@media(max-width:1000px){#currentJob{min-width:100px;max-width:160px;font-size:10px}.view-controls button{padding:8px 9px;font-size:10px}.worker-dock{padding:5px 8px}.hud>div{padding:0 8px}}
@media(max-width:700px){header #helpBtn{display:block;width:27px;padding:6px}.head-buttons{gap:3px}.head-buttons #buddyBtn{max-width:70px}.hud{height:44px;top:54px;padding:3px 4px}.hud>div{padding:0 4px;flex:1}.hud small{font-size:5px}.hud b{font-size:9px}.hud .time-controls{padding:0 2px;gap:2px}.time-controls button{padding:7px 5px;font-size:7px}.guest-dock{top:98px;height:46px;padding:4px 8px;gap:6px}.guest-dock>b{font-size:7px}.guest-dock button{min-width:78px;padding:5px 8px}.guest-dock button b{font-size:10px}.guest-dock button small{font-size:8px}.view-controls{height:82px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,31px);gap:4px;padding:7px;overflow:visible;align-content:center}.view-controls button{font-size:8px!important;min-width:0;padding:6px 2px;border-radius:8px;width:100%;overflow:hidden;text-overflow:ellipsis}.view-controls #helpShortcut{display:none}.view-controls #levelsShortcut{display:block}.worker-dock{bottom:82px;height:45px;padding:4px 7px;gap:5px}#currentJob{display:none}#quickWorkers{justify-content:flex-start}.worker-dock button{min-width:73px;padding:5px 7px}.worker-dock button b{font-size:9px}.worker-dock button small{font-size:8px;max-width:95px}#quickHire{font-size:9px;min-width:65px}body[data-panel] #scene,#scene{top:144px;bottom:127px;left:0;right:0}#taskBoard{top:auto;bottom:137px;left:auto;right:8px;width:min(350px,calc(100vw - 16px));max-height:calc(100dvh - 291px);padding:13px}#taskBoard .dialog-head{top:-13px}#toast{bottom:140px}#taskBoard .worker{flex:none}#paused{top:42%}.day-head small{font-size:6px}}
#tutorialCoach{position:absolute;top:158px;left:14px;z-index:6;max-width:340px;padding:12px 14px;border:1px solid #cfddbe;border-radius:14px;background:#fffdf1ed;box-shadow:0 5px 20px #284a3120}#tutorialCoach[hidden],#techniqueCaption[hidden]{display:none}#tutorialCoach b{display:block;font-size:12px}#tutorialCoach span{display:block;font-size:11px;line-height:1.6;margin:6px 0}#tutorialCoach button{font-size:10px;background:#335b45;color:white;padding:8px 10px;border-radius:8px}#techniqueCaption{position:absolute;bottom:116px;left:50%;transform:translateX(-50%);z-index:6;max-width:70%;padding:10px 15px;border-radius:12px;background:#fffdf2ec;font-size:11px;line-height:1.7;pointer-events:none}.pause-option{display:flex;align-items:center;gap:6px;font-size:10px;margin:4px 0 10px}.pause-option input{accent-color:#4a7452}#resumeBoard{font-size:10px!important;width:auto!important;border-radius:8px!important;padding:7px!important;background:#315b45!important;color:white;white-space:nowrap}.delegate-form{background:#eaf0dd;border-radius:11px;padding:10px;margin:10px 0}.delegate-form p{font-size:10px;line-height:1.6;margin:5px 0}.delegate-form label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:7px 0}.delegate-form select{font-size:11px;padding:6px;border:1px solid #c5d5b3;border-radius:8px;background:#f7faee;color:inherit}.delegate-form small{font-size:9px}.end-reasons{padding:14px;background:#edf1e0;border-radius:12px;text-align:left;margin-top:10px}.end-reasons h3{font-size:14px}.end-reasons p{font-size:11px!important;margin:7px 0}.wallet-note{padding:13px;background:#e7efda;border-radius:12px}.wallet-note b{font-size:15px}.wallet-note p,#redemption p{font-size:11px}#redemption{margin-top:20px;padding:15px;border:1px dashed #b4c5a5;border-radius:13px}#redemption h3{font-size:16px}#redemption button{padding:12px;background:#dae3cd;border-radius:9px;font-size:12px}#music{white-space:nowrap}
@media(max-width:700px){#tutorialCoach{top:151px;left:8px;max-width:205px;padding:9px;max-height:140px;overflow:auto}#tutorialCoach b{font-size:10px}#tutorialCoach span{font-size:9px}#tutorialCoach button{font-size:9px;padding:6px}#techniqueCaption{bottom:137px;font-size:9px;max-width:90%;width:90%}.head-buttons #music{font-size:8px;padding:7px 5px;max-width:53px}.head-buttons #buddyBtn{max-width:48px}#taskBoard .dialog-head{gap:6px}#resumeBoard{font-size:8px!important}#taskBoard .dialog-head small{display:none}}
#precisionPanel{position:absolute;left:14px;bottom:116px;width:230px;z-index:6;padding:12px;background:#fffdf3ed;border:1px solid #d6e1c8;border-radius:12px}#precisionPanel[hidden]{display:none}#precisionPanel>span{font-size:10px;display:block}.precision-track{height:12px;position:relative;background:#ded9c9;border-radius:6px;margin:10px 0}.precision-track i{position:absolute;left:35%;width:30%;height:100%;background:#a1c49a}.precision-track b{position:absolute;top:-3px;width:3px;height:18px;background:#315a45}#precisionBtn{padding:8px;font-size:11px;border-radius:8px;background:#335b45;color:white;width:100%}@media(max-width:700px){#precisionPanel{bottom:191px;width:190px;left:8px;padding:9px}#precisionPanel>span{font-size:9px}#precisionBtn{font-size:10px}}
.music-volume{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;margin:16px 0}.music-volume input{width:100%;accent-color:#4c7957}.music-volume span{margin-left:auto;color:#7b906a}
#audioUnlock{background:#f3dfa8;color:#234d3e}#audioUnlock[hidden]{display:none}#audioStatus{font-size:12px;color:#53685c}#testAudio{min-height:44px}
.gift-card{display:flex;gap:14px;padding:16px;border:1px solid #d9e4cc;border-radius:14px;margin:12px 0;background:#f7f7ec}.gift-card h3{margin:0 0 8px}.gift-card p{white-space:pre-line;overflow-wrap:anywhere}.gift-icon{font-size:30px}.gift-code{display:block;background:#e5ecd7;padding:12px;border-radius:8px;font-size:20px;user-select:all;overflow-wrap:anywhere}.gift-card button{min-height:44px}#gifts{max-width:580px}#giftsBtn{white-space:nowrap}@media(max-width:700px){.head-buttons{gap:3px}.head-buttons #giftsBtn,.head-buttons #audioUnlock{font-size:9px;padding:6px 4px}.gift-card{gap:8px;padding:12px}.gift-icon{font-size:24px}}
#audioUnlock{position:fixed;bottom:145px;right:12px;z-index:10;max-width:180px;min-height:40px;box-shadow:0 3px 12px #253f4030}@media(max-width:700px){.head-buttons #giftsBtn{font-size:0;width:27px;padding:6px}.head-buttons #giftsBtn::before{content:"🎁";font-size:14px}.head-buttons #audioUnlock{font-size:11px;padding:8px 12px}}
#backMarket{font-size:10px;text-decoration:none;padding:8px 10px;border:1px solid #d8e1cc;border-radius:10px;background:#fffef4;color:#315446;white-space:nowrap}@media(max-width:700px){#backMarket{font-size:8px;padding:7px 5px}.head-buttons #buddyBtn{max-width:48px}.day-head{min-width:40px}.day-head b{font-size:9px}.brand img{width:41px}}