/* Studio bar (tầng 1). Dùng chung mọi trang, kể cả oldgame-vm/. Chỉ class sb- để không đụng CSS từng dự án. Cùng hệ Photon với oldgamevm.com. */
.sb, .sb * { box-sizing: border-box; }
.sb{position:relative;z-index:200;background:#050506;border-bottom:1px solid #ffffff12;font:500 .8rem/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",ui-sans-serif,system-ui,sans-serif;color:#a4a4a4}
.sb-in{width:100%;max-width:1240px;margin:auto;min-height:40px;display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;padding-left:max(1.5rem,env(safe-area-inset-left,0px));padding-right:max(1.5rem,env(safe-area-inset-right,0px))}
.sb a{color:inherit;text-decoration:none}
.sb a:hover,.sb summary:hover{color:#f7f7f7}
.sb-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:-.02em;color:#f7f7f7!important}
.sb-logo::before{content:"";width:14px;height:14px;border-radius:4px;background:linear-gradient(145deg,#cbb9ff,#8f6dff);box-shadow:0 0 12px rgba(179,153,255,.5)}
.sb-sw{position:relative}
.sb-sw summary{list-style:none;cursor:pointer;padding:.25rem .7rem;border-radius:6px;border:1px solid #ffffff1f}
.sb-sw summary::-webkit-details-marker{display:none}
.sb-sw summary::after{content:" ▾";font-size:.7em}
.sb-menu{position:absolute;top:calc(100% + 10px);left:0;width:min(320px,88vw);background:rgba(13,13,15,.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid #ffffff1f;border-radius:12px;padding:.4rem;box-shadow:0 24px 60px rgba(0,0,0,.8),inset 0 1px 0 #ffffff24}
.sb-menu p{margin:.5rem .7rem .25rem;font:.62rem "JetBrains Mono",ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#6b6b6b}
.sb-menu a{display:grid;grid-template-columns:10px 1fr;gap:.8rem;align-items:center;padding:.6rem .7rem;border-radius:8px;color:#f7f7f7}
.sb-menu a:hover,.sb-menu a:focus-visible,.sb-menu a[aria-current]{background:#ffffff0f}
.sb-menu i{width:10px;height:10px;border-radius:3px}
.sb-menu small{display:block;color:#6b6b6b;font-size:.75rem}
.sb-menu .all{grid-template-columns:1fr;margin-top:.3rem;border-top:1px solid #ffffff12;border-radius:0 0 8px 8px;color:#cbb9ff}
.sb-nav{margin-left:auto;display:flex;gap:1.4rem}
.sb :focus-visible{outline:2px solid #b399ff;outline-offset:3px}
@media(max-width:560px){
  .sb-in{gap:.6rem;padding-block:6px;padding-left:max(1rem,env(safe-area-inset-left,0px));padding-right:max(1rem,env(safe-area-inset-right,0px))}
  .sb-nav{order:3;flex-basis:100%;margin-left:0;display:flex;gap:1.2rem;overflow-x:auto;padding-top:2px}
}