/* V16 runtime: a playable layer; the painted image remains the visual map. */
#world.runtime{touch-action:none;height:100%;background:#b9d8aa}
#world.runtime>picture,#world.runtime>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none}
#world.runtime .world-avatar{display:block!important;z-index:5;transition:none;left:47%;top:58%;transform:translate(-50%,-70%);will-change:left,top}
.runtime-target{position:absolute;z-index:4;width:54px;height:54px;border:2px solid #fff8;border-radius:50%;background:#72aa6688;box-shadow:0 0 0 4px #416c4244;transform:translate(-50%,-50%);animation:targetPulse 1s ease infinite}
.world-action{position:absolute;z-index:15;left:50%;bottom:158px;transform:translateX(-50%);min-width:180px;border:3px solid #694538;border-radius:18px;background:#f4c966;padding:10px 15px;font-weight:1000;box-shadow:0 5px 0 #94663f}
.world-action[hidden]{display:none}.runtime-status{position:absolute;z-index:8;top:86px;right:10px;background:#fff9e9e8;border:2px solid #714b3d;border-radius:14px;padding:6px 9px;font-size:10px;pointer-events:none}
.runtime-plant{position:absolute;z-index:4;width:46px;height:46px;transform:translate(-50%,-50%);border:2px solid #704b3c;border-radius:50%;background:#fff3c6;display:grid;place-items:center;font-size:25px;box-shadow:0 4px 0 #69473544}.runtime-plant.dry{animation:plantHint 1.5s ease infinite}.runtime-plant.ready{background:#f5d16c}.runtime-plant:after{content:attr(data-stage);position:absolute;top:39px;background:#fff9e9;border:1px solid #755044;border-radius:8px;padding:1px 4px;font-size:8px;white-space:nowrap}
.runtime-activity{position:absolute;z-index:4;width:52px;height:52px;transform:translate(-50%,-50%);border:3px solid #64483e;border-radius:18px;background:#d5c7efcc;font-size:27px;box-shadow:0 5px 0 #503b5033}.runtime-activity:after{content:'15 วิ';position:absolute;right:-8px;top:-10px;border:2px solid #65483c;border-radius:99px;background:#fff8e8;padding:2px 5px;font-size:8px;font-weight:900}
.microgame header,.microgame footer{display:flex;justify-content:space-between;align-items:center}.microgame header span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#65483c;color:white;font-weight:1000}.bug-field{height:260px;position:relative;border:3px solid #65483c;border-radius:22px;background:radial-gradient(circle at 60% 40%,#fff8bb99 0 4%,transparent 5%),linear-gradient(#8eb78a,#405f51);overflow:hidden}.bug-field button{position:absolute;width:55px;height:55px;border:2px solid #6a4739;border-radius:50%;background:#fff6b7;font-size:27px;transform:translate(-50%,-50%)}.activity-result{text-align:center;padding:25px 10px}.activity-result i{font-style:normal;font-size:70px}.activity-result>*{display:block}
.joystick{position:absolute;z-index:8;left:18px;bottom:158px;width:84px;height:84px;border:3px solid #66483d88;border-radius:50%;background:#fff8e477;touch-action:none}.joystick i{position:absolute;left:24px;top:24px;width:32px;height:32px;border-radius:50%;background:#6d9b68;border:3px solid #476749;box-shadow:0 3px 0 #35523d}
@keyframes targetPulse{50%{transform:translate(-50%,-50%) scale(.75);opacity:.45}}
@keyframes plantHint{50%{filter:saturate(.5);transform:translate(-50%,-50%) scale(.94)}}
@media(prefers-reduced-motion:reduce){.runtime-target{animation:none}}