:root{color-scheme:dark;--gold:#edca86;--navy:#041426;--line:#34536e}*{box-sizing:border-box}html,body{height:100%;margin:0;font:15px Arial,sans-serif;color:#e8f0fc;background:var(--navy)}body{display:flex;flex-direction:column;height:100dvh}header{display:flex;align-items:center;gap:8px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));background:#071b2f;border-bottom:1px solid #254662;flex:none}strong{margin-right:auto;font:700 22px/1 Georgia,serif;letter-spacing:-.5px}strong b{color:var(--gold)}button,a{font:600 12px Arial,sans-serif;color:#d1e0f6;border:1px solid #3b5870;background:#102c45;border-radius:999px;padding:8px 11px;min-height:36px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover{background:#1b3a55}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#install{background:linear-gradient(135deg,#f8dea2,#c99545);color:#15243a;border-color:#f0ce8b}iframe{display:block;border:0;width:100%;flex:1;min-height:0;background:var(--navy)}dialog{background:#091f35;color:#eef4fc;border:1px solid var(--line);border-radius:20px;max-width:420px;width:calc(100% - 32px);padding:25px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog p{line-height:1.6;color:#b6c9e2}dialog h2{font:400 29px/1.15 Georgia,serif;margin-top:0}dialog a{white-space:normal;color:var(--gold);border:0;padding:0;background:none}#connection{background:#3a2b17;color:#ffe2aa;padding:10px;text-align:center;font-size:14px}[hidden]{display:none!important}@media(max-width:420px){strong{font-size:19px}header{gap:6px;padding-inline:8px}button{font-size:11px;padding:7px 9px}#install{font-size:11px}}@media(display-mode:standalone){#install{display:none}header{justify-content:flex-end;padding-block:3px}header strong{display:none}header button{min-height:28px;padding:4px 10px;font-size:11px}}