/* ---------- navigation ---------- */
.nav{position:sticky;top:0;z-index:60;background:var(--panel);border-bottom:var(--u) solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.nav .wrap{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:'Pixelify Sans',monospace;font-weight:700;font-size:25px;line-height:1}
.tile{--u:3px;width:44px;height:43px;background:#fff;display:grid;place-items:center;box-shadow:var(--notch);flex:none;overflow:hidden}
.tile img{width:100%;height:100%;object-fit:contain}
.tile .fb{display:none;font-family:'Pixelify Sans',monospace;font-weight:700;color:#0b1b4d;font-size:20px}
.tile.noimg img{display:none}
.tile.noimg .fb{display:block}
.links{display:flex;gap:4px}
.links a{display:block;font-family:'Pixelify Sans',monospace;font-weight:500;font-size:19px;text-decoration:none;padding:8px 14px}
.links a:hover{background:var(--soft)}
.nav-r{display:flex;align-items:center;gap:14px}
.icon-btn{--u:3px;width:44px;height:44px;display:grid;place-items:center;background:var(--soft);border:0;cursor:pointer;color:var(--ink);font-size:23px;box-shadow:var(--notch)}
.icon-btn:hover{background:var(--sun);color:#0b1b4d}
.icon-btn .i-sun{display:none}
[data-theme="night"] .icon-btn .i-sun{display:block}
[data-theme="night"] .icon-btn .i-moon{display:none}
.menu-btn{display:none}
.nav-cta{padding:12px 18px;font-size:17px;--u:3px}