.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)}