.frog-pass{position:fixed;z-index:900;inset:auto 0 env(safe-area-inset-bottom,0px);height:180px;overflow:hidden;pointer-events:none;background:transparent}
.frog-pass[hidden]{display:none}
.frog-catch{position:absolute;right:-160px;bottom:6px;display:block;width:135px;height:165px;border:0;padding:0;background:transparent;pointer-events:auto;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent}
.frog-catch img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;opacity:1;pointer-events:none}
.frog-catch:focus-visible{outline:1px dashed var(--amber);outline-offset:1px}
.frog-pass.is-riding .frog-catch{animation:frog-ride 4.8s linear both}
@keyframes frog-ride{from{transform:translateX(0)}to{transform:translateX(calc(-100vw - 240px))}}
@media(max-width:640px){.frog-pass{height:145px}.frog-catch{height:130px;width:106px;right:-130px}.frog-pass.is-riding .frog-catch{animation-duration:4s}}