.m-bar{z-index:50;box-sizing:border-box;height:var(--status-height,60px);background:var(--bar-bg,var(--bg-panel,#111));border-bottom:4px solid var(--bar-border,var(--border-panel,#fff));box-shadow:var(--bar-shadow,0 4px 0 #00000080);color:var(--bar-title,#fff);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:0 16px;transition:background .5s,border-color .5s;display:grid;position:absolute;top:0;left:0;right:0}.m-bar__left,.m-bar__right{align-items:center;gap:8px;min-width:0;display:flex}.m-bar__left{justify-self:start}.m-bar__right{justify-self:end}.m-bar__who{align-items:center;gap:10px;min-width:0;max-width:44vw;display:flex}.m-bar__avatar{box-sizing:border-box;border:2px solid var(--bar-border,var(--border-panel,#fff));object-fit:contain;width:40px;height:40px;image-rendering:pixelated;background:#00000059;flex:none}.m-bar__names{text-align:left;min-width:0}.m-bar__name{font-family:var(--bar-name-font,"Press Start 2P", "Cubic 11", monospace);font-size:var(--bar-name-size,14px);font-weight:var(--bar-name-weight,400);letter-spacing:var(--bar-name-spacing,0);color:var(--bar-name,var(--accent,#ffeb3b));white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;line-height:1.2;overflow:hidden}.m-bar__title{font-family:var(--bar-title-font,inherit);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.3;overflow:hidden}.m-bar__btn{box-sizing:border-box;border:2px solid var(--bar-btn-border,var(--bar-border,var(--border-panel,#fff)));background:var(--bar-btn-bg,#000);min-height:32px;color:var(--bar-btn-text,#fff);font-family:var(--bar-btn-font,"Press Start 2P", "Cubic 11", monospace);font-size:var(--bar-btn-size,10px);letter-spacing:var(--bar-btn-spacing,0);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:6px 12px;line-height:1.4;text-decoration:none;transition:border-color .5s;display:inline-flex;position:relative}.m-bar__btn:hover{background:var(--bar-btn-hover-bg,var(--bar-border,var(--border-panel,#fff)));color:var(--bar-btn-hover-text,#000)}.m-bar__btn:focus-visible{outline:2px solid var(--bar-focus,var(--accent,#ffeb3b));outline-offset:2px;box-shadow:0 0 0 2px #000}.m-bar__home-ico{font-family:system-ui,sans-serif;font-size:1.4em;line-height:1}.m-bar__home-txt{font-family:var(--bar-home-font,"Cubic 11", system-ui, sans-serif);font-size:13px}@media (pointer:coarse){.m-bar__btn:after{content:"";width:max(100% + 4px,46px);height:max(100% + 20px,46px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (width<=900px){.m-bar__home-txt{display:none}}@media (width<=640px){.m-bar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:6px 10px 8px}.m-bar__who{grid-area:1/1/auto/-1;justify-self:center;gap:8px;max-width:100%}.m-bar__left{grid-area:2/1}.m-bar__right{grid-area:2/2}.m-bar__avatar{width:30px;height:30px}.m-bar__name{font-size:var(--bar-name-size-sm,11px);margin-bottom:2px}.m-bar__title{font-size:12px}.m-bar__btn{font-size:var(--bar-btn-size-sm,9px);min-height:28px;padding:6px 8px}.m-bar__home{min-width:36px}.m-bar__stats-suffix{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}