/* Shared top-nav: hamburger + dropdown with inline Lucide icons.
   Uses each page's existing design tokens; --menubg falls back to --court (opaque). */
.kfrnav{display:flex;justify-content:flex-end;align-items:center;flex:1 1 auto}
.menuwrap{position:relative;margin-left:auto}
.hamb{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
.hamb:hover{border-color:var(--ink)}
.hamb:active{transform:translateY(1px)}
.hamb svg{width:22px;height:22px}
.kfrmenu{position:absolute;top:calc(100% + 10px);right:0;min-width:216px;z-index:200;
  background:var(--menubg,var(--court));border:1px solid var(--line);border-radius:14px;padding:6px;
  box-shadow:0 16px 40px rgba(0,0,0,.38);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;
  transition:opacity .14s ease,transform .14s ease,visibility .14s}
.kfrmenu.open{opacity:1;visibility:visible;transform:none}
.kfrmenu a,.kfrmenu button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  font:600 14px var(--body,'Roboto',Arial,sans-serif);color:var(--ink);text-decoration:none;
  background:transparent;border:none;border-radius:9px;padding:11px 12px;cursor:pointer;white-space:nowrap}
.kfrmenu a:hover,.kfrmenu button:hover{background:var(--panel2)}
.kfrmenu svg{width:18px;height:18px;color:var(--dim);flex:0 0 auto}
.kfrmenu .accent,.kfrmenu .accent svg{color:var(--neon)}
.kfrmenu .div{height:1px;background:var(--line);margin:6px 6px}