:root{--yearlens-footer-height:38px}
.yearlens-app-footer{box-sizing:border-box;position:fixed;inset:auto 0 0;z-index:450;height:var(--yearlens-footer-height);display:flex;align-items:center;justify-content:center;gap:30px;padding:0 16px;background:#10101b;border-top:1px solid #ffffff12;color:#b7b7c2;font:500 11px/1.4 Poppins,sans-serif}
.yearlens-publisher{white-space:nowrap;color:#eeeef2}.yearlens-publisher>span{color:#9293a3}.yearlens-publisher a{font-weight:600;color:inherit;text-decoration:none}.yearlens-app-footer nav{display:flex;align-items:center;gap:14px}.yearlens-app-footer nav a{display:inline-flex;align-items:center;min-height:30px;padding:4px 3px;color:#a4a5b4;text-decoration:none;white-space:nowrap}.yearlens-app-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.yearlens-app-footer a:focus-visible{outline:2px solid #db5049;outline-offset:2px;border-radius:2px}
body:has(#yearlens-app-footer) #app>main{bottom:var(--yearlens-footer-height)}
body:has(#yearlens-app-footer) .game,body:has(#yearlens-app-footer) .results-view{height:var(--app-height,calc(100svh - var(--yearlens-footer-height)))}
@media(max-width:600px){:root{--yearlens-footer-height:58px}.yearlens-app-footer{flex-direction:column;justify-content:center;gap:0;padding:4px 10px;font-size:10px}.yearlens-app-footer nav{gap:15px}.yearlens-app-footer nav a{min-height:28px;padding:4px 2px}}
@media(max-height:430px) and (min-width:601px){:root{--yearlens-footer-height:30px}.yearlens-app-footer{font-size:10px}}