/* Site-only skin. The original Fun404 and its downloadable copy stay untouched. */
@import url('/fun404/hold-your-horses/styles.css');
.buslane-brand{gap:5px;font-size:25px!important;letter-spacing:-1.4px!important}
.buslane-brand span{background:#ffdb4b;color:#25272b;padding:2px 4px;font-size:.7em;letter-spacing:-.7px}
.buslane-brand i{display:none}
.way-home{position:absolute;z-index:40;top:91px;left:40px;display:flex;gap:10px;align-items:center;font-size:12px;color:#62666b}
.way-home a{text-underline-offset:4px}
.intro-actions a{text-decoration:none}
.bus{width:min(88vw,770px)}
.horse{--size:clamp(190px,24vw,300px)}
.horse-art{background:none}
.horse-flip{transform:none}
.horse-art img{position:absolute;inset:35% 0 auto;width:100%;height:auto;display:block;pointer-events:none;-webkit-mask:url('/fun404/hold-your-horses/assets/bus-mask.png') center/100% 100% no-repeat;mask:url('/fun404/hold-your-horses/assets/bus-mask.png') center/100% 100% no-repeat}
.horse[data-action=longface] .horse-art{transform:scaleX(1.18);transform-origin:center}
.express-sign{display:none;position:absolute;left:30%;top:28%;background:#ffdb4b;color:#25272b;font:bold 10px monospace;padding:3px 6px;border-radius:3px}
.horse[data-unicorn=true] .express-sign{display:block}
.waiting-horse{position:absolute;width:clamp(100px,15vw,185px);aspect-ratio:1;background:url('/fun404/hold-your-horses/assets/horse.png') 0 100%/300% 200% no-repeat;transform:translate(-50%,-88%);transform-origin:50% 60%;z-index:16;pointer-events:none}
.bus-stop{position:absolute;width:6px;height:clamp(85px,14vh,145px);background:#343e3e;transform:translate(-50%,-100%);z-index:4;border-radius:2px}
.bus-stop span{position:absolute;top:0;left:50%;transform:translate(-50%,-85%);padding:8px 10px;background:#ffdb4b;border:3px solid #343e3e;font:bold 10px/1.2 Arial,sans-serif;letter-spacing:.5px;white-space:nowrap;text-align:center}
.stable-roof{height:30px;background:#354a50;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
.stable-front{background:repeating-linear-gradient(0deg,#d6dcdc 0 13px,#b9c5c5 13px 15px)}
.stable-front>span{background:#ffdb4b;color:#25272b}
.stable-door{border-color:#354a50;background:#242e32}
.play-heading{top:135px}
.play-heading h2{text-transform:none}
@media(max-width:900px){.way-home{left:25px;top:84px}.horse{--size:230px}}
@media(max-width:540px){.way-home{left:23px;top:76px;font-size:11px}.buslane-brand{font-size:22px!important}.horse{--size:190px}.play-heading{top:126px}.play-heading h2{font-size:25px}.bus-destination{font-size:7px}.waiting-horse{width:115px}.bus-stop span{padding:6px 7px;font-size:8px}.arrival-caption{top:26%;max-width:290px}.horse-bubble{max-width:170px}}
@media(max-height:530px){.way-home{left:40px;top:67px}.play-heading{top:100px}.play-heading h2{font-size:21px}.play-heading p{display:none}.horse{--size:175px}.bus{width:min(65vw,420px)}.waiting-horse{width:100px}.arrival-caption{top:30%}.bus-stop{height:65px}.intro{top:53%}.intro-sub{margin:5px 0 10px}}