:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#10291f;color:#f9efd9}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{display:flex;flex-direction:column}
nav{height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;background:#10291f;border-bottom:1px solid #e8bb6830;font-size:13px}
nav span{color:#f9efd9;font-weight:650}
a{color:#e8bb68;text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid #e8bb68;outline-offset:4px}
main{position:relative;flex:1;min-height:0}
iframe{display:block;width:100%;height:100%;border:0;background:#10291f}
noscript{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center}
@media(max-width:550px){nav{padding:0 10px;font-size:11px}}