*{box-sizing:border-box}html,body{margin:0;height:100%;background:#111e27;color:#f2cf73;font-family:Arial,Helvetica,sans-serif}body{display:flex;flex-direction:column}header{min-height:44px;flex-shrink:0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#172b35;border-bottom:1px solid #3d5359;font-size:12px}a{color:#f2cf73;text-decoration:none;padding-block:12px}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid #f2cf73;outline-offset:3px}header span{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.4px;color:#afc0b5}main{flex:1;min-height:0}iframe{display:block;border:0;width:100%;height:100%;background:#111e27}@media(max-width:600px){header{padding-inline:15px}header span{display:none}}
header h1{margin:0;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}header h1 span{font-size:10px}noscript{position:absolute;inset:44px 0 auto;padding:20px;background:#172b35;color:#f4f0e4}@media(max-width:600px){header{gap:10px}header h1{font-size:9px;letter-spacing:0}}