.porto-run{margin:3rem 0;scroll-margin-top:15px}.porto-run-hud{background:#f1e4cb;border-radius:15px 15px 0 0;justify-content:space-between;align-items:center;gap:15px;padding:12px;display:flex}.porto-run-stage{aspect-ratio:16/9;touch-action:none;-webkit-user-select:none;user-select:none;background-size:auto 100%;border-radius:0 0 20px 20px;min-height:280px;position:relative;overflow:hidden}.porto-run-stage:focus-visible{outline:3px solid #315776}.porto-run-player{z-index:4;transform-origin:bottom;width:24%;height:31%;transition:height .1s;position:absolute;transform:translate(-50%)}.porto-run-player img{object-fit:contain;pointer-events:none;width:100%;height:100%}.porto-run-player.duck{height:14%}.porto-run-object{z-index:3;pointer-events:none;width:9%;height:18%;position:absolute;transform:translate(-50%)}.porto-run-object img{object-fit:contain;width:100%;height:100%}.porto-run-object span{text-shadow:0 2px 8px #fff;font-size:clamp(26px,4vw,50px)}.porto-run-object.menina{width:9%;height:24%}.porto-run-landmark{object-fit:contain;opacity:.9;border-radius:15px;max-width:25%;height:40%;position:absolute;bottom:14%}.porto-run-overlay{z-index:8;text-align:center;background:#f9f2dfdf;place-items:center;padding:15px;display:grid;position:absolute;inset:0;overflow:auto}.porto-run-overlay>div{max-width:600px}.porto-run-overlay button,.porto-run-hud button{color:#23495e;cursor:pointer;min-height:48px;font:inherit;background:#fff;border:1px solid #36576e;border-radius:24px;padding:12px 24px}.porto-run-prize{object-fit:contain;border-radius:16px;max-width:100%;height:130px}.porto-run-note{opacity:.75;font-size:.8rem}@media (max-width:600px){.porto-run-stage{aspect-ratio:4/3}.porto-run-overlay h3{margin:0}.porto-run-prize{height:85px}}