.top{display:flex;align-items:center;gap:var(--sp3);padding:var(--sp3) var(--sp4);position:sticky;top:0;z-index:5;background:rgba(12,8,5,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.back{width:40px;height:40px;border-radius:var(--r-p);display:grid;place-items:center;background:var(--s2);border:1px solid var(--line);color:var(--gold);transition:background var(--dur)}.back:active{background:var(--s3)}
.bn{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 24px);max-width:496px;display:flex;padding:6px;background:rgba(23,16,11,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh);z-index:9}
.bn a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:500;color:var(--mut);padding:8px 2px;border-radius:var(--r-m);transition:color var(--dur),background var(--dur)}.bn a b{display:block;line-height:0}.bn a.on{color:var(--gold2);background:rgba(217,174,107,.12)}
.topbar{display:flex;align-items:center;gap:var(--sp2);padding:calc(var(--sp2) + env(safe-area-inset-top)) var(--sp4) var(--sp2)}
.brand2{font:500 17px var(--f-disp);color:var(--gold2);margin-right:auto}
.tbr{display:flex;align-items:center;gap:6px}
.tbtn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--tx2);background:var(--s1);border:1px solid var(--line);transition:background var(--dur),color var(--dur)}.tbtn:active{background:var(--s2)}.tbtn .ic{width:18px;height:18px}
.drawer-bk{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity var(--dur);z-index:29}.drawer-bk.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;left:0;width:78%;max-width:320px;background:var(--s1);border-right:1px solid var(--line);padding:calc(var(--sp4) + env(safe-area-inset-top)) var(--sp4) var(--sp4);transform:translateX(-105%);transition:transform var(--dur) var(--ease);z-index:30;overflow-y:auto}
.drawer.open{transform:translateX(0)}
.drawer a{display:flex;align-items:center;gap:var(--sp3);padding:12px 4px;color:var(--tx2);border-bottom:1px solid var(--line)}.drawer a .ic{color:var(--gold)}