.site-topbar{position:fixed;top:0;left:0;right:0;z-index:9000;display:flex;align-items:center;height:28px;padding:0 8px;background:#03070eeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(30,55,85,.5);box-shadow:0 1px 6px #00000080;font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:.06em}.topbar-spacer{flex:1}.topbar-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:6px}.topbar-nav{display:flex;gap:2px;align-items:center}.site-topbar a{color:var(--link-color, #e0fbfc);opacity:.4;text-decoration:none;padding:2px 6px;border-radius:3px;transition:opacity .1s,background .1s}.site-topbar a:hover{opacity:.85;background:#e0fbfc0d}.site-topbar a.topbar-active{opacity:.9;text-shadow:0 0 10px var(--link-color)}.topbar-account{display:flex;align-items:center;gap:6px;font-size:.65rem}.topbar-identity{padding:1px 8px;border:1px solid rgba(30,55,85,.4);border-radius:3px;background:#0a152099;font-weight:600;letter-spacing:1px;cursor:default}.topbar-clan{font-size:.6rem;font-weight:700}.topbar-btn{font-family:Share Tech Mono,monospace;font-size:.6rem;font-weight:600;letter-spacing:1px;padding:1px 8px;cursor:pointer;border-radius:2px;transition:all .15s;background:transparent;text-decoration:none}.topbar-btn-play{border:1px solid rgba(68,255,68,.4);color:#4f4;background:#44ff440f}.topbar-btn-play:hover{background:#44ff4426;box-shadow:0 0 8px #4f43;color:#4f4}.topbar-btn-logout{border:1px solid rgba(255,68,68,.3);color:#a55}.topbar-btn-logout:hover{border-color:#f44;color:#f44;background:#ff444414}.topbar-btn-admin{border:1px solid rgba(255,68,68,.4);color:#f66;background:#ff44440f}.topbar-btn-admin:hover{background:#ff444426;box-shadow:0 0 8px #f443}.topbar-btn-login{border:1px solid rgba(68,170,255,.4);color:#4af}.topbar-btn-login:hover{background:#44aaff1f}.topbar-btn-register{border:1px solid rgba(68,255,68,.3);color:#6a8}.topbar-btn-register:hover{background:#44ff4414}.topbar-auth-form{display:flex;align-items:center;gap:4px}.topbar-auth-form input{font-family:Share Tech Mono,monospace;font-size:.6rem;padding:1px 6px;width:80px;background:#08101ce6;border:1px solid rgba(30,55,85,.5);color:#ccc;outline:none;border-radius:2px}.topbar-auth-form input::placeholder{color:#445}.topbar-auth-form input:focus{border-color:#44aaff80}@media(max-width:768px){.site-topbar{padding:0 4px;font-size:.6rem}.topbar-nav{gap:0}.site-topbar a{padding:2px 3px}.topbar-account{gap:3px;font-size:.55rem}.topbar-auth-form input{width:60px}}