@font-face{font-family:Oswald;src:url(/fonts/oswald-latin.woff2)format("woff2");font-weight:200 700;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Oswald;src:url(/fonts/oswald-latin-ext.woff2)format("woff2");font-weight:200 700;font-display:swap;unicode-range:U+100-24F,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--steel:#22282e;--steel-light:#3a444d;--bevel:#7d8b96;--ink:#e9eef2;--ink-dim:#a9b4bc;--accent:#f2b233;--face:"Oswald", "Arial Narrow", sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--face);-webkit-tap-highlight-color:transparent;background:#14181c;margin:0;overflow:hidden}#app{position:fixed;inset:0}#view{width:100%;height:100%;display:block}.topbar{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));pointer-events:none;align-items:baseline;gap:14px;padding:6px 16px;display:flex;position:absolute}.topbar .brand{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:22px;font-weight:700}.topbar .date{letter-spacing:.15em;text-transform:uppercase;font-size:15px}.loading{letter-spacing:.15em;text-align:center;text-transform:uppercase;background:#14181c;place-items:center;margin:0;padding:0 24px;font-size:20px;line-height:1.6;display:grid;position:absolute;inset:0}.loading[hidden]{display:none}.card{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;align-items:center;gap:12px;max-width:min(420px,100% - 180px);padding:10px 14px;display:flex;position:absolute}.card[hidden],.card-flag[hidden],.card-extra[hidden]{display:none}.card-flag{border:1px solid #11151a;flex:none;width:54px;height:36px}.card-title{letter-spacing:.04em;font-size:19px;font-weight:600}.card-sub,.card-extra{color:var(--ink-dim);font-size:14px}.card-extra{color:#8fe08a;letter-spacing:.04em}.perf-overlay{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));white-space:pre;color:#d8f5d0;pointer-events:none;background:#0009;margin:0;padding:8px 10px;font:12px/1.45 ui-monospace,Menlo,monospace;position:absolute}.frame,.frame-button{background:linear-gradient(var(--steel-light), var(--steel));border:2px solid var(--bevel);color:var(--ink);font-family:var(--face);border-top-color:#b9c6cf;border-bottom-color:#11151a;box-shadow:0 4px 16px #00000080}.frame-button{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));letter-spacing:.15em;text-transform:uppercase;cursor:pointer;min-height:44px;padding:0 20px;font-size:16px;position:absolute}.frame-button:hover,.frame-button:focus-visible{color:var(--accent);outline:none}dialog.frame{width:min(560px,100% - 32px);max-height:calc(100% - 32px);padding:20px 24px;font-size:15px;line-height:1.45}dialog.frame::backdrop{background:#0000008c}dialog.frame h2{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:22px}dialog.frame ul{margin:0;padding-left:18px}dialog.frame li{margin-bottom:8px}dialog.frame .what{color:var(--ink-dim)}dialog.frame a{color:var(--ink)}dialog.frame .note{color:var(--ink-dim);margin:12px 0 16px}dialog.frame button{min-height:40px;font-family:var(--face);letter-spacing:.15em;text-transform:uppercase;color:var(--ink);background:var(--steel-light);border:2px solid var(--bevel);cursor:pointer;padding:0 18px;font-size:15px}