/* Site navigation on phones. The engine's frozen ui/metal.css stays unchanged. */
.m-nav-toggle,.m-nav-account{display:none}

/* Logo, live line and menu share one row. Account access moves into the menu. */
@media (max-width:650px){
.m-header{position:relative;z-index:30;flex-wrap:nowrap;column-gap:10px;min-height:64px;padding:8px 12px}
.m-logo{gap:8px;font-size:26px}.m-logo small{display:none}.m-logo-mark{width:23px;height:23px}
.m-header-live{display:block;flex:1 1 0;min-width:0;margin-left:auto;overflow:hidden;text-overflow:ellipsis;text-align:right;font-size:11px;letter-spacing:.08em}.m-header-live .m-live-dot{margin-right:7px}
.m-header-account{display:none}
.m-nav-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--m-edge2);background:#201d18;color:var(--m-cream);cursor:pointer}
.m-nav-toggle:hover,.m-nav-toggle[aria-expanded=true]{border-color:var(--m-amber);color:var(--m-amber)}
.m-nav-toggle:focus-visible{outline:2px solid var(--m-amber);outline-offset:3px}
.m-nav-bars{display:grid;gap:5px}.m-nav-bars i{display:block;width:21px;height:2px;background:currentColor}
.m-nav{position:absolute;top:100%;left:12px;right:12px;z-index:31;display:none;grid-template-columns:minmax(0,1fr);gap:0;width:auto;margin:0;padding:8px;overflow:visible;background:#1b1915;border:1px solid var(--m-edge2);box-shadow:0 18px 38px rgba(0,0,0,.7)}
.m-nav[data-open=true]{display:grid}
.m-nav-item{display:flex;align-items:center;min-height:44px;padding:10px 12px;text-align:left;white-space:normal}
.m-nav-item[aria-current=page]{padding-left:9px;border-left:3px solid var(--m-amber);background:#302820;box-shadow:none}
.m-nav-account{display:flex;margin-top:6px;border-top:1px solid var(--m-edge2);overflow-wrap:anywhere;color:var(--m-cream)}
.m-footer{flex-direction:column;align-items:flex-start}
}