.credits-screen{position:fixed;inset:0;z-index:9000;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#1d3a44 0,#0d1b21 62%,#070f13 100%);color:#e8f1ee;font-family:'Nunito',system-ui,sans-serif;text-align:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.credits-screen::before{content:'';position:absolute;inset:0;background:url(assets/title/titulo_vila_mare.webp) center/cover;opacity:.22;filter:saturate(.8)}
.credits-roll{position:relative;width:min(560px,86vw);margin:0 auto;padding:12vh 0 22vh;will-change:transform}
.credits-logo{display:block;margin:0 auto 28px;max-width:min(300px,60vw);image-rendering:pixelated}
.credits-sec{margin:0 0 30px}
.credits-sec h2{margin:0 0 8px;font:600 15px/1.2 'Fredoka',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#7fe0bf}
.credits-sec p{margin:0 0 5px;font-size:14px;line-height:1.45;color:#dbe7e3;overflow-wrap:anywhere}
.credits-sec p.credits-url{font-size:12px;color:#9db7b1}
.credits-end{margin:40px 0 0;font:600 20px/1.3 'Fredoka',system-ui,sans-serif;color:#fff}
.credits-close{position:absolute;top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));min-width:88px;min-height:44px;padding:0 18px;border:1px solid #5f8f86;border-radius:12px;background:#10252c;color:#e8f1ee;font:600 14px 'Fredoka',system-ui,sans-serif}
.credits-hint{text-shadow:0 1px 3px #000;position:absolute;left:0;right:0;bottom:calc(10px + env(safe-area-inset-bottom));font-size:12px;color:#8fa8a2}
.credits-screen.manual{overflow-y:auto}
.credits-screen.manual .credits-roll{padding-top:10vh}
@media (prefers-reduced-motion:reduce){.credits-roll{transform:none!important}}