@font-face{font-family:Russo;src:url('/assets/RussoOne-Regular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{color-scheme:dark;background:#0b2832;color:#fff6dd;font-family:Russo,Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
main{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#174653,#071b24)}
picture{display:block;width:min(100%,calc((100svh - 76px)*16/9));line-height:0}
.cover{display:block;width:100%;height:auto}
.status{width:100%;min-height:76px;display:grid;place-items:center;padding:18px 24px max(18px,env(safe-area-inset-bottom));background:#091c25}
.status p{margin:0;font-size:clamp(18px,2.5vw,28px);letter-spacing:.12em;text-transform:uppercase;transform:skew(-7deg);color:#ffb91f;text-shadow:2px 3px #000}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-aspect-ratio:4/5){picture{width:100%}.status{min-height:88px;flex:1}.status p{font-size:22px}}