● {isMultiplayer ? 'MULTIPLAYER_VIBES' : 'SOLO_VIBES'}.EXE

{glitchText ? 'ＵＭＩＣＨＶＩＢＥＳ' : 'ＵＭＩＣＨＶＩＢＥＳ'}

{(memberList || []).map(m => (

openProfile(m.handle)} style={{ width: 24, height: 24, borderRadius: '50%', border: '1px solid #05FFA1', cursor: 'pointer', flexShrink: 0 }} title={m.displayName} /> ))}

{(CATEGORIES || []).map(cat => ( ))}

{(buildings || []).map((b, i) => (

{b.label}

))} {(filteredPins || []).map(pin => { const catColor = getCategoryColor(pin.category); return (

handlePinClick(e, pin)} style={{ position: 'absolute', left: pin.x - 20, top: pin.y - 40, width: 40, height: 40, cursor: 'pointer', zIndex: 10, display: 'flex', flexDirection: 'column', alignItems: 'center' }}>

{getCategoryIcon(pin.category)}

{pin.name}

); })} {showAddForm &&

}

{!showAddForm && !selectedPin && ( )} {selectedPin && (

{selectedPin.name}

selectedPin._user?.handle && openProfile(selectedPin._user.handle)}> {selectedPin._user?.profileImageUrl &&

} BY: {selectedPin._user?.displayName || 'Unknown'} // CAT: {selectedPin.category.toUpperCase()}

{selectedPin.desc}

VIBE_CHECK_PROTOCOL:

{(VIBE_EMOJIS || []).map(ve => { const count = (selectedPin.vibeChecks || []).filter(vc => vc.emoji === ve.emoji).length; const active = (selectedPin.vibeChecks || []).some(vc => vc._user?.id === user?.id && vc.emoji === ve.emoji); return ( ); })}

)} {showAddForm && (

NEW_PIN_ENTRY

setNewPin({...newPin, name: e.target.value})} placeholder="SPOT_NAME" style={{ width: '100%', background: 'rgba(255,255,255,0.05)', border: '1px solid #01CDFE', color: '#fff', padding: 12, marginBottom: 12, fontFamily: 'inherit', outline: 'none' }} />

setNewPin({...newPin, desc: e.target.value})} placeholder="VIBE_DESCRIPTION" rows={3} style={{ width: '100%', background: 'rgba(255,255,255,0.05)', border: '1px solid #FF71CE', color: '#fff', padding: 12, marginBottom: 12, fontFamily: 'inherit', outline: 'none', resize: 'none' }} />
          <div style={{ display: 'flex', gap: 8, marginBottom: 20, overflowX: 'auto' }}>
            {(CATEGORIES || []).map(cat => (
              <button key={cat.value} onClick={() => setNewPin({...newPin, category: cat.value})} style={{ flexShrink: 0, padding: '6px 10px', border: `1px solid ${cat.color}`, background: newPin.category === cat.value ? cat.color : 'transparent', color: newPin.category === cat.value ? '#0a0015' : cat.color, fontSize: 10, fontWeight: 900 }}>{cat.label}</button>
            ))}
          </div>
          <div style={{ display: 'flex', gap: 12 }}>
            <button onClick={() => setShowAddForm(false)} style={{ flex: 1, padding: 12, background: 'transparent', border: '1px solid #fff', color: '#fff', cursor: 'pointer' }}>CANCEL</button>
            <button onClick={handleAddPin} disabled={!newPin.name} style={{ flex: 2, padding: 12, background: '#05FFA1', border: 'none', color: '#0a0015', fontWeight: 900, cursor: 'pointer', opacity: newPin.name ? 1 : 0.5 }}>INITIALIZE_PIN</button>
          </div>
        </div>
      )}

{glitchText ? 'ＵＭＩＣＨ ＶＩＢＥＳ' : 'ＵＭＩＣＨ ＶＩＢＥＳ'}

{selectedPin.name}

NEW_PIN_ENTRY

{glitchText ? 'ＵＭＩＣＨＶＩＢＥＳ' : 'ＵＭＩＣＨＶＩＢＥＳ'}