/* A ruler balanced on two long pencils, planted in an eraser near the nest. */
#beam{top:32%;height:26px;border:2.5px solid #19336a;border-radius:5px 8px 4px 7px;background:repeating-linear-gradient(172deg,#fff1ba66 0 1px,transparent 1px 4px),repeating-linear-gradient(8deg,#bf874033 0 1px,transparent 1px 7px),#e9b764;box-shadow:0 2px 0 #19336a80,inset 0 3px 0 #ffe1a1}
.ruler-marks{position:absolute;inset:auto 9px 1px;height:8px;background:repeating-linear-gradient(90deg,#19336a 0 1px,transparent 1px 8px);opacity:.9;pointer-events:none}
.ruler-marks:after{content:'';position:absolute;inset:-5px 0 0;background:repeating-linear-gradient(90deg,#19336a 0 2px,transparent 2px 40px)}
#beam:before,#beam:after{width:28px;height:28px;top:-4px;border:3px solid #19336a;background:#efca72;box-shadow:inset 0 0 0 3px #80b7ad,inset 0 0 0 5px #19336a}
#beam:before{left:-14px}#beam:after{right:-14px}.hinge{display:block;top:-3px;width:30px;height:30px;left:calc(50% - 15px);background:#efc76e;border:3px solid #19336a;box-shadow:inset 0 0 0 3px #b98c50,inset 0 0 0 5px #f8dd92;z-index:4}
.stand{top:calc(32% + 15px);bottom:-18px;height:auto;left:calc(50% - 65px);width:130px;z-index:1}
.stand .pencil-shafts{position:absolute;left:12%;top:0;width:76%;height:calc(100% - 21px);overflow:visible}
.stand .pencil-clip{position:absolute;left:19%;top:56%;width:62%;height:49px;overflow:visible}
.stand .eraser-foot{position:absolute;left:0;bottom:0;width:100%;height:35px;overflow:visible}
.pan-wrap{top:calc(32% + 10px);height:62%}.pan{bottom:23%;height:40px}.items{bottom:calc(23% + 32px)}
.ropes{display:block;position:absolute;inset:0 2% calc(23% + 33px);background:none;pointer-events:none}.ropes svg{width:100%;height:100%;overflow:visible}
.side-control{bottom:-5px}.pan-wrap .items{z-index:3}
#mother{transform-origin:50% 62%;bottom:14px}
#mother.rolling .mother-art{animation:roll-rattle .12s ease-in-out infinite alternate}
#mother.rolling:after{content:'';width:30%;height:50%;left:-15%;top:25%;border-left:2px solid #19336a;border-top:2px solid transparent;border-bottom:2px solid transparent;border-radius:50%;transform:rotate(18deg)}
@keyframes roll-rattle{to{transform:scale(1.035,.975)}}
@media(max-height:600px) and (orientation:landscape){
 #beam{height:18px;border-width:2px}.ruler-marks{height:6px;bottom:0}.ruler-marks:after{top:-3px}#beam:before,#beam:after{width:24px;height:24px;top:-5px;border-width:2px}#beam:before{left:-12px}#beam:after{right:-12px}.hinge{width:25px;height:25px;left:calc(50% - 12.5px);top:-5px;border-width:2px}
 .stand{top:calc(32% + 10px);bottom:-3px;width:96px;left:calc(50% - 48px);height:auto}.stand .pencil-shafts{height:calc(100% - 18px)}.stand .pencil-clip{top:48%;height:34px}.stand .eraser-foot{height:27px}
 .pan-wrap{top:calc(32% + 6px);height:62%}.pan{height:29px}.items{bottom:calc(23% + 23px)}.ropes{bottom:calc(23% + 24px)}.side-control{bottom:-18px}#mother{bottom:9px}
}
@media(orientation:portrait){
 #beam{height:21px}.stand{top:calc(32% + 12px);bottom:-25px;width:100px;left:calc(50% - 50px);height:auto}.stand .pencil-shafts{height:calc(100% - 18px)}.stand .pencil-clip{height:38px}.stand .eraser-foot{height:28px}.pan-wrap{top:calc(32% + 8px);height:62%}.pan{height:30px}.items{bottom:calc(23% + 24px)}.ropes{bottom:calc(23% + 25px)}.side-control{bottom:-5px}
}
@media(prefers-reduced-motion:reduce){#mother.rolling .mother-art{animation:none}}