.work-scene{position:absolute;inset:0;z-index:14;background:#243629;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;overflow:hidden}.work-head{display:flex;align-items:center;gap:18px;padding:12px 24px;border-bottom:2px solid #a0a36a55;background:#192c20}.work-head>div{flex:1;min-width:0}.work-head h2{font-size:20px;line-height:1.5}.work-head .eyebrow{font-size:10px}.work-head>span{font-size:12px;color:#c6c196;white-space:nowrap}.work-head button{padding:7px 12px;min-height:34px;font-size:11px}.work-art{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse,#4d6445,#1b2e22)}.work-art canvas{position:absolute;display:block;image-rendering:pixelated;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.work-art canvas:active{cursor:grabbing}.work-foot{padding:12px max(20px,calc((100% - 850px)/2));display:grid;gap:7px;background:#192c20;border-top:2px solid #818e5955}.work-foot>p{font-size:13px;line-height:1.7;text-align:center}.work-foot #workDetail{font-size:11px;color:#aaba96;min-height:18px}.work-meter{height:5px;background:#44583b;width:100%}.work-meter i{display:block;height:100%;background:#d0bd80;transition:width .14s linear;max-width:100%}.work-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.work-controls small{font-size:10px;color:#a4b08f}.work-controls button{padding:8px 18px;min-height:36px;font-size:12px}.medicine-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;font-size:10px;text-align:center;color:#bbcaac}.medicine-guide span{padding:4px 6px;border:1px solid #75886366;background:#2d4230}.medicine-guide b{display:block;font-weight:400;color:#e1d2a8}.medicine-guide small{grid-column:1/-1;font-size:9px;color:#8e9e85}.in-work .game-hud,.in-work .life-toolbar,.in-work .game-dock,.in-work .scene-caption,.in-work .location-layer{visibility:hidden;pointer-events:none}.in-work .world-grain{opacity:.02}
@media(max-width:620px){.work-head{padding:8px 12px;gap:9px}.work-head h2{font-size:16px}.work-head .eyebrow{font-size:9px}.work-head button{font-size:10px;padding:6px 8px}.work-foot{padding:10px 12px;gap:6px}.work-foot>p{font-size:12px}.work-foot #workDetail{font-size:10px}.medicine-guide{font-size:9px}.work-controls button{font-size:11px;padding:7px 12px}}
@media(max-height:540px) and (min-width:680px){.work-scene{grid-template-columns:minmax(0,1fr) 270px;grid-template-rows:52px minmax(0,1fr)}.work-head{grid-column:1/-1;padding:4px 14px}.work-head h2{font-size:16px}.work-head .eyebrow{font-size:9px}.work-art{grid-column:1;grid-row:2}.work-foot{grid-column:2;grid-row:2;padding:9px;gap:6px;align-content:center;border-top:0;border-left:2px solid #818e5955}.work-foot>p{font-size:11px;line-height:1.5}.work-foot #workDetail{font-size:9px;line-height:1.5;min-height:0}.medicine-guide{grid-template-columns:1fr;font-size:9px;gap:3px}.medicine-guide span{padding:2px}.medicine-guide b{display:inline;margin-left:7px}.medicine-guide small{font-size:8px}.work-controls{flex-wrap:wrap;justify-content:center;gap:4px}.work-controls button{font-size:10px;min-height:30px;padding:5px 12px}}
@media(prefers-reduced-motion:reduce){.work-meter i{transition:none}}
